DEV Community: LearnRepo

500 Blog Posts To Learn About Good Company

LearnRepo — Wed, 05 Aug 2026 15:00:27 +0000

Let's learn about Good Company via these 500 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

Good Company - because we don't want you to deal with the bad ones. When you publish as a brand here, HackerNoon distributes your company story around the interwebs.

1. How to Use DeepAR For AR Effects on Amazon IVS Live Streams

Now that people are more accustomed to using video technology, AR stands to dial up both the functionality and fun factor of the medium.

2. Why Would an NFT Marketplace Freeze an Account?

“I have been hacked. All my apes gone. This just sold please help me.”

3. From Clicks to Value: TapSwap's Sustainable Approach to Tap-to-Earn

The "Play-Generate Value-Earn" philosophy pulls attention away from mindless tapping to interactions that can now yield real value.

4. Nintendo Breaks Its Silence On Palworld

Nintendo finally broke its silence after Palworld’s launch raised controversy among the Pokemon community.

5. How To Take Screenshots In The Browser Using JavaScript

Taking screenshots in-browser (or 'client-side') is all about tradeoffs - there's no perfect solution for every situation. Let's take a look at three different ways you can take screenshots, and then how you can use them by sending them to a server or letting the user download the image.

6. How to Build a 2FA Application in Python

Sometimes the best way to learn how to code something is by looking at an example, so we’ve created a sample application on GitHub.

7. Open-Source: The Next Step in AI Revolution

Explore the open-source revolution in AI development, distinguishing between genuine innovation and 'open-washing' attempts by Big Tech.

8. How to Create Word Documents Within Excel VBA

By the end of this article, you’ll be able to create Word documents from within Excel VBA.

9. 7 of the Best SOC 2 Compliance Software Platforms in 2025

A 2025 guide to the best SOC 2 compliance software, comparing automation, integrations, usability, and pricing across seven leading platforms.

10. Engineering Levels Ladder Explained

Ockam is sharing their engineer ladder in an effort to provide transparency and help junior engineers understand their potential career path.

11. How Asset Tokenization With Daml Works

How Daml smart contracts facilitate your asset tokenization.

12. Accelerate Your Pytest Performance for Enhanced Code Quality and Faster Feedback

Integrating Launchable into your pytest testing workflow can help you save substantial time, money and labor.

13. Web App Development in 2022: Everything You Need to Know

This blog will discuss the various steps to building progressive web apps.

14. Top 5 Solutions to the KYC Problem for Crypto or NFT Projects

The future of KYC/AML in the crypto world is looking bright. With projects implementing KYC solutions, we see a move toward a regulated and compliant industry.

15. Sending Secret Messages with the Courier API and Node.js

In this tutorial, we will be building a Node.js app that sends multi-channel notifications in morse code.

16. What Advantage Do Programmable NFTs Bring to Users?

Raunaq Vaisoha is a second-time crypto entrepreneur and has been in the space since 2013. NFTs are evolving from static to dynamic objects.

17. A Step-by-Step Guide to Migrating a Project from ASP.NET MVC to ASP.NET Core

Step-by-step guide

18. Integrating BSC Tokens Into Your Crypto Project

Learn everything you need to know when it comes to integrating a BSC token into a cryptocurrency project that you are working on and aim to do so.

19. Will Layer-1 Public Blockchains Rise or Fall in the Next Bull Market?

An analysis of differentiated L1 public blockchains and why they may outperform in the next bull market.

20. How To Get Market Cipher Indicators For Free and Use Them To Crush The Market

The 3 of the most coveted indicators for crypto are now live on Aurox.. For FREE! These indicators cost a whopping $1500 but free on Aurox.

21. 8 Ways You Can Use WhatsApp to Improve Customer Service

Check out how brands can leverage WhatsApp for customer service and improve customer communication through WhatsApp Business API.

22. Why a Future-Proofed Multichannel Notification System is Important

A future-proof multichannel notifications strategy helps PMs stay in touch with their users without coming off as intrusive, non-responsive, or antiquated.

23. Our Code Is Harming The Planet, We Need Carbon Aware Design Patterns

Our Code Is Harming The Planet. Can Carbon Aware Design Patterns Help Us Fix It?

24. First Crypto Hackathon and Workshop at Harvard University to be Hosted by Telos

The Hack Boston event will be the first cryptocurrency hackathon to be held on an Ivy League campus.

25. The European Blockchain Convention 2023 Returns to Barcelona

European Blockchain Convention 2023 will welcome more than 3,000 attendees - making it the largest edition since the event was launched in 2018.

26. Space and Time Receives $20 Million in Strategic Investment Led by Microsoft's M12

Space and Time, a Web3 native data platform that has raised $20 million in strategic capital from notable investors led by Microsoft's M12 fund.

27. Will Guest Posting Still be a Good SEO Strategy in 2023?

This article will examine when and why guest posting is a good idea. We will also cover some Guest Posting tips to help you get the most out of this strategy.

28. What’s the Database Plus Concept and What Challenges Can It Solve?

Explaining the Database Plus concept, its impact on system architecture design, and its innovations: from Proxyless Service Mesh to microservice backend support

29. The Benefits of B2B Contracts for Workers in the IT Industry

Since Covid-19 and the rise of remote work, B2B contracts are rapidly growing in popularity and transforming the world of IT recruitment and remuneration.

30. double jump.tokyo to Produce Three Kingdoms Inspired Blockchain TCG Licensed from SEGA Corporation

double jump.tokyo is thrilled to announce that we have secured the license from SEGA CORPORATION to develop a blockchain game based on the theme of “Sangokushi”

31. The Fight for a “Transparent” Blockchain

Blocking of the main blockchain transaction anonymization service Tornado Cash

32. Reconciling Tech and Ethics: Building a Shariah-Compliant Financial Ecosystem

But why does this question arise in the first place? In other words, why can’t religious Muslims use Bitcoin for digital payments?

33. How to Build a WebAssembly Language for Fun and Profit: Parsing

In the second article, we’ll cover the next phase of our compiler, parsing, to take the token stream generated by the lexer and converting it to an AST.

34. Metaverse Launches: The Successes to the Messes

The Metaverse is an unexplored world of opportunity. Brands need to forge their own paths, and we've mapped out a clearer picture of what works and what doesn't

35. Regulatory Changes in DeFi and Stablecoin will be Significant

HashKey Capital is an asset manager with three dedicated funds investing exclusively in blockchain technology and digital assets.

36. Top 12 NFT Tools for Analytics, Research and Portfolio Management

Our Top 12 NFT Tools for analytics, NFT valuation, NFT social intelligence, portfolio management suites, bots and more.

37. How to Solve the Python Memory Error

A memory error occurs when an operation runs out of memory. It’s most likely because you’re using a 32-bit Python version.

38. Choosing Between Front-End, Back-End & Full Stack Developers

Hire a team of front-end and back-end developers or full-stack developers at Systango.

39. The 10 Best Node.js Logging Libraries

10 of the best Node.js logging libraries + how to get up and running with them. 1. Pino, 2. Winston, 3. Bunyan...

40. Current Web3 Development is Similar to the Internet Boom of the Late 90s

SIMBA Chain started working on its first blockchain projects for organizations like the US Navy, Boeing, and other defence contractors.

41. A Guide on How to Build a Blockchain with Javascript

Although JavaScript is now the most widely used programming language worldwide, it is not usually the first language picked for building a blockchain

42. Pyth and Auros are Bringing Real-Time High-Frequency Data to Blockchain Protocols

Auros, a company specialising in algorithmic trading and market making, and Pyth Network will provide access to high-frequency data in real-time.

43. Using Amazon IVS to Create Interactive Live Streaming Experiences with Timed Metadata

Amazon Interactive Video Service (Amazon IVS) gives us a few amazing features that enable interactivity.

44. 6 Domain Name Registration Drivers in Q2 2022

WhoisXML API researchers identified six notable domain registration drivers for Q2 2022. Check an overview of the key findings and takeaways.

45. Writing and Compiling C++ on Linux [A How-To Guide]

If you’ve adopted Linux, chances are you might have done so for development purposes. After all, it has everything you need to program in most languages, and do so for (almost) free.

46. Perch, a Mortgage Fintech, Raises $4M in Series A Funding

Perch, a Mortgage Fintech, Raises $4M in Series A Funding

47. Rebuilding the Tower of Babel: A Theory of New National Development Based on DAO

But when we stop focusing on dysfunctional, centralized government and talk directly to DAO members, we are already transforming ourselves and society.

48. How to request data from a REST API to a Solidity Smart Contract

49. How Polygon Supernets and Ankr Help Build Modular Blockchain Apps

Polygon Supernets is an EVM-compatible modular blockchain stack that enables developers to have a custom decentralized modular network.

50. Top 20 Promising Blockchain Projects in 2020

Blockchain tech is gradually integrating with the current industries as big corporations and startups seek solutions based on this new innovation. Forbes has since taken up the initiative to list 50 best projects leveraging blockchain; this year’s publication marks the second annual ‘Blockchain 50’ ranking by the magazine.

51. How to Send SMS Text Messages Using Python

You can automate sending out SMS messages with any language.

52. Top 10 Principles of Good Web Design

Have you heard about the best trending 10 principles of good web design? Worth reading the blog. Please comment your thoughts

53. Future of Social Interactions: What is ‘SocialFi’ in Web3?

Web 3.0 is introducing new technology fields that combine with decentralized finance (DeFi) elements to blur the lines between web2 and crypto.

54. Lisk Events at Berlin Blockchain Week

Do you want to learn more about blockchain? Would you like to network with other Web3 enthusiasts and learn more about the most important industry trends? Then

55. Everything You Need to Know to Implement Generative AI for Your Enterprise

The easiest way to conceptualize what is possible with Generative AI is to imagine a customized Large Language Model running inside your firewall.

56. Lumoz: Pioneering Blockchain Scalability With OP Stack and ZK Innovation

This article highlights Lumoz’s breakthrough in integrating OP Stack with ZK Proof, boosting performance and security.

57. An Intro to Resiliency, DHT, and Autonomous Economic Agents

According to the paper published by Lokman Rahmani et al., the S/Kademlia distributed hash table (DHT) used by the ACN is resilient against malicious attacks.

58. How Fintech Business Founders Can Develop Crypto Trading Apps

MobiDev prepared an ultimate crypto trading app development guide to help fintech enthusiasts avoid common pitfalls and create a successful crypto product.

59. Effective Workarounds for SQL-Style Joins in Elasticsearch

In this blog, we explore how nested objects and parent-child relationships enable SQL-like join operations in Elasticsearch.

60. Using SuperTokens in a VueJS App With Your Own UI

Learn how to build your own login UI with SuperTokens in your VueJS application.

61. How to Build a Data-Driven Product Using Metabase

Metabase is a business intelligence tool that lets you access your data in a read-only manner.

62. Can Anything Stop the Death of the Token Airdrop? No, Bring It On.

'Node Drop' is a sustainable alternative to token airdrops, aligning incentives by rewarding active network participants with LiteNodes instead of free tokens.

63. Archway Users Now Have Access to Balanced

Balanced, a cross-chain decentralized exchange (DEX) native to ICON, is now live on Archway.

64. Exploring the RIF Token: Bringing Utility to Bitcoin

Learn how the RIF token unlocks DeFi, governance, and improved UX on Bitcoin's leading sidechain, Rootstock.

65. The Top 5 Use Cases of Blockchain Technology Beyond Cryptocurrency

Blockchain technology has been instrumental in changing the way we view finance. Let's take a look at what else can be achieved using it.

66. Everything You Need to Know About Building a Chat App

In this post, we will look at how to proceed with building your own chat application to enable your users to connect and communicate.

67. How Social Discovery Can Help Cure Loneliness

Social nets gave us the opportunity to connect. But being in touch doesn’t mean showing attention, sympathy, and love. What's ahead of online communication?

68. The Best Medical Speech Recognition Software and APIs in 2026

Compare the best medical speech recognition tools in 2026—APIs and software that cut documentation time, reduce burnout, and improve workflows.

69. What Is a Bonding Curve and How Does It Affect Token Price?

Bonding curves are a mathematical tool for DeFi protocols. They can solve several problems haunting the crypto space and hindering trading. Good news here!

70. From Zero to Web3 Hero: Building a Multichain Dapp from Scratch

What if we told you that a developer without blockchain knowledge can create a multichain dApp in a couple of minutes? Let’s explore how it's possible!

71. DeFi Projects Going into the Metaverse

Recently, decentralized finance (DeFi) projects are also dipping into the Metaverse. Their decision lets them leverage technologies from the uncertain field.

72. From Company to DAO to Protocol, What Will be Next for Tellor?

Tellor’s CTO, Nicholas Fett, gives us an overview of his work building a decentralised oracle network.

73. Developer’s Guide to Building Bitcoin Wallets with Open-Source Frameworks

Learn how to build secure and user-friendly crypto wallets using the open-source RIF Wallet framework.

74. Understanding 0VIX: How to Approach Market Risk Assessments via Agent Based Modeling

0VIX’s Head of Quantitative Research, Daniele Pinna, gives us a peek under the hood at 0VIX.

75. How Liquity Plans to Break the Stablecoin Trilemma

From fallback oracles to trust assumptions, learn about Liquity's innovative approach to tackling the stablecoin trilemma.

76. What Happened This Week in Crypto Gaming and NFTs

Giving you the most important stories in crypto gaming and NFTs from the week (17 October - 23 October)

77. How to unlock your 888,888 KickTokens from FrozenDrop?

In December 2019, we conducted the first-ever FrozenDrop of KickTokens. The Kick Ecosystem team was the first to create and implement the frozen mechanics of frozen tokens on the blockchain.

78. What are NFTs and how do they work

NFTs are a new technology that you need to understand. THis is what they are and how the very first NFT came about in 2014 when it was made on a whim.

79. Developing AI Security Systems With Edge Biometrics

Let’s speak about usage of edge AI devices for office entrance security system development with the help of face and voice recognition.

80. Exploring the Best Decentralized Escrow Platforms: Top 5 Picks

In a decentralized escrow platform, the trusted third party to handle the funds is a smart contract. Here we analyze several options for it, and their fees.

81. Octopus Network Unveils Omnity, Pioneering a Fully Decentralized Cross-Chain World

Octopus Network announces the upcoming launch of Omnity, a groundbreaking product designed to enhance cross-chain transactions

82. How to Install and Configure PHP for Apache and MySQL

In this article, we explain how to install PHP, Apache, and MySQL and then find out how to configure PHP.

83. Assessing Your Organization's Customer Data Maturity

Investing in customer data is a top priority for marketing leaders.

84. The Future of NFTs In The Web3 Economy

The role of NFT in the Web3 economy

85. 4 Smart Ways to Quickly Create and Deploy Email Signatures

Learn four quick and smart ways to create a signature for your business using the integration with Google Sheets, Google Workspace, Freshdesk, or Asana.

86. Top 10 Javascript File Managers

File management is a helpful tool in any business application. Here is an overview of the most functional, elegant, and popular JavaScript File Managers ready to be built into the client-server solution. Even if you do not have a direct need to work with files, you can borrow the classic file explorer interface for other tasks. For instance, there are some cases of the classic interface becoming the basis for a new web application in this article.

87. Innovations in Online Dating & Social Discovery: What SDG's Doing to Stay Ahead of the Curve

What will online dating look like in the future? How the new technologies change the way we communicate online?

88. dWeb Goes Mainstream: 7 Websites that are Better on the Blockchain

You can now update your settings in Chrome or Firefox to connect to blockchain domains. Check out these seven examples to use for your decentralized websites.

89. Supercharge TileDB Engine with MinIO

MinIO makes a powerful primary TileDB backend because both are built for performance and scale.

90. How to Transform Your Data Into a Voice AI Knowledge Assistant

RAIN executives give a full breakdown of the build out and power of AI Voice Assistants.

91. Smooth Sailing: Transitioning from Docker to Localhost

Understanding Docker networking is more than a technical necessity; it's a step toward mastering containerized environments.

92. Using Witnet to Overcome The Challenges of Developing A Truly Multichain Oracle Network

Tomas Ruiz on overcoming the challenges of developing a truly multi-chain oracle network using Witnet.

93. How to Develop a Metaverse Platform - 2024

How to create a metaverse platform & application? Here is the detailed guide to the essential features and processes for developing metaverse virtual world,

94. 3 Best Web-based Remote Desktop: Just Click the Link and Connect

Quick remote access to your computer. Secure services that help you connect to your PC remotely through your browser.

95. LanceDB: Your Trusted Steed in the Duel Against Data Complexity

There are many ways to build on the foundation offered in this tutorial to create performant, scalable and future-proofed ML/AI architectures.

96. How Clapper is Revolutionizing the Creator Economy

Clapper is a new social media platform for content creators.

97. Colony Labs Launches Index Token Offering on Avalanche Ecosystem

Colony Avalanche Index (CAI) is the first index token that provides exposure to the AVAX ecosystem.

98. How PMs Can Build a Great Product Notification Experience

After reading this article, you’ll have the confidence and the tools to set up a notification system that delights and doesn’t annoy.

99. Curve Ball

What would happen to the price of Bitcoin in the medium-term if oil ramped 2x to 3x overnight?

100. Serverless Software Development: Everything You Need to Know

What is Serverless Software Development, its benefits, different types of services available, how to build Serverless applications, and some best practices.

101. What Are Wallet Drainers? How to Protect Yourself From Them!

Learn about wallet drainers, how to detect and respond to compromises, and the role of Wallet Rescue by Hackless in safeguarding the crypto assets.

102. A Deep Dive on Digital Identity: Why You Need to Check Out Genies Traits Framework

What if your avatar in the Genies Ecosystem encoded not only your visual representation but also who you are – your personality, quirks, and all?

103. How to Migrate from Oracle to PostgreSQL

This article explores the most important challenges and solutions of the database migration from Oracle to PostgreSQL.

104. Top 5 Play-2-Earn Games of 2023 to Look Into

Web3 gaming is rapidly growing due to the new and highly popular play-to-earn (P2E) model.

105. DynamoDB Filtering and Aggregation Queries Using SQL on Rockset

How to use DynamoDB and Rockset together to build a fast, delightful application experience for users.

106. Understanding Embedded Analytics: Definition, Benefits, and Use Cases

Learn about crucial features, requirements, and the decision-making process for selecting the ideal embedded analytics solution for your software.

107. Nikkei Advertisement for Astar Network Receives the Backing of Record 329 Japanese Corporations

Astar Network has broken a world record by publishing a national newspaper advertising with the largest brands in a single ad.

108. How To Use Remix and Metamask To Deploy Smart Contracts On The RSK Testnet

In this tutorial I will show you step by step how to use Remix and Metamask, which are tools that were originally built for Ethereum, to create and deploy a simple smart contract on RSK’s Testnet.

109. Creating a Discord Bot That Automates Secret Messages With Node.js

Our plan is to create and install a Discord bot that automates encrypted messages to the civilians and alerts them about the situation so that they can escape.

110. 5 DeFi Projects You Should Know About in 2021

The growth of Defi is remarkable, with the industry making great strides in just the past few years. It's quite right to conclude that this industry is probably the next big thing in the financial world, especially owing to the many use cases of the upcoming projects.

111. Effective Static Code Analysis Techniques for Improving Code Quality

Increase the value of your static code analysis with the help of test impact analysis and predictive test selection.

[112. With Cyber Threats on the Rise,

Nero Consulting Encourages Businesses to Keep Their Guard Up](https://hackernoon.com/with-cyber-threats-on-the-rise-nero-consulting-encourages-businesses-to-keep-their-guard-up)

Nero Consulting CEO Anthony Oren has watched countless companies suffer from the lack of preventative measures to secure their systems.

113. Project Management in Software Development: Key Questions Answered

To make sure your project does not spin out of control, you have to make healthy project management a priority.

114. 10 Important 409a Valuation Compliances to Know

In this article, we will discuss some of the important considerations in the 409A valuation in order to comply with the law.

115. Lessons from Kilimanjaro

There will be more mountains to climb and higher ones each time. The locations and timings will differ and so will your purpose and vision each time

116. Top Chatbot Trends That Will Dominate Businesses in 2023

Chatbots are a type of artificial intelligence that is programmed to simulate human communication. They are able to understand the context of a conversation and provide answers in a natural-sounding way.

117. Developer Experience Supremacy: Here’s What Industry Experts Say About It

The focus on enhancing the developer experience is evolving rapidly post COVID, as businesses embark on the digitization journey. What really does this entail?

118. How to Unleash Insights for Everyone: Multi-Tenant Architecture for Embedded Analytics

Multi-tenant architecture (MTA) is a software architecture in which a single instance of an application serves multiple customers, known as tenants.

119. AWS Redshift vs Snowflake: A Comprehensive Guide to Embedded Analytics Solutions

Discover the importance of embedded analytics within SaaS applications and the critical role of data warehousing solutions like AWS Redshift and Snowflake.

120. Hungry GPUs Need Fast Object Storage

MinIO is capable of the performance needed to feed your hungry GPUs; a recent benchmark achieved 325 GiB/s on GETs and 165 GiB/s on PUTs.

121. Transferring Tokens Across Blockchains: The Definitive Guide to Bridges, Atomic Swaps, and More

There are four usual ways to transfer tokens: exchanges, synthetic assets, atomic swaps, cross-chain token bridges. Let's take a closer look at each one.

122. 5 Most Impactful Reasons Why Remote Teams Fall Apart

Why does remote work succeed in some teams yet fails in others? We will attempt to answer this question by examining why remote teams fail to begin with.

123. Understanding the Future of TradFi and DeFi with AllianceBlock

AllianceBlock co-founder and CTO Matthijs de Vries talks about the platform's vision and web3 economy.

124. Mixing the Cross-Chain magic with Tokenized Real Worlds Assets

The future of finance is with tokenized RWAs and cross-chain DeFi; dig into real world assets on Avalanche and ICON.

125. View Someone's Facebook Messages without Knowing Their Password

Wondering how to see someone else's Facebook messages without them knowing? Read this complete guide on dos and don'ts to view someone's Facebook messages.

126. How Custom Data Models Drive Next-Generation Embedded Analytics

Learn how custom data models drive impactful embedded analytics within SaaS applications and deliver custom experiences for users and providers alike.

127. Understanding Vulnerabilities and Safeguards in Blockchain Oracles

This Blockchain Oracle Summit break down offers key insights into the vulnerabilities and safeguards in the realm of blockchain oracles.

128. Announcing the ftNFT YoCerebrum Awards Volume 3: Eden of Innovation and Creativity

The ftNFT YoCerebrum Awards invites all NFT enthusiasts to participate, nominate, and celebrate the pinnacle of NFT achievements.

129. Strengthening Cybersecurity: Breaking Down inDrive’s Bug Bounty Program

Learn how inDrive's bug bounty program strengthens cybersecurity by collaborating with white hat hackers to detect vulnerabilities and optimize security process

130. Risk DAO Conducts Technology Risk Assessment on Aurigami Finance

Aurigami conducted a risk analysis of the protocol's risk parameters in an effort to reduce technological risks and improve capital efficiency.

131. How to Show a Modal Dialog in Angular

Learn how to show modal dialogs in Angular using @developer-partners/ngx-modal-dialog library.

132. Introducing Rootstock Genesis Countdown: User Guide

Join the Rootstock Genesis Countdown from Oct 30 to Jan 3! Complete 16 quests for rewards, raffles, and chances at $16K in prizes across the Rootstock ecosystem

133. Lumoz Protocol Mainnet Launch: MOZ Tokens and Node Claims Now Open!

Today, we are proud to announce the official launch of the Lumoz Protocol mainnet!

134. 5 Free JavaScript Spreadsheet Libraries in 2021

Spreadsheet libraries are in high demand today. Such solutions are convenient as they offer ready-made applications, save the developers' time and the owners' money. They can be used in any business domain to deal with big amounts of data.

135. Scalable and Secure Data-Driven Application With Multi-Tenant Databases and Embedded Analytics

Multi-tenant databases and embedded analytics intersect to securely scale applications and provide real-time analytics.

136. Top 10 Software Development Trends for 2021 You Need to Know

Today we are seeing the fast digital transformation that affects all life spheres including business, healthcare, manufacturing, and entertainment. Every day people use Artificial Intelligence-enabled programs like Gmail, Google predictive searches, personalized product recommendations even without noticing this.

137. Developers Are Ditching Basic Text Editors—Here’s What They Want Instead

Many developers find that rich text editors have become important parts of content management systems, CRMs, productivity platforms, and e-learning solutions.

138. Build Better Notification Experiences With Omnichannel Analytics

In this article, we talk about omnichannel analytics, why analytics are hard for notifications, and what we believe is needed to empower PMs.

139. The State Of Rollup Interoperability Solutions

An overview of Ethereum interoperability solutions that covers keystore rollups, intent bridges, cross-chain smart accounts, multichain ENS, and more.

140. Building a Gaming Metaverse on 750 Acres of Land in Costa Rica

Alóki is based on an intricate relationship with the 750 acres of jungle in Costa Rica.

141. How Fintech Is Revolutionizing Compliance: Automation, AI, and the Future of Risk Management

Discover how fintech uses AI and automation to streamline compliance. Noda's Lasma Gavarane shares insights on staying secure and meeting evolving regulations.

142. How Web3 Founders Adapt to Latest Crypto Regulations while Staying Decentralized and Privacy-focused

Swisstronik's Web3 compliance platform simplifies crypto asset regulation for startups, ensuring compliance without extensive legal resources.

143. Step-by-Step Guide: How to Be a Blockchain Validator (and Earn Rewards From It)

Aspiring to be a blockchain validator? Learn the process and earn rewards for securing the network, as shared by aelf, layer 1 AI blockchain.

144. A Letter to Everyone in the ZKFair Community

Explore ZKFair's impressive 48-day journey, milestones, and strategic roadmap for 2024.

145. Building Your First App Using C++ Builder (Part 1)

Building mobile applications can be tasking sometimes. In this article, we will share a few steps you can take to build your first app using a free IDE.

146. Welcoming the Future With Exciting Plans for ZKFair

We sincerely share the journey of ZKFair thus far and promptly update the community on our future plans.

147. Helium Mining in 2024: Still Worthwhile with Helium Farm

With its innovative approach and lucrative mining plans, Helium Farm continues to make Helium mining not only accessible but highly profitable.

148. How to Run 5000+ Tests on Mobile Devices Everyday; From inDrive's Playbook (Part 1)

How to set up an infrastructure to run thousands of UI tests a day on Android using Selenoid.

149. An Introduction to Bunzz SDK: How to Have a Speedy DApp Development Process

DApp Development Tutorials, Knowledge related to Web3 / By Marcel Clarembaux

150. Enhancing Global Communication: The Power of Multi-Language JavaScript OCR APIs for Document Process

Multi-language JavaScript OCR APIs enhance global document processing, streamline communication, and break language barriers for businesses worldwide.

151. Why AI-Powered Image Hosting APIs Are Essential for Modern Businesses

Discover how AI and image-hosting APIs transform image management for businesses, offering automated tagging, image recognition, and efficient content delivery.

152. Pioneering Telegram-Integrated DeFi: An Interview with Storm Trade Co-Founder Denis Vasin

Denis Vasin, Co-Founder & Lead Dev of Storm Trade, shares insights on the platform's Telegram integration, $STORM token launch, and vision

153. Why We Switched from NGINX Is to KONG API Gateway

For many developers, NGINX would be the primary choice for reverse proxy. However, we moved on to something more exciting! NGINX move over, here comes the Kong!

154. Building dApps that Last: Why Cairo is the Winner Programming Language for Web3 Devs

Like the city itself - a learning gateway to complex histories, Cairo, the coding language, is opening new doors in the decentralised world

155. How you can use Quantum random numbers as a public good, on 13 smart contract protocols

A deterministic virtual machine is incapable of generating ‘true’ randomness.

156. Why Does ETH 3.0 Need Lumoz's ZK Computing Network?

Find out why ETH 3.0 needs Lumoz's Computing Network.

157. How to Fix Flaky End-to-End Tests with Playwright and Reflow

A software engineer codes for 18 months and builds a SaaS. He thinks he knows how to improve end-to-end testing.

158. Torches Finance: A Decentralized Lending Protocol Launched on KCC

Singapore, June 27, 2022 - Torches Finance, a decentralized lending protocol based on KuCoin Community Chian (KCC), announced the mainnet launch on KCC.

159. Using Flask to Build a Rule-based Chatbot in Python

Learn to build AI ruled-based chatbot with a simple tutorial that can be showcased in your Portfolio.

160. #MAXBIDDING

Nothing lasts forever, but the current crop of economic “isms” all believe that national economies must and can grow ad infinitum.

161. TruBit and Clapper Bring US-LATAM Payment Solutions to Maximize Earnings for Content Creators

Clapper, a rapidly growing social media platform, announces its partnership with TruBit, the leading digital asset payment solutions platform in Latin America.

162. 5 Steps to Build an Exchange-Optimized L3 Rollup "Eventum"

Why we chose the blockchain solution that forms the foundation of the Evedex ecosystem and 5 steps to build it.

163. Towards Glory: Lumoz OG NFT Event is Now Live!

We’re thrilled to announce that the Lumoz OG NFT event will officially launch on November 12 at 16:00 (UTC+8)!

164. Powering the Next Generation of DeFi: Q and A with TAF CEO Bill Nolan

The TAF ecosystem emerges in the DeFi space to bring unique benefits and terms to its users. Learn more about the project from the interview with its founder.

165. Lumoz RaaS Introduces Layer 2 Solution on Move Ecosystem

Lumoz RaaS Layer 2 solution on Move ecosystem enables Ethereum projects to integrate seamlessly, offering lower costs, crosschain support, and enhanced security

166. Swipe Away Loneliness: 2024 Dating Trends Forecast

Loneliness is a significant societal concern in today’s world. How are digital products helping to solve it?

167. 5 Great Crypto Exchange Platforms that Don’t Require KYC Verification

KYC (Know Your Customer) guidelines are a prominent feature in financial systems. KYC is part of the wider Anti-Money Laundering (AML) policies that reduce the risks in financial transactions. KYC refers to the process of verifying the identities of the individuals using a service, and in most countries, it involves providing some identification documents.

168. BNB Chain Launches Tokenization Solution to Empower SBOs Onboarding Web3

BNB Chain launches a one-stop tokenization solution for easy, secure asset tokenization, empowering SBOs and individuals to join Web3 seamlessly.

169. Successfully Audited By CertiK, Confti is Now Officially Open Source

Confti is a decentralized platform focused on NFT one-stop solutions to meet the diverse needs of NFT investors.

170. Lumoz Unveils esMOZ Airdrop Details

This airdrop is our way of expressing gratitude for your continued support and is a significant step toward our journey into the next chapter.

171. Deep Dive into Bitcoin's Lightning Network Technology

Discover how Bitcoin’s Lightning Network powers instant, low-cost payments! Explore the future of finance and unlock Bitcoin's full potential.

172. How HotelTonight Prioritizes Finding and Fixing Critical Bugs While Maintaining a 1% Error Budget

The stability score in particular has made it possible for their team to measure their application’s stability & maintain their team’s error budget of 1% error.

173. Exit Liquidity

The debate over whether the USD can be replaced as the global reserve currency is a heated one

174. What Conway, Ants, and Apache Kafka Can Teach Us About AI System Design

Learn how ant colonies, Conway’s Game of Life, and Apache Kafka can inspire smarter, scalable AI through modular, multi-agent system design.

175. MetaBlaze Brings NFTs to Life With Story-Telling, Games, and More!

MetaBlaze is an ecosystem of intergalactic and immersive games powered by their utility-driven and reward-driven $MBLZ token. Jump into Galaxia Blue through the

176. Voting Starts for the ftNFT YoCerebrum Awards 2024!

Join the final voting for the ftNFT YoCerebrum Awards 2024! Vote from November 6th to 10th to honor top NFT projects and support creativity in the Web3 world!

177. What’s Lurking in Latin America’s Tech Industry?— Surprising Facts of LATAM’s Talent Reserve

A snapshot of LATAM’s tech industry and why it has become a go-to destination for U.S. companies to hire remote software engineers.

178. Can The Stellar Accelerator Kickstart Your Web3 Idea?

Join the Stellar Accelerator! SCF’s Kickstart Program Cohort 9 offers mentorship, funding, and support to launch your Web3 project on Stellar. Apply by Nov 17!

179. Can AI Really Code? I Put DeepSeek to the Test

I remember the day I first started experimenting with DeepSeek for coding. It felt like stepping into a new dimension where code could almost write itself.

180. Take ChatGPT With You: Introducing Ariana, the ChatGPT Assistant That Lives in WhatsApp

Meet Ariana, a ChatGPT AI assistant living in WhatsApp, providing instant answers, translations, and idea generation.

181. Fastex Receives In-Principle Approval for a VFA Category 4 License from Malta’s MFSA

Fastex Secures In-Principle Approval for VFA Category 4 License from Malta’s MFSA, Paving the Way for MiCA Compliance

182. An Anti-Sandwich Tool for Ethereum and BSC - With 10,000 $HKLS Airdrop Pool for Beta Users

DeFi security provider, Hackless, is introducing a new tool that helps fight sandwich attacks on BNB Chain and Ethereum. Try safe swaps with AntiSandwich

183. Scraping Information From LinkedIn Into CSV using Python

In this post, we are going to scrape data from Linkedin using Python and a Web Scraping Tool. We are going to extract Company Name, Website, Industry, Company Size, Number of employees, Headquarters Address, and Specialties.

184. What Are the Challenges of Learning New JavaScript Frameworks? | GrapeCity JavaScript

Learn about the top challenges developer face when they are learning new JavaScript frameworks. See more from GrapeCity today.

185. Omnity Eliminates the Chasm Between Bitcoin and Other Networks

Thanks to the fusion of ICP and Omnity technology, users can now easily move Bitcoin assets across the heterogeneous chains.

186. Astar Network and Acala Partner to Launch DeFi Rising for Unlocking New Opportunities for Developers

The "Astar x Acala DeFi Rising" initiative was just released by the two top parachains in order to provide developers with more options and incentives.

187. How to Localize Your iOS App and Reach a Global Audience?

Most mobile apps and games, big and small, support multiple languages, as it is counter-productive to spend a lot of time and resources on app development.

188. Investigating Internet Freedom: Content Moderation in a Borderless World

Do content regulations create boundaries in the seemingly boundless online universe?

189. How Dating Apps Shift Focus from Simple “Matching” to Mental Health

Why Dating Apps Shift Focus from Simple “Matching” to Help Users Prioritize Mental Health?

190. AI Meets Bitcoin: How Rootstock Powers the Future of Trustless AI

Rootstock merges Bitcoin’s security with Ethereum’s flexibility, enabling AI-driven blockchain apps for trustless governance, security, and fraud detection.

191. ATPC Cyber Forum To Focus On Next Generation Cybersecurity And Artificial Intelligence Issues

This event will feature leading cyber experts from the financial services sector, Federal agencies, the White House, and Congress to focus on pressing cybersecu

192. How Twitter Can Satisfy Elon Musk's Request for Fake Account Clarity

Twitter claims that less than 5% of users are fake. Is Elon Musk right to be skeptical? Until a proper test is run, nobody truly knows how bad the situation is.

193. [Launched] First Open Source Headless CMS Running on AWS Serverless To Cut Hosting Bill by 60%-80%

So why you need another Headless CMS? For a change, with this one, you won't worry about scaling, installing, configuring and managing infrastructure.

194. What is the Best Fiat On-ramp for your Crypto App/Website?

A fiat on-ramp can be integrated to allow users to buy cryptocurrencies on your app or website. But what is the best fiat onramp? In this guide, we’ll find out for you.

195. Synthetic Data And Its Potential In Healthcare

Synthetic data represents a paradigm shift in healthcare because it allows data to transcend its potential shortcomings.

196. From Institutional Feast to Community Ownership: The Billion Journey of ZKFair

ZKFair is an EVM L2 ecosystem built by Lumoz, a Rollup as a Service provider. This L2 is a pioneer of its kind as the first Polygon CDK ZkRollup to be on Mainne

197. Lumoz: Leading ZK-PoW Algorithm, ZK Computation Efficiency Improved by 50%

Discover Lumoz's groundbreaking optimizations in ZKP generation, enhancing efficiency by 50% while attracting over 1M users in its latest testnet!

198. IT Audit | Step-by-Step Guide

In 2020, an IT audit is important for all organizations. It provides insights into the business’ IT infrastructure and how it can be improved.

199. Lumoz's Quidditch Testnet Ends Successfully—Mainnet Launch Expected in Q4!

See the remarkable achievements of Lumoz's Quidditch Testnet and whats coming next!

200. Top Reasons to Farm on NEAR Protocol

NEAR is the top decentralized blockchain infrastructure for DeFi yield farming. We examine the features that make it a favorite for developers and users.

201. How to Make a Web App User Interface with Python

A bite-sized introduction to building web app user interfaces with nothing but Python.

202. ZKRollup-as-a-Service: Opside's L3 Rollup Chain, Environments, Advantages, and Support for Devs

Opside Layer3, aka the Rollup Layer, is a scaling solution that executes transactions off-chain, so it doesn’t have to compete for Execution Layer block space

203. Venom Foundation and Iceberg Capital Launch $1 Billion Fund for Investing in Web3 Technologies

The partnership between Venom Foundation and Iceberg Capital to launch the $1 billion Venom Ventures Fund (VVF) is a critical step.

204. A Complete Guide to Laravel Sail

Laravel Sail is a powerful tool for managing Laravel development environments, making it a great choice for both solo developers and teams. Get more details.

205. The Best SEO is No SEO

Always take content as priority.

206. The 5 Most Lucrative Trading Pairs for UniSwap Liquidity Providers in 2020

Decentralized Finance (DeFi) and decentralized exchanges have witnessed insane growth in recent years. Decentralized exchanges (DEX) offer several benefits, including access to a broader array of trading pairs to lower trading risk, lower transaction fees, and decreased counterparty risk since no intermediary is involved in the security and management of private keys.

207. Omnity Network Launches Omnity AI

Omnity AI: Revolutionize token distribution on social media with AI-driven multichain Grants, launching on X. Expand Web3 communities securely and efficiently.

208. Crypto 2024 Recap: Key Updates from MEXC’s December Highlights

MEXC highlights key December 2024 crypto trends, from Bitcoin's $100K milestone to Solana's transaction records, AI narratives, and NFT sales surge.

209. Customer Identification & Fraud Detection from Maruti Techlabs' Playbook: A Banking Case Study

Voice-based fraud detection offers safe authentication while improving customer service in banking and various industries handling customer calls.

210. How Supercell Powers its Massive Social Network with ScyllaDB

Supercell powers real-time cross-game chat, presence, and notifications for millions using ScyllaDB Cloud, enabling low-latency, scalable events.

211. How My Development Team Utilized GitHub Copilot & AI Tools to Boost Productivity by Vimaldeep Singh

Runner-up in R Systems Blogbook: Chapter 1, Vimaldeep Singh shares how GitHub Copilot and AI tools boosted team code quality, productivity, and collaboration

212. Meet Lisk

Lisk is an open-source blockchain application platform that aims to improve Web3 accessibility for both users and developers.

213. OrcaMind.ai: Time for AI to Get Hands-On

OrcaMind.ai is an AI-powered thinking, on-chain intelligent whale — AI-powered and built to navigate the deep waters of Web3.

214. 7 Best WHOIS Domain Name Search and Lookup Tools to Support Security Research and Investigations

Businesses can’t afford to lose millions of dollars because of malicious domain names used in all types of domain-related attacks including domain name squatting, business email compromise (BEC) frauds or, more generally, spoofing and phishing scams.

215. AI Is Making it Easier to Engineer Better Products—Here's How

AI-powered insights transform the limits of product engineering with new concepts about product ideation, design, and delivery.

216. Scraping Glassdoor Job Data

Glassdoor is one of the biggest job markets in the world but can be hard to scrape. In this article, we'll legally extract job data with Python & Beautiful Soup

217. Crypto Payments Are on the Rise Despite the Bear Market — Here's Why

Today's most popular and promising practical application of blockchain technology is the payment field.

218. How to Spy on a Cell Phone Privately

If you want to spy on someone's cell phone without them knowing, look out for in-demand programs offering a free trial period. Learn more about spying apps.

219. The Difference Between Custodial And Non-Custodial Crypto Trading

What does non-custodial mean in crypto? What's the difference between Custodial Vs Non-custodial exchange? How are custodial and non-custodial methods applied?

220. Fortinet FortiGate-VM: Enterprise-class Security for Applications and Workloads Running on AWS

Meet Fortinet FortiGate: AI-Powered Firewall Ranked by Gartner in the Leader’s Quadrant 13 Years in a Row.

[221. The Case for a Decentralized Cloud:

How Vendor Lock-in Broke Cloud Storage](https://hackernoon.com/the-case-for-a-decentralized-cloud-how-vendor-lock-in-broke-cloud-storage)

Cloud storage once promised freedom, but turned into vendor lock-in. Learn how Sia’s decentralized design is challenging this and rewriting the future of data.

222. Clapper Expands to Mexico, Betting Big on Authenticity and Creator Empowerment

Positioned as a sanctuary for authentic self-expression and creativity, Clapper’s foray into the Mexican market highlights the platform's growing clout.

223. 30 Most Influential People In Blockchain Industry

Cryptocurrencies are fastly becoming part of our life thanks to the work of thousands of individuals that are pushing hard to see masses adopting crypto. In this piece, I have compiled a list of the most influential people in crypto today based on their contributions to the industry.

224. The Denominator

In almost every country, banks will always be bailed out. But which schmucks get included in the denominator responsible for paying to recapitalize the bank?

225. Startups That Help Construction Companies

Let's take a look at a few construction startups that simplify the work of construction companies through artificial intelligence, robotics, and automation.

226. The Dating App Breach That Turned Into a Biometric Black Mirror Episode

Tea's Firebase misconfiguration exposed 1.1M sensitive messages.

227. How GitHub Copilot Enhances Developer Productivity by Preeti Verma

In this winning article by Preeti Verma from R Systems Blogbook Ch. 1, discover how GitHub Copilot boosts developer productivity through automation and learning

228. Everything You Need to Know About the Lumoz Token Generation Event

The modular compute layer & RaaS platform Lumoz will launch its mainnet and conduct the TGE within a week. Find all the details here!

229. The Best JavaScript APIs for File Upload in 2025

This article highlights the eight best JavaScript APIs for file uploads in 2025, analyzing factors such as scalability, ease of use, and advanced features.

230. Undetectable AI: Bypass AI Content Detection

Undetectable AI bypasses AI content detectors by turning ChatGPT generated text into 100% human written quality text

231. Top 10 Platforms to Create your eCommerce Mobile App Without Coding

According to Criteo, mobile represents 65% of all e-commerce transactions in the world. And 70% of the time, apps are preferred to mobile websites. For eMerchants, thinking mobile-first has become a priority. However, technical knowledge or a large budget is usually necessary to create a Shopping App.

232. An Honest Guide to The 10 Best PR Software Platforms in 2025

The best PR software of 2025 as selected by a PR pro who has spent way too much time in the weeds with public relations tools.

233. Why I Built a MongoDB-Powered Message Queue

Reinventing the wheel: a message queue system with MongoDB

234. Private Transactions: Insights to the Design Principles in ZCash and Aleo

This article introduces you to the core concepts of Zcash.

235. 6 Ways to Use a Crypto Exchange Aggregator and Save on Swaps

Maximize your crypto swaps! Learn 6 ways an exchange aggregator saves you money. Find the best rates on Bitcoin, Ethereum, & other cryptocurrencies on DEXs.

236. Investigating Internet Freedom: Unseen Aspects of Our Online Existence

Join award-winning journalist Nicole Scott in her latest video series, exploring digital democracy and our collective role in shaping the online world.

237. Bringing Permissionless Lending: Making Sense of Euler

Explore how Euler v2 revolutionizes DeFi lending with modular architecture, ERC-4626 vaults, and permissionless, customizable lending markets in this article.

238. 5 Best Website Categorization Tools

Website categorization refers to the process of classifying websites that users come into contact with into various categories.

239. Lumoz Flips the Switch On Its AI-Powered Blockchain

On February 13, Lumoz announced the official launch of Lumoz Chain and released the migration guide and reward plan for Verifier nodes.

240. Meet Clique: An Identity Oracle That Brings Web2 User Behaviors to Web3

The founders of Clique, an identity-oracle protocol connecting web2 and web3, are proud to announce its first alpha launch this winter.

241. 3 Best DNS History Lookup and Checker Resources for Cybersecurity

For a long time, there were no practical ways to trace or recount prior Domain Name System (DNS) records in any DNS zone. So when cybersecurity teams were investigating a suspicious IP address, they couldn’t see all of the domain names that it had resolved to in the past. This predicament left many stones unturned.

242. IoT in Manufacturing: What you Need to Know

Discover IoT applications in manufacturing and the challenges you could expect if you set your mind on giving your manufacturing facilities an IoT upgrade.

243. Benchmarking MinIO with WARP and Speedtest

When performance is critical, you need to know that you’re achieving the best performance possible.

244. Using Daml to Create Blockchain NFT-Based Customer Experiences

How to write a smart contract NFT? Daml allows blockchain NFT smart contracts to interoperate with each other when deployed on multiple blockchains.

245. From Screens to Streets: How Field UX Research in Morocco Helped Redesign Intercity Booking

Discover how inDrive's Intercity team used UX research in Morocco to test a redesigned, step-by-step booking form.

246. Compromised Private Keys: Primary Targets and Upcoming Solutions

Compromised private keys can cause serious losses at all levels of DeFi and for all kinds of users. Hackless aims to mitigate this growing concern.

247. NFTs Are So Much More Than Just Digital Collectibles

Reddit launched digital collectibles, and that's great. But NFTs aren't all digital collectibles, and we should stop using the term so often.

248. The Filecoin Virtual Machine: Everything You Need to Know

The Filecoin Virtual Machine (FVM) was created to bring programmability to the Filecoin storage network.

249. How to Learn Python Without Any Programming Background

You are not a programmer. You have zero coding experience. You probably consider yourself “not a math person”. So let’s find out how you can learn Python, even if you’ve never had any exposure to a programming language.

250. Finance from First Principles

Explore the evolution of financial markets from Finance 0.0 to 3.0, the rise of DeFi, and the challenges of replacing traditional finance with blockchain-based

251. Bella Protocol Joins Forces with GOAT Network and NuDEX to Launch Joint Trading Campaign

Bella Protocol teams up with NuDEX and GOAT Network for a trading campaign featuring AI tools, real-time alerts, and social tasks with $1,500 in rewards.

252. Introducing the Rootstock Hacktivator Program

Learn how you can earn rewards by contributing code or educational content to the Rootstock ecosystem through its Hacktivator Program.

[253. The Space Industry Needs Skilled Software Engineers, Network

Engineers, and Coders](https://hackernoon.com/the-space-industry-needs-skilled-software-engineers-network-engineers-and-coders)

The need for tech talent in the space industry is at an all-time high. If you'll like to get involved with the space industry, now it the time to do it.

254. Polkadot Vs. COSMOS Vs. Octopus Network Vs. NEAR Protocol: Fat Hubs Are Better Than Hub Minimalism

For a new public blockchain to occupy a significant place on the Internet of Blockchains, it must first develop into a robust DeFi center — a Fat Hub.

255. Will Liquid-Cooled Miners Dominate the 3rd Hashrate Revolution?

Mining hashrate has come to a crossroads. Water-cooled products are being accepted and recognized by mainstream manufacturers, but will they dominate?

256. Automation of Rights, Permissions, and Access Levels in Azure DevOps

Customized solutions to automate rights, permissions, and access levels in Azure DevOps.

257. Jan Zoltkowski: The Visionary Behind JanitorAI's Limitless Entertainment Experience

258. Will AI Agents Lead the Next Big Crypto Bull Run?

Discover how AI agents and blockchain are merging to drive the next crypto bull run, with top-performing projects like $GOAT and $VIRTUAL leading the way.

259. Lumoz Unveils TEE+ZK Multi-Proof for On-chain AI Agent

AI Agents demonstrate potential in Web3 applications, such as managing private keys, automating transactions, and supporting DAO operations.

260. Decimated Launches DIO Staking Pool

The award winning videogame, Decimated, has launched staking pools for it's in-game virtual currency DIO.

261. What Is Yield Farming? The New Age of Decentralized Finance

Wondering what is yield farming and how this strategy can help you profit in the crypto world? We cover all there is to know about this new way of investing.

262. Demystifying ZKFair's Tokenomic Model

Explore the groundbreaking testnet launch of ZKFair, the community-driven xZK L2 network, aiming to address challenges in the ZK L2 ecosystem.

263. Creating a Great UX Outside of your App

Your app has a whole other interface that has more impact on your users, that provides a deeper user experience than your application interface.

264. Boost Team Wellness With UzairaAdvisory and Save 10% on All Our Business, Marketing & Tech Services

Book Your Preventive Healthcare Seminar with UzairaAdvisory—Elevate Team Wellness and Unlock 10% OFF Our High-Impact Business, Marketing & Technology Solutions!

265. Live Stream in the Cloud with Amazon IVS: Part 1

Amazon Interactive Video Service (or Amazon IVS) is the service that powers Twitch. You can use it to power your own interactive live video streaming app.

266. 3 Common Types of 3D Sensors: Stereo, Structured Light, and ToF

Over the past decade, 3D sensors have emerged to become one of the most versatile and ubiquitous types of sensor used in robotics.

267. The ZIGChain Summit Lays Down Roadmap For Web3’s Wealth Creation Narrative

ZIGChain Summit in Dubai showcased DeFi innovation, RWA tokenization, and tools like the Wealth Management Engine for inclusive, on-chain wealth generation.

268. A Game-Changing Leap in Voice AI Technology

Coqui, in partnership with Hugging Face, has unveiled the groundbreaking XTTS model, reshaping the landscape of voice AI.

269. How to Build a Website...in 1997

The web was fairly new, and digital publishing was far from the norm.A lot of information about the early web was being distributed through books.

270. How to Rescue Funds From Hacked Crypto Wallets

Another milestone for Hackless, as we recently opened private access to Wallet Rescue.

271. 10 Best Automobile Software Development Companies Worldwide 2023

Looking for Top Automotive Software Development Companies in USA, Australia, Uk. Here is list of top 10 automotive software engineering companies in USA 2023

272. Cross-Chain Bridges Explained: How They Work and Why Security Is Critical

Cross-chain bridges enable the transfer of assets, data, or information between isolated blockchain networks, fostering interoperability.

273. The Principles to Keep In Mind When Building a Modern Datalake for Your AI Infrastructure

The AI game is about performance at scale, and this requires the right foundation. Here's how to be smart when building a modern datalake.

274. Is the Stock Market More Legitimate Than the Cryptocurrency Market?

He wished cryptocurrency had never been invented and crypto was for people who wanted to get rich quickly by doing very little for civilization.

275. DeFi Projects That Offer Top Staking Rewards in 2021

When it comes to determining the best staking rewards, a lot comes down to your strategy. DeFi is diverse, and you can earn profits in many different ways.

276. How to Manage Configurations Easily Using TOML Files

Central configuration files are a plus for modern Python project structures. TOML files help us store project parameters in a beginner-friendly way.

277. Which Front-End Framework Is Better? A Comparison Between Angular and React

This article compares two powerful open-source front-end technologies, Angular and React.

278. 7 Best Auditing Companies for Your Smart Contracts in 2024

A smart contract audit is essentially the same as testing a bridge for the safety and security of its users before opening it to the public.

279. NVIDIA GTC 2023: The Future of Generative AI is Here

NVIDIA’s GTC 2023 offers more than 650 special events, sessions, and expert panels across technologies, industries, and skill levels.

280. How to Use Datadog for the APM Metrics Application

Hacks on how to build a stable application monitoring and metrics system with Datadog.

281. Web Scraping Sites With Session Cookie Authentication Using NodeJS Request

Web scraping as a product has low entry requirements, which attracts freelancers and development teams to it.

282. Data Migration from Dell ECS to MinIO

Dell ECS clusters allow you to migrate your data to any S3 compatible store. Dell ECS calls this feature “Data Movement”, also called copy-to-cloud.

283. The Funding Ask Slide: How to Make it Better?

Asking for money isn't always as straightforward as it seems. Ask for too much, and you can end up looking for funds for months or years on end. Fail to show ho

284. Mailbird Expands to Mac: Manage All Your Inboxes and Favorite Apps in One Place

Mailbird, the email client trusted by millions of Windows users worldwide, is now available for Mac.

285. AI/ML Model Deployment with MLflow & Kubernetes: From Experimentation to Enterprise-Grade Deployment

Shashi Prakash Patel’s runner-up article from R Systems Blogbook Chapter 1 discusses how MLflow and Kubernetes streamline scalable, reliable AI/ML deployment.

286. Why Zack Shooter Believes AI Agents Will Expose a Structural Fault Line in Financial Infrastructure

AI is ready for autonomous finance. But today’s financial infrastructure wasn’t built for software that moves money on its own.

287. Unlocking DePIN Potential with StorX Network: Revolutionizing Decentralized Cloud

Unlocking DePIN Potential with StorX Network: Revolutionizing Decentralized Cloud

288. Unpacking The Starknet Bolt Upgrade

Learn how the Starknet Bolt upgrade improves performance on one of Ethereum's most popular Layer 2 (L2) chains in this deep dive by 2077 Research.

289. Session, Messaging App is Launching SESH Token—Why? And What Do We Know About It?

The upcoming launch of $SESH represents a significant milestone for Session, as it seeks to create a sustainable and decentralized messaging ecosystem.

290. In 1999, the Word “Community” Took on a New Meaning on the Web

In 1999, the word “community” took on a new meaning on the web.

291. Cronos Establishes $100 Million War Chest to Launch Accelerator Program

The Cronos Accelerator Program is designed to enable early-stage crypto companies looking for mentoring, investment, and growth to get the aid they need.

292. How Lumoz Is Unlocking AI-Powered Decentralized Apps with MCP and Web3

Lumoz’s MCP Server bridges AI and Web3, enabling natural language-driven blockchain operations and lowering barriers to decentralized applications.

293. Proof of Memes Builds One Blockchain To Unite Them All—Memes, That Is

Here's an overview of Proof Of Memes and why it's in a unique position to reignite the meme coin sector going into 2023.

294. Python vs JavaScript: Main Differences, Performance Comparison, and Areas of Application

The complexity of modern web apps lies far beyond creating eye-catching user interfaces with countless elements. To enable lag-free experience and effortless scalability, it’s important to pay due attention to the architecture design, which can be pretty challenging. Under the hood of a full-featured online app, different frameworks and libraries can peacefully coexist with different programming languages used to build software. Since the equation may contain so many variables, it’s essential to master your knowledge of each potential system component to know when and why to use them.

295. Embracing the Opside Journey: Unveiling the Pre-alpha Testnet and its Incentives

The pre-alpha testnet marks a significant advancement in the development of Opside, particularly in its introduction of a hybrid PoS & PoW consensus mechanism.

296. Don't Hesitate to Raise an Incident

Declaring your first incident can be intimidating. Let’s look at some common fears, and work out how to address them.

297. Opside: Pioneering Decentralized Provers for Next-Generation ZK-Rollups

Identifying the need for decentralized provers in ZK-Rollups: advantages, challenges, two-step submission algorithm, and Opside's innovative vision.

298. BEP 341: Consecutive Block Production

This proposal introduces a tried and tested approach where validators can produce consecutive blocks.

299. Social DAOs: An Essential Guide

The best overview of all social DAOs that you haven't heard about yet to understand how social DAOs actually work, what they have in common and what's different

300. The 5 Best Cryptocurrency Data APIs in 2022

From enterprise clients such as funds, traders and tax companies, to market makers, researchers, developers and crypto hobbyists - all are in need of a top cryptocurrency API. As the industry grows and matures, the quality of the data being offered to track cryptocurrencies has similarly grown, and the data on offer changes from year to year. But how do you decide which is best?

301. An Architect’s Guide to Building Reference Architecture for an AI/ML Datalake

Organizations should not build an infrastructure dedicated to AI and AI only while leaving other workloads to fend for themselves.

302. How to Create a Leading Mobile App: Application Stability Index

The more 9s in an app’s stability score, the higher the app store ratings.

303. 6 Examples of Outsourcing Failure

Outsourcing is the practice of handing off a certain aspect of your business operations and/or individual tasks to a company or professional that operates outside of the organization on an independent basis. It's essentially the delegation of a task to someone else for an agreed-upon price.

304. How You Could Have Potentially Saved Your Money From the UST/LUNA Disaster

Many DeFi users were hit incredibly hard by Luna’s sudden collapse. DeFiHelper could have saved your money from disasters like this

305. The Critical Role of Data Annotation in Shaping the Future of Generative AI

Explore how data annotation is crucial to generative AI success. Learn about tools, strategies, & best practices that enhance AI model performance, scalability.

306. RootstockCollective In-Depth: Empowering Bitcoin Builders

Empowering Bitcoin builders with RootstockCollective DAO: Rewarding innovation, stakers, and developers in the Bitcoin sidechain ecosystem.

307. Test Impact Analysis - What It Is, How to Test It, and Everything Else You Need to Know

Test impact analysis can help speed up test cycles but not properly managed it can become unruly. Learn how to effectively utilize this method here.

308. Building a Composable Fiat Chain With Interoperable Blockchain Offering

Pendulum CTO Torsten Stuber discusses a new type of decentralised payment system that aims to replace the current system of bank-to-bank transfers.

309. Introducing Opside, a 3-layer ZK-RaaS Platform

This article will give you an overview of Opside by answering two simple questions: What is Opside? And how do "I" benefit from it.

310. Beyond Launchpads: Why Coin Terminal’s No-Staking, No-Barrier Model is the Future of IDOs

Coin Terminal’s no-staking model enables anyone to invest in early-stage crypto projects, helping expand access and shape the future of IDOs.

311. 5 Cryptocurrency Staking Providers - A Review

Staking cryptocurrencies has largely become a primary form of earning passive income in the crypto space and staking pools have become more popular than ever.

312. Beyond the Hype: How Data Annotation Powers Generative AI

Explore how data annotation powers generative AI, driving innovations from chatbots to deepfake technology.Learn about challenges, opportunities, and the futur

313. Netizens, 2023 is the Year to Up-skill in Cybersecurity

Stay ahead of the curve in 2023 with these essential cybersecurity courses by EC-Council.

314. Eliminating Difference Between Business Intelligence analysts, Data Analysts or Data Scientists 🚀

There was a time when the data analyst on the team was the person driving digitalization in an adventurous data quest...and then the engineers took over.

315. Creating an Augmented Reality App: Technology Guide 2022

Learn how to develop an AR app in 2022/2023: Mobile AR, ARKit and ARCore platform comparison, Smart Glasses, Wearables, and Web-based AR overview.

316. Top Artificial Intelligence Algorithmic Trading Software Solutions For Serious ROI

With banks currently pretty much asking you to pay money to let them control your money, many who want to actually see some kind of ROI are looking at alternative investment solutions.

317. How We Built a Gaming Platform That Never Takes Your Money (But Still Makes Millions)

Slotozilla hosts 40K+ slot demos from 200+ providers, scaling globally with no deposits. Here’s how its tech stack makes millions without real-money play.

318. Kaiseki

Trouble was brewing in the banking sector

319. Encrypted Portals: How We Created a Swift App That Uses Rust

How the Portals for Mac app, built in Swift, uses the Ockam Rust library to privately share services with your friends over End-to-End Encrypted Portals.

320. Best Tools to Mass Unfollow Twitter / X Accounts

Discover the best and most available tools to mass unfollow Twitter / X accounts effectively and safely! Bulk Unfollow X accounts with ease now!

321. New to Crypto Trading? These Top AI Trading Bots Might Just Do the Job for You

This guide explores top AI trading platforms, their unique features, and how savvy investors choose the right bots to maximize trading efficiency.

322. Veloce Media Group Partners With Racino To Pioneer Virtual Motorsports With Real Stake

Through the incorporation of the VEXT token into Racino’s ecosystem, players can acquire various collectible cars, liveries, and driver cosmetics.

323. Immutable Backups: Everything You Need To Know To Protect Your Cloud

Learn how immutable backups prevent ransomware, ensure data integrity, and meet compliance needs with secure, tamper-proof cloud data protection.

324. Content Retrieval & Peer to Peer Storage: A Practical Explainer for IPFS Gateways

The Interplanetary File System (IPFS) is a peer-to-peer protocol for storing and accessing files and websites.

325. Politics in Social Media: Bots, IDM and Decentralized Moderation

The internet has become the agora of modern times. The question is not whether we are discussing politics over the internet or not (we obviously are) but if...

326. Ockam launches Orchestrator for Enterprise-grade Trust of Data-in-Motion

Ockam launches Ockam Orchestrator, a fully-managed cloud service that Enterprise developers need to build trust between applications.

327. Is Web3 Advertising Finally Solving Its Targeting Problem? Addressable & Sevio Expand Web3 Ads Reach

A new partnership between Addressable and Sevio will enable programmatic display ads on major crypto platforms, making web3 target more efficient.

328. How to Run 5000+ Tests on Mobile Devices Everyday; From inDrive's Playbook (Part 2)

How to Run 5000+ Tests on Mobile Devices Everyday. We explain how we incorporated the launch of UI tests in iOS.

329. Blockchain Scalability: State Channels are Winning Big Time!

When it comes to blockchain scalability, state channels still beat all other Layer-2 scalability solutions. Here is why.

330. TikTok’s Uncertain Future: Why Creators Are Turning to a US-Based Alternative

The looming threat of a TikTok ban has once again thrown creators and businesses into a whirlwind of uncertainty.

331. Klink Finance Disrupts Failing Web2 Ads - Launching $KLINK Token This October

Klink is an earnings platform where you get paid in cash or crypto for completing online offers, playing games, and social quests.

332. Easy File Type Converters Guide: Best Practices, Master Techniques, and More

This blog explores easy file-type converters. It explains what they do and why they matter for tasks like sharing documents and editing media.

333. OpenxAI Launches on Base to Let Anyone Start an AI Business in Minutes, Without Middleman

OpenxAI, the world’s first permissionless, peer-to-peer AI network, today announced its launch on Base

334. 7 Best JavaScript File Uploads APIs in 2023

File uploads are a necessary thing for many web applications. They allow users to share their files, photos, and videos on your site with others.

335. Free .cv Domains for Everyone: A Tiny Island Nation Is Rewriting the Future of Professional Profiles

The .cv domain is shaping a new global identity layer in the AI era, as Cape Verde and Ola.cv build an open, DNS-anchored alternative to LinkedIn.

336. 12 Best Web Scraping APIs in 2025

Discover the 12 best web scraping APIs of 2025, comparing performance, pricing, features, & success rates to help teams scale reliable data extraction.

337. An 80% Reduction in Standard Audience Calculation Time

Standard Audiences: A product that extends the functionality of regular Audiences, one of the most flexible, powerful, and heavily leveraged tools on mParticle.

338. ZKFair‘s Gas Fee Airdrop Community Guide: The Countdown Begins!

The ZKFair gas fee airdrop will launch on December 23 at 11:00 AM (UTC+8), with a cap of $3 million USDC, available on a first-come, first-served basis

339. Open AI's ChatGPT Pricing Explained: How Much Does It Cost to Use GPT Models?

How much does it cost to use GPT-3 in a commercial project? We ran an experiment and a project simulation based on the results.

340. ZKFair To Distribute 100% of Their Tokens As Airdrops On L2 Mainnet Launch: How's That For Fairness?

ZKFair hopes to do this by creating a fair-launch, community-driven ZK-L2 network. 100% of ZKF tokens will be airdropped to the community immediately

341. Opside Secures $4 Million Seed Round to Expand Its ZK-Rollup as a Service Platform

The funding was led by Web3.com Venture Capital, along with participation from other notable investors in the crypto industry.

342. Understanding Dynamic Programming So You Can Use It Effectively

I’ll discuss Dynamic Programming (DP) and how to use previous computation experience effectively. I hope you will find it interesting.

343. How to Automate Your VPN Setup With Ansible

Setting up a WireGuard VPN? Learn how to increase server uptime, relay traffic and more, with in-depth code examples.

344. Join Lumoz zkVerifier Node Mining and Share 2.5 Billion MOZ Rewards

Lumoz Node Network & MOZ staking are live! Join the zkVerifier network, stake MOZ, or run nodes to share 25% of $90M in rewards. Act now!

345. Python vs PHP vs JavaScript: Which is Best For Your Next Project?

Python vs PHP vs JavaScript: A Comparative Study in 2021 discussing the UI/UX design, features, complexity, their back ends, and their front ends.

346. How I Built a Static Website with User Authentication and Dynamic Database for Free

How I built a functional static web app with user authentication and dynamic database for FREE using Webflow, Vault Vision, Cyclic and Airtable with #LowCode

347. Devtools to Build on Filecoin Virtual Machine & Announcing the FVM Dataverse Hackathon

The FVM Dataverse Hack on Devpost is a great opportunity to build projects that may potentially become core building blocks in the Filecoin ecosystem.

348. Vabble: A New Paradigm in DAO and Entertainment

In an era where blockchain technology is reshaping industries, Vabble is using smart contracts capable of transforming the film and entertainment industry.

349. The Filecoin Virtual Machine (FVM) Has Arrived, Bringing Smart Contracts to Filecoin

Today, the Filecoin community is proud to announce the successful launch of the Filecoin Virtual Machine (FVM).

350. Coinzilla Delivers 75M+ Impressions, Powering Bitget’s 120% Growth in One Month

The results demonstrate how targeted campaigns, effective publisher selection, and real-time optimization can drive scalable growth for crypto brands.

351. Overcoming Challenges in Web3 Gaming: Interview with RACE Protocol's Co-Founder

RACE Protocol co-founder discusses overcoming web3 gaming challenges, NFT pre-sales, and fostering a secure, fair, and thriving blockchain gaming ecosystem.

352. Publish-Subscribe Design Pattern: Introduction to Scalable Messaging

The publish-subscribe (or pub/sub) messaging pattern is a design pattern that provides a framework for exchanging messages that allows for loose coupling and scaling between the sender of messages (publishers) and receivers (subscribers) on topics they subscribe to.

353. Radix’s Asset-Oriented Transactions: Making Transactions Meaningful

Let’s talk about what a Radix transaction is, and some of the amazing things they make possible for users and developers.

354. A CTO’s Reflection of the 2023 RSA Conference

Ockam's CTO reflects on his experience at the RSA conference, and how our current approach to cybersecurity is untenable

355. Zenon Network Aims To Be Satoshi's Ethereum: STEX Bullish on Aliens

My suggestion for most people is to buy ZNN or QSR from STEX, then immediately withdraw as native ZNN or QSR to their SYRIUS wallet.

356. Top 30 Machine Learning Consulting Companies

Machine learning (ML) and artificial intelligence (AI) technologies can hardly be called emerging in 2019. For the last decade, domains of all sorts have been leveraging them, and the visualization by McKinsey Global Institute speaks to the fact. Today, ML and AI create value for organizations across Consumer Services, Automotive, Agriculture, Retail, Healthcare, and other major industries.

357. Lumoz: A New Paradigm for Rollup Platformization

Discover Lumoz: A new paradigm in rollup platforms, enhancing Ethereum with scalable, secure ZK-Rollup solutions and innovative zkVerifier licenses.

358. How to Send SMS Notifications and Alerts Using JavaScript and Node.js

You’re in luck, because you can add the ability to send and receive text messages easily with the help of a cloud communications platform.

359. Option2Trade (O2T): The Hidden Gem Forecasting 1000x Growth

Option2Trade (O2T) is emerging as a secret cryptocurrency gem with the potential to disrupt the market and offer unparalleled returns

360. Bouncy Castle

Stick a fork in it, ‘cause we’re done with inflation in Pax Americana. Hip hip hooray!

361. A Study on Parallel Execution: Everything You Need to Know

This research compares implementation systems similar to Ethereum and analyzes the difficulties and possibilities of achieving parallel execution of transaction

362. A Game-Changing Blockchain Startup for DApp Development with No Code

Bunzz is the world's first platform that allows software developers and businesses to develop DApps (Decentralized Applications) in a few minutes without knowin

363. Yelp's Mobile App Stability Soars to 99.98% with BugSnag

Yelp's Mobile App Stability Soars to 99.98% with BugSnag. Here's how it was achieved.

364. Technical Analysis on ZKBase: A High-Performance ZK-Rollup for Scalable and Secure ETH Transactions

ZKBase is a high-performance ZK-Rollup that enhances transaction processing capability and provides a cost-effective network experience.

365. How to Move End-to-end Encrypted Data Through Kafka

The Confluent add-on for Ockam Orchestrator enables tamper-proof and end-to-end encrypted message streams through Confluent Cloud, with zero-code changes.

366. Regulatory Clarity on Wallets Will Shape DeFi in 2025

Regulatory shifts in 2025 will shape crypto wallets. Learn how compliance, DeFi, and Stellar’s Soroban ecosystem will impact the future of Web3 wallets.

367. How to Connect Distributed Clients to a Private InfluxDB Database

Ockam enables developers to securely connect clients to the InfluxDB database with exposing it to the public internet.

368. Why DataOps Is Becoming Everyone’s Job—and How to Excel at It

As DataOps becomes central to modern data work, learn what defines great DataOps engineering—and why fast, high-performance object storage is essential.

369. Lumoz Launches SVM as a Service, Supporting the Integration of ZK and TEE Multi-Proof for SVM L2

Lumoz SVM Stack delivers ultra-high transaction throughput and processing speeds for the SVM chain.

370. AI Is Devouring E-Commerce

AI is about to eat e-commerce: Here's why.

371. What to Expect from NFTs in 2023

2022 is coming to a close, and the new year’s just around the corner now! I personally have lots of predictions for the NFT ecosystem in 2023.

372. Lumoz Node Sale is Coming in Hot! Pre-sale and Whitelist Registration Begins June 17

The Lumoz zkVerifier Node cap is set at 200,000, available on a first-come, first-served basis.

373. Trading Crypto in 2021: How to Switch to Polygon & Avoid the Ethereum Traffic Jam

Avoid crippling gas fees! Learn how to transfer your tokens from the Ethereum to Polygon blockchain, so you can trade at a fraction of the cost and speed.

374. 7 of the Top Best Languages for Web Application Development

Interested in choosing the best language for developing web applications? Our developers have shared the top seven choices in 2021. Discover what they are.

375. Best AI Visibility Tools for 2025

An exhaustive guide to AI visibility tools written by someone who has tried all of them.

376. How to Connect Flutter with Unity

One of their most successful products is FocusCalm, a brain-sensing headband and an app that helps users learn how to control their mindset in just a minutes

377. SERP Benchmarks: Success Rates and Latency at Scale

We benchmark SERP APIs for success rate,
speed, and stability under load. Learn which setup delivers consistent results for AI agents and deep research.

378. Winners Crowned as Everscale Hackathon Wraps up

Everscale, one of Asia’s premier blockchain networks, has concluded its online Elysium hackathon.

379. Navigating the Latest Crypto Bull Run: A Quick Guide for Traders

Discover the latest crypto bull run trends! Bitcoin hits $108K, Ethereum rallies, and traders explore MEXC tools for maximizing gains in a volatile market.

380. An Architect’s Guide to the Top 10 Tools Needed to Build the Modern Data Lake

Here is a list of vendors and tools needed to build the modern data lake, with each entry a capability needed to support generative AI.

381. Solo Satoshi Becomes Authorized Canaan Distributor for Avalon Home Bitcoin Miners.

Solo Satoshi is now an authorized Canaan distributor, bringing the full Avalon home Bitcoin miner lineup to 40,000+ customers. Start mining Bitcoin at home!

382. A Guide to Displaying Password Protected PDFs in a Web Application

Develop a Node application harnessing the power of Foxit PDF SDK Web. Integration allows you to effortlessly open password-protected PDFs directly in browser.

383. 12 Best Proxy Service Providers in 2025

Discover the top 12 proxy providers of 2025, tested and ranked. Compare pricing, features, and performance to find the perfect proxy service for your needs.

384. Binance Smart Chain vs. Ethereum: Let's Look at the Stats

Trading volume on Binance increased by 30% on February 10, then by 70% on February 18 against Ethereum

385. Algorithmic Stablecoins: A Beginner's Guide

Stablecoins have already acquired a large market. Reportedly, the total supply for stablecoin grew by about 493%

386. Never the One to Die: Persistent Data with a CDC MinIO Sink for CockroachDB

When you absolutely need to have a perfect replica of your data for data exploration, CockroachDB and MinIO is your winning strategy.

387. Cracking the Code of Cloudflare Bypass

Your web scraper has just been blocked by Cloudflare again! Here's solution to bypassing Cloudflare.

388. The Best Way to Create a Web Admin Dashboard for Your Projects

A simple solution at first glance is to opt for a CMS: there are indeed many of them, the most popular being for example Wordpress

389. Selective Privacy: How BelNet’s Split Tunneling Balances Speed and Security

BelNet introduces split tunneling for faster, more private browsing—select which data is encrypted, and enjoy speed without compromising confidentiality.

390. Beyond the IDE: Second-Generation AI Coding Software

Explore how second-gen AI coding tools are transforming software development—boosting productivity, enabling intent-driven workflows, and shaping engineering.

391. Massa

Will Bitcoin be chosen by AI as the currency in which their economic actions are denominated?

392. Introducing DChat - Decentralized Chat for All

Messaging is a core feature of the internet. It was described as the internet’s killer app. It enabled anyone to communicate with anyone else in the world instantly, and for free. Billions of people chat every day.

393. Back to Basics: Database Design as Storytelling

Why great database design is really storytelling—and why ignoring relational fundamentals leads to poor performance AI can’t fix.

394. Beyond Blockchain Borders: the Balanced Approach to Cross-chain DeFi

Balanced is a design-focused DeFi product bringing its stablecoin and exchange to a wide range of blockchains.

395. 6 Critical Challenges of Productionizing Vector Search

Prepare for complexities of deploying vector search in production with insights on indexing, metadata filtering, query language, and vector lifecycle management

396. “An NFT purchase does not automatically give you ownership rights.”

Anyone who plans to buy an NFT must understand what they're getting.

397. How to Sign Android APKs with Apache Cordova: A Brief Guide

A short article on how to easily and correctly sign your Cordova Android APK.

398. All You Need to Know to Repatriate from AWS S3 to MinIO

Let's dig a little deeper into the costs and savings associated with repatriation to make it easier for you to put together your own analysis.

399. An Actionable CPS 234 Implementation Guide

CPS 234 is a prudential standard issued by APRA that mandates cyber resilience requirements for regulated entities.

400. Revolutionizing Digital Advertising: Inside Everyworld's Game-Changing Model

Explore how Everyworld merges blockchain and gaming to transform digital advertising. Discover its innovative approach and benefits for users and advertisers.

401. Analyzing the Pros, Cons, and Risks of LLMs

LLMs cannot think, understand or reason. This is the fundamental limitation of LLMs.

402. Deploying Your Smart Contract on Ethereum’s Sepolia Testnet using Remix | dApp Development Series

This blog post explains how a smart contract can be deployed using Remix and Ethereum’s Sepolia Testnet. Read on to know more…

403. Managing Large Data Volumes With MinIO, Langchain and OpenAI

A practical guide to integrating MinIO, Langchain and OpenAI’s GPT-3.5 model focusing on summarizing documents stored in MinIO buckets.

404. How Multiplatform Game Development Grows Your Audience: A Guide to Playing Globally

Game development for multiple platforms at once is key to winning over players globally and boosting your revenue. Learn how it’s done in the article.

405. Building Data Intelligence Brick by Brick: From Databricks' Playbook

Book a free demo of Databricks Data Intelligence Platform via AWS Marketplace.

406. MEXC Reports 2.35 Million Users Across AI Trading Suite in First Six Months

MEXC reports 2.35M users across its AI trading suite, with 10.8M interactions and record activity during October’s flash crash.

407. What is Agentic Testing?

If your test suite breaks every time a button moves, a div changes, or – gods forbid – an A/B test runs, is it really testing anything?

408. Scaling PostgreSQL: How We Tamed 10 Billion Daily Records and 350 TB+ of Data

Read how we used Timescale to scale a 350 TB+ PostgreSQL database to build Insights, our new database observability tool.

409. How To Apply Machine Learning And Deep Learning Methods to Audio Analysis

To view the code, training visualizations, and more information about the python example at the end of this post, visit the Comet project page.

410. What is Pair Programming?

You’re staring at your code and thinking, “There’s nothing wrong here.”

But there is: the app isn’t working.

411. DeFi on Bitcoin Part 1: A Guide To Building dApps With Rootstock

In this article, we explore how layer 2 solutions extend the capabilities of Bitcoin, and why developers choose Rootstock to build on Bitcoin...

412. How to Automate Dynamic PDF Generation

Production challenges with dynamic PDF generation can set organisations back significantly. This article reviews the possible technology options available.

413. Lumoz Supports Op Stack + ZK Fraud Proof, Initiating a New Paradigm in L2 Architecture

Lumoz's Modular Compute Layer has pioneered a new Layer 2 architecture model, filling the gap in the current market for a mixed solution of ZK and OP.

414. Cake DeFi has Given Out $317 Million in Rewards as of Q1 2022

CakeDeFi has paid around $317 million in rewards to its customers as of the end of Q1 2022 to become one of the fastest growing DeFi platforms in Asia.

415. Best HR Software For Midsize Companies in 2026

Modern midsize companies need platforms that balance sophistication with agility, offering powerful features without overwhelming complexity.

416. How To Deploy Grafana Loki and Save Data to MinIO Using Docker Containers or Direct from Source

Although commonplace, logs hold critical information about system operations and are a valuable source of debugging and troubleshooting information.

417. Why More VARs and SIs Are Embedding Melissa Into Their Enterprise Solutions

Partner with Melissa to empower VARs and SIs with accurate data, seamless integrations, and scalable verification tools for smarter, faster client solutions.

418. From Layer1 to zkEVM: Opside's ZK-Rollup LaunchBase Is Offering a Plethora of Choices

On August 14th, the decentralized ZK-RaaS platform, Opside, announced a major update to its ZK-Rollup LaunchBase.

419. Successful Integration of Personal Medical Devices with Mobile Telemedicine Application

Personal medical device integration with telemedicine application

420. Adding DAO Governance to Existing Token Contracts

What if you already have a token and you want to create a DAO using that token? Natacha shows us how to enable DAO governance for your existing token!

421. An Introduction to Dart Code and Isolate

Any Dart code is executed in Isolate. Isolate is an isolated environment, inside which there is memory allocated to it and its EventLoop.

422. With JSONB Data in PostgreSQL, You Can Get the Best of Both Worlds

JSONB in PostgreSQL offers the best of relational and NoSQL. Here are two techniques that we use at AppLand to make JSONB data even more effective.

423. AI Is Changing How Developers Learn: Here’s What That Means

AI-powered learning for software developers is here to stay. Here's how we're building the learning platform of the future at Educative.

424. Opside’s NCRC Trustless Native Protocol in Focus

Opside has successfully implemented NCRC on the testnet. Here's how you can be a part of the experience.

425. The Issue With Crypto Transactions Today

Web3 and DeFi today aren't ready for mainstream users; it’s all too confusing, risky, and expensive for anyone who isn’t a dedicated crypto head.

426. A JavaScript API Client Can Be a SaaS Product. Find Out How.

An API is not just a wrapper; it’s a separate, light-weight application that enables developers to interact with a full-featured software platform.

427. We Sold Real Estate on the Blockchain: No Pixels Involved

How we sold multiple real world properties as NFTs, and what's still needed to disrupt the multi-trillion dollar real estate industry via NFTs.

428. Trick Bot to Share $10,000 Prize Pool in Blockchain Adventure by Hackless

PixelPiratesQuest is a unique quest-style journey, allowing you to dive into the vast ocean of the blockchain.

429. Arize AI Leads the Way in AI Observability with Prompt Variable Monitoring

Arize AI premiered prompt variable monitoring and analysis onstage at Google Cloud Next '24 this week.

430. What Does It Take to Break Into the Global B2C eCommerce Market in 2024?

Learn the basics of a B2C eCommerce business and how to get started in 2024 by utilizing strategies to capitalize on the global market.

431. Best BEP-20 Token Generators in 2021

Create BEP-20 tokens using the best token generators of 2021. A BEP-20 token is a fantastic option if you want to create your own cryptocurrency token.

432. Backing Up Weaviate with MinIO S3 Buckets to Achieve Strategic Enhancement to Data Management

Combining the advanced vector database capabilities of Weaviate with the storage solutions of MinIO empowers users to unlock the full potential of their data.

433. The NuID Ecosystem: An Improved Identity Layer Putting Identity Ownership In Users’ Hands

The internet grew without an identity layer, meaning it grew without a reliable way of knowing or verifying who you were connecting to which can be dangerous.

434. Why We Rewrote Ockam in Rust

In the early days of Ockam we were developing a C library. Here's the story of why we decided to abandon tens of thousands of lines of C and rewrite in Rust

435. How to Use MinIO as External Tables to Extend Snowflake

MinIO is a high-performance, cloud native object store. Because of this, MinIO can become the global datastore for Snowflake customers, wherever their data sits

436. RGB++ Layer: Transforming Bitcoin with Asset Issuance, Smart Contracts, and Interoperability

Discover how RGB++ Layer revolutionizes the Bitcoin ecosystem with advanced asset issuance, smart contract capabilities, and seamless cross-chain functionality.

437. How to Break Your PostgreSQL IIoT Database and Learn Something in the Process

Learn how to stress test your IIoT database using PostgreSQL. Identify bottlenecks, simulate scale, and design systems that won’t fail in production.

438. Data Modeling in Elasticsearch: Using Nested Queries and Parent-Child Relationships

Managing relationships in Elasticsearch can be challenging, but we have nested queries and parent-child relationships to work around it, and more.

439. 5 Low-Cost Cybersecurity Measures SMBs Can’t Afford to Not Implement

A successful cyber attack can be devastating; many cybersecurity measures that can help SMBs can be implemented at surprisingly little cost.

440. What is Blockchain Escrow Service & How Does it Work?

If you ever wondered what a blockchain escrow is and how it works this is the answer to your questions. Dive into the mystery of blockchain and smart contracts.

441. How to add Address Autocomplete and Verification Using Lob’s Vue Component Library

Tutorial for building Address Autocomplete and Address Verification with Lob's Vue Component Library.

442. Utilizing External Tables to Store and Query Data on MinIO with SQL Server 2022

With Microsoft SQL Server 2022, object storage becomes a first class citizen through a technique called external tables.

443. Integrating Apache Druid and Apache Superset with MinIO

Prepare to be amazed at how quickly you can build a high-performance analytics and visualization stack with open source products.

444. 7 Must-Watch Crypto Films and Documentaries

Who doesn’t want to see a good story about a big heist or a death mystery? Let’s check ahead some crypto films now available on several streaming platforms.

445. Strategies for Database Size Reduction in PostgreSQL: A Usage-Based Approach

Harness Timescale's features to shrink your PostgreSQL database size, improve performance, and embrace a new paradigm of efficiency.

446. Top 30 Business Intelligence Consulting Companies

In the information age, data is a vital source for everything: from housekeeping to business management, people need to stay tuned in order to survive. But the tricky thing is that the amount of data available both offline and online is so huge it cannot be traced manually anymore, and it continues to grow. According to Raconteur, each day we publish 500 million tweets, send 294 billion emails, and make five billion search requests. The amount of data generated daily is expected to reach 463 exabytes by 2025. The numbers are mind-blowing, and the first question to arise is: how do we process all this data?

447. Building Effective Modern Data Architectures with Iceberg, Tabular and MinIO

Modern datalakes provide a central hub for all your data needs. However, building and managing an effective data lake can be complex.

448. Introducting All Registered Domains Database

There are close to 400 million active domain names in the Domain Name System (DNS) to date. This number is not static, however. Tens of thousands of domain names appear and disappear from the DNS every day as domain owners start or stop using them. How would you be able to track these changes as they happen? This is where a list of all registered domain names, often in the form or a database, comes in.

449. How to Train an Object Detection Model Using a Custom Dataset With MinIO and YOLO

A step-by-step look at how to train an object detection model on a custom dataset and use it to make predictions whenever a new image appears.

450. Dopple.ai Overtakes Mainstream Competitors With Unfiltered, Unbiased AI Chatbots

Dopple.ai is a free AI chatbot that lets you interact with virtual characters based on real and fictional people.

451. Pro Tips for Debugging MinIO: Overcoming Common Issues in Kubernetes and Bare Metal Environments

Learn how to debug a MinIO install running in Kubernetes, as well as some common issues, you might encounter during bare metal installation, `and their fixes.

452. Leveraging MinIO and Apache Tika for Automated Text Extraction and Analysis

Discover how to leverage MinIO Bucket Notifications and Apache Tika for efficient text extraction and analysis in fine-tuning, LLM training, and RAG projects.

453. Moai

How AI DAOs will fundraise and why Decentralized Exchanges (DEX) will ultimately be venues on which AI DAOs trade.

454. Sia Redefines Cloud Security with Supreme Privacy and Impenetrable Protection

Sia delivers decentralized cloud security with Supreme Privacy and Impenetrable Protection, eliminating single points of failure and insider threats.

455. Best AI Automation Platforms for Building Smarter Workflows in 2026

From no-code tools to enterprise AI systems, discover the top AI workflow automation platforms to use in 2026, and learn which solution fits your business needs

456. How to Create a PDF Invoicing Web Application Using NodeJS and Foxit PDF SDK

Generating payment invoices is a crucial aspect of any business, and digital invoicing has become a common practice across various industries.

457. Shaping a New Era of Transparent Crypto Trading: TradeLink

TradeLink redefines crypto trading with transparency and trust, offering tools to empower traders and investors . Discover our vision for a fairer crypto world.

458. BNB Chain Announces Gasless Stablecoin Transactions for Everyday Use

BNB Chain introduces gasless stablecoin payments, collaborating with top exchanges and wallets for zero-fee USDT, USDC, and FDUSD transactions.

459. Architecting a Robust Vector Embedding Creation System for PostgreSQL Data

Explore the groundbreaking PgVectorizer, a resilient system for creating and managing vector embeddings in PostgreSQL tables.

460. What You Need To Know About the Career Lattice To Get Your Next Tech Role

Forget the traditional career ladder because the career lattice offers a realistic way to grow and advance your tech journey

461. The Fastest Ways to Teach Yourself JavaScript

JavaScript, the language known for “running the internet,” is entrenched in the programming world. Here are a few of the best ways to learn JavaScript.

462. P2P Economy: Leading a Blockchain Renaissance

The blockchain industry faces stagnation, with innovation giving way to speculation. A shift to a peer-to-peer economy could revive its true potential.

463. Deploying Deep Learning Models with Model Server

Learn how to deploy deep learning models with Model Server.

464. Streamline Your Software Testing with Batch Testing

By employing batch testing, we can validate various scenarios and edge cases related to user registration in a consolidated manner.

465. Top 10 AI Consulting Firms Today

466. Can AI Audit Smart Contracts Better than Human Auditors?

AI-based audits are not yet perfect, but they may be the next step in smart contract auditing.

[467. ISO 27001 Compliance Tools in 2026: A Comparative Overview of 7 Leading Platforms

](https://hackernoon.com/iso-27001-compliance-tools-in-2026-a-comparative-overview-of-7-leading-platforms)

Breaking down the best ISO 27001 Compliance tools in the market for 2026.

468. Data Lake Mysteries Revealed: Nessie, Dremio, and MinIO Make Waves

Let's see how Nessie, Dremio and MinIO work together to enhance data quality and collaboration in your data engineering workflows.

469. How to Set Up Affordable Text Messaging for Small Businesses

10DLC is a fairly new service implemented by US telecom carriers that provides cost-effective text messaging for businesses of all sizes.

470. A Closer Look Into the MinIO Enterprise Object Store Firewall

The MinIO Enterprise Object Store Firewall is designed specifically to work with applications using MinIO object store and its API endpoints.

471. The MinIO DataPod: A Reference Architecture for Exascale Computing

MinIO has created a comprehensive blueprint for data infrastructure to support exascale AI and other large scale data lake workloads.

472. WPAY: Revolutionizing P2P Payments Through Cryptographic Proof

WPAY will be launching utilities, introducing a WPAY P2P Exchange, and developing a WPAY Wallet that has two-factor authentication.

473. Setting Up MinIO With Quickwit

MinIO is the right choice for Quickwit because of its industry-leading performance and scalability.

474. How to Build an Image Search Engine to Find Similar Images

After reading this article, you will be able to create a search engine for similar images for your objective from scratch

475. How To Work With Multiple Versions Of Java On Linux

Java has been a developer staple for quite some time. In fact, Java is one of the most popular programming languages on the market. Part of the reason for that is Android.

476. How to Customize Embedded Business Intelligence For Your Business

Choosing the right analytics solution is important for empowering users to access valuable insights without leaving your application.

477. Your Guide to Running Grafana Mimir with MinIO for Persistent Metrics Storage

Mimir stores data in object storage for persistence, allowing it to take advantage of ubiquitous, cost-effective and high-durability MinIO.

478. The Genies Tool Kit: Everything You Need to Know

The Genies Tool Kit is grounded in two core pillars: the Avatar Framework and the Traits Framework

479. Quantum State: How Two Things Can Be True at the Same Time

How do you increase profitability by both going to the cloud AND from leaving it? Simple, by using the cloud operating model. Learn more here.

480. How Iceberg + AIStor Power the Modern Multi-Engine Data Lakehouse

Learn how Apache Iceberg paired with AIStor forms a high-performance, scalable lakehouse architecture with SQL features, snapshots, & multi-engine support.

481. How to Build Your Very Own Android Mobile PDF Scanning Tool

The following guide outlines how you can harness the power of Foxit’s Android PDF SDK to swiftly develop an app with robust scanning capabilities.

482. Using the Common Vulnerability Scoring System

The common vulnerability scoring system (CVSS) is a way to assign scores to vulnerabilities on the basis of their principal characteristics.

483. Your Definitive Guide to Lakehouse Architecture with Iceberg and MinIO

This post focuses on how Iceberg and MinIO complement each other and how various analytic frameworks (Spark, Flink, Trino, Dremio, Snowflake) can leverage them.

484. Introducing the Rootstock World Tour: User Guide

Join us on the Rootstock World Tour! Interact with 10 dApps to complete quests and earn exclusive NFTs, then enter a raffle for $1,000 in RBTC.

485. What Happens When a Legal Complaint is Fatally Flawed and Overall a Mangled and Mangy Mess?

In a scathing motion to dismiss filed with the court yesterday, the defendants pull no punches in their response to Triller.

486. From Materialized Views to Continuous Aggregates: Enhancing PostgreSQL With Real-Time Analytics

Discover how PostgreSQL's materialized views have evolved into dynamic, real-time analytical tools called continuous aggregates.

487. Combining Delta Lake With MinIO for Multi-Cloud Data Lakes

The combination of MinIO and Delta Lake enables enterprises to have a multi-cloud data lake that serves as a consolidated single source of truth.

488. BNB Chain Launches “BNB Chain Bridge” with Celer, deBridge, and Stargate

BNB Chain Bridge launches with Celer, deBridge, and Stargate, boosting cross-chain interoperability and enhancing the UX for seamless asset transfers.

489. How AI Automates Data Scraping and Data Analysis

There are numerous ways that AI can help us in data scraping and data analysis. Check out these tools and methods!

490. The Real Reasons Why AI is Built on Object Storage

From no limits on unstructured data to having greater control over serving models, here are some reasons why AI is built on object storage.

491. Setting Up a MinIO FTP/SFTP Server — Now With More Data Options Than Ever

While the S3 API is fundamentally superior, it lacks the bare bones simplicity of FTP/SFTP and the ability to run in highly constrained environments.

492. Crypto Launchpads: The Best Crypto Project Funding Platforms

Crypto launchpads help new projects attract the community, thus making it easier for them to tread in crypto.

493. The Start of a New Era for NFTs: Bridging NFTs to L2 🌉

Quix, the first NFT marketplace on Optimism L2, opened up the Optimism NFT Bridge this week.

494. GitHub Copilot Review: Does it Really Give a 55% Speed Boost to Development?

This article presents a GitHub Copilot review and assesses its impact on enhancing development speed in real-life scenarios.

495. Compete for $100K Prizes: Join The Bitcoin Olympics Hackathon Now

The Bitcoin Olympics Hackathon is offering over $100,000 in prizes to teams that build transformative technologies that pioneer and advance the bitcoin economy.

496. The Best 9 HR Management Platforms in 2026

Expert guide to the Best 9 HR Management Platforms in 2026. Compare features, pricing, and best use cases for mid-market companies (200–3,000 employees).

497. Introducing the Genies Avatar SDK: Integrate High-Fidelity, Customizable Avatars into Your Game

Genies Avatar Framework is a flexible system for building high-quality avatars that fit naturally into any game world.

498. How Gen AI and AWS Bedrock Supercharged Real Estate Data Extraction

How Gen AI and AWS Bedrock Supercharged Real Estate Data Extraction

499. Measuring Test Runtime: How to Optimize Your Test Suite Performance

Understand why measuring test runtime can help accelerate your development cycles and the optimal ways in with to complete the measurement.

500. 6 Easy Ways to Earn Bitcoin

Cryptocurrency has come a long way from its roots. Back in 2010, a computer programmer bought two Papa John's pizzas for 10,000 Bitcoins. At current exchange rates, those two pizzas would be worth over 90 million dollars. It's safe to say that these were the two most expensive pizzas ever bought by human hands.

Thank you for checking out the 500 most read blog posts about Good Company on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

390 Blog Posts To Learn About Golang

LearnRepo — Wed, 05 Aug 2026 07:01:19 +0000

Let's learn about Golang via these 390 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

Real work applications of a statically typed language option, one identified to be particularly useful for lightweight micro-services, API generation and so forth.

1. Async/Await in Golang: An Introductory Guide

Golang is a concurrent programming language. It has powerful features like Goroutines and Channels that can handle asynchronous tasks very well. Also, goroutines are not OS threads, and that's why you can spin up as many goroutines as you want without much overhead, it's stack size starts at 2KB only. So why async/await? Async/Await is a nice language feature that provides a simpler interface to asynchronous programming.

2. Go: The Complete Guide to Profiling Your Code

Go is a programming language often used for applications in which performance matters. Optimizing your code based on assumptions is not a best practice of course. You need to have insights about your code performance and bottlenecks to be able to optimize it efficiently.

3. In-Memory Caching in Golang

How to implement in-memory cache in Golang App

4. How to Set Up Docker Compose For Prometheus + Grafana

Want to have Prometheus and Grafanna locally so that you could test the metrics sent by your service? check this guide using Docker Compose

5. Dependency Inversion Principle in Go: What It Is and How to Use It

In this article, we will discuss the Dependency Inversion principle. In short, we'll talk about what it is and examine this principle

6. ChatGPT Go Libraries: A Comparison With Examples

Comparison of ChatGPT API clients for Go language

7. Avoiding Memory Leak in Golang API

You must read this before releasing your Golang API into production. Based on our true story at Kurio, how we struggling for every release because we are not doing it in the right ways.

8. Mastering Synchronization Primitives in Go

Golang's Goroutines make it easy to run code concurrently. We can simply add the keyword “go” in front of a function call to make it run in a separate routine, or asynchronously.

9. NodeJS: 4.8x Faster if You go Back to Callbacks!

Callbacks are 4.8x faster when running them parallel over async/await in parallel. And only 1.9x faster when we run sequential callbacks.

10. Creating a Middleware in Golang for JWT based Authentication

Golang has been a popular language over the past few years known for it's simplicity and great out-of-the-box support for building web applications and for concurrency heavy processing. Similarly, JWT (JSON Web Tokens) are turning into an increasingly popular way of authenticating users. In this post I shall go over how to create an authentication middleware for Golang that can restrict certain parts of your web app to require authentication.

11. A Look Ahead to Programming Languages in 2020

Python and JavaScript are the two hottest programming languages today. However, they cannot remain on top forever. Eventually, they must fall out of favour, as all languages do. This is likely to happen within the next decade or so.

12. How To Write Benchmarks In Golang Like An Expert

Golang: benchmarking made easy

In this article we'll see how we can use golang's benchmark utility to easily write benchmark tests. Also, we'll see how to plot

13. Today I Learned: Pass By Reference on Interface Parameter in Golang

Pass Parameters by Reference in GolangA simple diary about a simple thing that I learned about Pass By Reference in Golangpass by reference on interface parameter in Golang

14. Golang - How to Parse JSON Data in Go

Want to parse JSON data in Go? Learn the step-by-step process of parsing JSON and accessing its data in Go with this comprehensive guide.

15. This 150-Line Go Script Is Actually a Full-On Load Balancer

This article will show you how to create a simple HTTP load balancer in Go, using only the standard library.

16. How To Create Golang REST API: Project Layout Configuration [Part 1]

During past couple of years I have worked on few projects written in GO. I noticed that the biggest challenge developers are facing is lack of constraints or standards when it comes to project layout. I'd like to share some findings and patterns that have worked best for me and my team. For better understanding I'll go through steps of creating a simple REST API.

17. How to Send Millions of Push Notifications with Go and Firebase Cloud Messaging

A Go service implementation that dispatches push messages via Firebase.

18. Golang in Machine Learning

Can Golang be used in Machine Learning? In the article you will learn advantages and disadvantages of using Go lang in Machine learning

19. Running a gRPC Service with Docker

Let's learn how to write a dockerized gRPC service in Go.

20. MongoDB and Docker-Compose: How to Enable a Custom User and Password Automatically

How can we create a custom user and password to access MongoDB when using docker-compose? Let's see how.

21. GO Design Patterns: An Introduction to SOLID

Adopt SOLID design principles in GO for better code quality and easier software maintenance.

22. Creating Clean Architecture Using Golang

Hi guys, I’m a Front-End developer. Before there was a time 2 years working CMS Magento, I like CMS Magento because system clean, and architecture database EAV (Entity — Attribute — Value) but I don’t understand why present I’m dev front-end (I don’t know) in the 2-year current. And present I chance comeback working position Back-End that I like.

23. The Anatomy of an API Gateway in Golang

Build your own API gateway in Go

24. Some insights on Maps in Golang

Article is about maps internal structure, hashes and performance. How data is actually stored inside.

25. Go: Handling JSON in MySQL

26. PostgreSQL Transaction Isolation Levels with Go Examples

Illustration composed from MariaLetta/free-gophers-pack, original gopher by Renee French.

27. No-stress CUDA programming using Go and C

Programming CUDA using Go is a bit more complex than in other languages. Although there are some excellent packages, such as mumax, the documentation is poor, lacks examples and it’s difficult to use.

28. Generate Swagger Doc Files From Go Code Using Go-swagger

In this article, I will try to explain basic ideas on how to generate swagger docs using go-swagger package.

29. Practice with Functional Programming in Go

Take a look at a functional programming paradigm in Go

30. NATS JetStream — a New Way to Create Resilient Message Queue

Today, I'll walk you through how to use NATS JetStream with a Golang app.

31. An Argument For Using Golang to Code Your Next Projects

After spending years sticking to conventional programming languages, why should tech business founders use Golang? That’s one of the buzzing questions that founders will be asking, as the decade-old programming language is getting more prominence.

32. Leveraging Multithreading To Read Large Files Faster In Go

The other day I was interviewing at one of the companies, and I was asked the following question, how can you count occurrences of a word in a 50gb file with 4gb of RAM. The trick is to not load the whole file into memory and keep processing each word as we keep on moving the pointer of the file. With this, we can easily process the whole file with a minimal amount of memory resources.

33. Comparing Optimistic and Pessimistic Locking With GO and PostgreSQL

Comparison between Optimistic and Pessimistic locking with Golang and PostgreSQL

34. The True Importance of Exceptions: Error Handling in PHP vs. Golang

Looking back, the ways we've dealt with errors show how developer’s needs and challenges have changed over time.

35. Mastering Maps in Go: Everything You Need to Know

Learn about using maps in Go (golang), including associative arrays, hash maps, collision handling, and sync.Map, with practical code examples.

36. GO Design Patterns: An Introduction to Builder

Streamlining Your Code: An Introduction to the Builder Pattern in Go

37. Introducing Bun: A Golang ORM

Bun is a SQL-first Golang ORM for PostgreSQL, MySQL/MariaDB, MSSQL, and SQLite. It supports migrations, fixtures, and performance monitoring.

38. Golang Templating: Substituting Values Between Different YAML Files

In this tutorial we'll see how we can use Go templating to replace values in a YAML file with values from another YAML file, similar to what Helm does.

39. Building An In-memory Database in Go

Building an in-memory database in golang is a basic task that you are likely to have to do. It needs you to make a database and a table before organising.

40. How to Make Global Constant Maps and Slices in Go

For the most part, Go developers are pretty good about using constants for global configuration, rather than global variables. A problem arises however when we want a global constant slice or map. The go compiler doesn't allow these more complex types to be set as constant. Many developers, upon making this realization, decide to then use a dangerous global variable. In this article we will explore a better option.

41. Custom TraceID in Elastic APM

Elastic APM is extensively useful in monitoring the lifecycle of a HTTP request in a system especially in µservices architecture. Wide variety of web frameworks and databases are supported which is useful in tracking the request up to DB calls. The documentation is simple and concise which makes it easy to instrument the application.

This article aims to help or at least make it easy to trace the HTTP request lifecycle after instrumentation. Golang is used in this article for code snippets but the concept can be extended to other languages as well.

42. How to Detect and Delete Emojis in Golang

I encountered an issue when 10 million messages with emoji were written in the MySQL table with utf8 encoding.

43. Platforms on k8s with Golang - Watch any CRD

Let’s say you want to do more with Kubernetes than run off-the-shelf apps. Perhaps you want to stitch apps together into a bespoke platform. Imagine that when your user clicks a button you want to provision a new database or open up a new public-facing endpoint.

44. Real Time Data Processing: Easily Processing 10 Million Messages With Golang, Kafka and MongoDB

How fast Golang can be for processing a high number of messages coming from a Kafka topic?

45. Golang Unsafe Type Conversions and Memory Access

Illustration composed from MariaLetta/free-gophers-pack, original gopher by Renee French.

46. How to Use Maps Safely in Go

Different ways to protect maps from concurrent access in Golang.
Golang, concurrent programming, sync.Mutex, sync.RWMutex, sync.Map, channels

47. 'Hello, World!' in Golang - How to Develop a Simple Web App in Go

I'm going to show you how easy it is to develop a simple web application in Go, package it as a lightweight Docker image, and deploy it to Heroku.

48. Faster than Linux

FTL usually refers to "faster than light". A theoretical particle known as a tachyon that powers certain spaceships in the Star Trek universe keeps the plot going for decades through multiple series and and movie franchises.

49. How to Use Consul as a Host Resolver in gRPC

Recently, I faced with lack of documentation when I wanted to use Consul as a host resolver in gRPC connections. That’s why I wanted to write this story.

50. Go and sync.Pool

The garbage collector (GC) does not collect garbage constantly, but at certain intervals.

51. 3 Steps To Learn Go: Moving From JavaScript and Python to Golang

Mastering a programming language takes years of time but learning a new language does not. And Trust me, Nobody is perfect when it comes to coding. As a software engineer, one should be at least familiar with minimum 4–5 different languages or at least he should know how to learn a new language in small amount of time.

52. Choosing the Best Protocol: gRPC vs. Apache Thrift

The choice of communication protocol can significantly impact your applications' performance, scalability, and maintainability.

53. Concurrency in Golang And WorkerPool [Part 1]

Project Link: https://github.com/Joker666/goworkerpool

54. Unit Test AWS Lambda in Go

When I started working in Go and AWS Lambda, one of the difficulties that I faced was unit testing. I had a decent idea about what is unit testing and knew how to do it in Ruby but in Go, I had no idea because I was a beginner.

55. Optimizing String Comparisons in Go

Want your Go programs to run faster? Optimizing string comparisons in Go can improve your application’s response time and help scalability. Comparing two strings to see if they’re equal takes processing power, but not all comparisons are the same.

56. Golang Can Remove Code From the Binary, and You May Want to Know That!

Simple linter which can highlight non-trivial bugs which lead Golang compiler to remove code completely (due to optimizator logic).

57. Validating Zero Enum Value in the Protocol Buffer

How to validate that an enum value field in Protobuf can not be empty? Turn out that is not supported directly by Protobuf!

58. Avoid XSS and CSRF Attacks in JWT (React + Golang): A Tutorial

Avoid XSS and CSRF attack in JWT with Golang and React for backend and frontend respectively.

59. 5 Best Practices for Integrating with External APIs

the must-have practices if you use external APIs

60. Go and Protocol Buffers (Quick Tutorial)

How to use Protocol Buffers in Go using proto3.

61. How to Remove Duplicates in Go Slices

Different ways to remove duplicates in slices in Go, a powerful language whose lack of tools makes learning this necessary if you want to make full use of it.

62. Building Reproducible, Verifiable Binaries with Golang

A quick and easy way to compile reproducible binaries with Golang.

63. Functional Testing With Your Backend in Go

For Terrastruct, which has a little over 50K lines of code as of now, I've only written functional end-to-end tests. This blog post describes a successful setup that took some iterating to get to, and it's one I wish existed when I started with a Go API backend.

64. Smoke Your Server Using Goroutines

We all want to test our servers and the latency induced by scale. There are different ways to do that one way would be to use postman to send multiple requests. But how do I send concurrent requests? Say I want to a million requests with different levels of concurrency. This can be easily achieved by leveraging the power of Goroutines.

65. Building a Media Streaming Server Using Go And HLS Protocol

In this tutorial, I'm going to walk you through building a streaming API using Golang. Don't worry, its surprisingly easy to build a robust streaming server, especially if we utilize one of the more modern protocols: HLS.

66. Golang ― More Error Handling with Less Checking

Error checks are essential but turn to noise without automatic propagation. Fixing Go's error-handling.

67. Golang: Using systemd for Zero Downtime Restarts and Deploys

By configuring a systemd socket, you can tell systemd to listen on the configured ports and start your service with a copy of the listening sockets.

68. How a Go Program Compiles down to Machine Code

Here at Stream, we use Go extensively, and it has drastically improved our productivity. We have also found that by using Go, the speed is outstanding and since we started using it, we have implemented mission-critical portions of our stack, such as our in-house storage engine powered by gRPC, Raft, and RocksDB.

69. Choosing the Right Programming Language for Your Project: A Comprehensive Guide

In this comprehensive guide, we'll explore practical insights, real-world examples, and actionable tips to help you navigate this crucial choice...

70. Concurrency in Golang And WorkerPool [Part 2]

Project Link: https://github.com/Joker666/goworkerpool

71. We Built The World's Largest Real time High-Frequency, Low Latency Streaming System on Golang

The evolution, failures and design decisions behind one of the world’s largest real-time, high-frequency and low-latency streaming systems.

72. The Complete Microservice Tutorial: Introduction [Part 1]

Project Link: https://github.com/Joker666/microservice-demo/

73. The Noonification: Whats Inside Play to Earn (5/21/2024)

5/21/2024: Top 5 stories on the HackerNoon homepage!

74. Generic Programming in Go

Generic Programming in Go using different methods: interfaces, typecasting, Generic Functions

75. How To Generate A PDF Report From HTML with Go

HTML for PDF in Go for creating quality PDF reports with Table of Contents, Bookmarks and other important native PDF features.

76. 8 Top Programming Languages in 2020 According to TIOBE & Stack Overflow [An Overview]

At the moment, the TIOBE index monitors 265 popular programming languages. The TIOBE includes a language on the list if it matches three key requirements: it is Turing complete, has its own Wikipedia page, and provides more than 5,000 search results on Google.

77. Security Considerations in Golang

Golang recently turned 10 and the success this language has created over the last 10 years is overwhelming. Today, many of the most popular DevOps tools are now written in Go. This proves that Go is a language that has a great future in the DevOps industry. It is meant for cloud network infrastructure practitioners - this was one of the primary goals of the Go creators. As a result, Every major cloud provider today has turned to Go for their core cloud infrastructure, to name some - Docker, Kubernetes, Istio, Etcd, Prometheus, and Terraform.

78. A Step by Step Guide to immudb — the open source immutable database

immudb is lightweight, high-speed immutable database for systems and applications.

79. Debugging Go Applications Inside Kubernetes From IDE

When your application only works with api expose by kubernetes, you can simply launch your application from IDE in debug mode and debug your application. But when your application needs to connect to other services or components which are only available inside the Kubernetes cluster then this solution will not work.

80. How to Download Files Using Golang and gRPC

Sometimes we need to download files from some storage. Let's do it using Golang and gRPC using io.Reader interface.

81. How To Create Golang REST API: Project Layout Configuration [Part 2]

In a previous post I was explaining the basics of setting up GO application for REST API. Now I'll go into details by first creating configurable server, adding http router (mux) and some DB interaction. Let's get (the indoors party) started!

82. Cross Compiling Rust on MacOS to Run as a Unikernel

Most programs on Linux are dynamically linked. So when you are creating a unikernel with OPS out of a linux application OPS goes out and finds all the libraries it's dynamically linked to and throws it onto the disk image. This works well if you are on linux - 99% of everything on linux is dynamically linked.

83. How I Built a Redis-Compatible Pub/Sub System Using Golang

EchoVault's Pub/Sub implementation aims to be compatible with Redis clients. This article is a brief description of how EchoVault implements the Pub/Sub module.

84. The History of Hackathons: A Digital Evolution

The term hackathon is a compound word, a fusion of hacking and marathon, where hack is used in the sense of exploratory programming.

85. Running Linux Applications as Unikernels with K8S

If you've read some of my prior articles you might've thought I'd never write this one huh? :) Well here goes.

86. Billion-Dollar Mistake in Go?

The following sample code is from Go's standard library documentation:

87. Go's Cryptography Packages Were Audited: The Results

The audit produced a single low-severity finding, in the legacy and unsupported Go+BoringCrypto integration, and a handful of informational findings.

88. Is Go faster than Java? - The Wrong Question to Ask

This means to compare programming languages on what really matters, which in most cases, specifically in the enterprise world, is how efficient it is to develop

89. Modern Hashing With Go: A Guide

Let's break down everything you need to know about using hash functions in Go, with plenty of real-world examples you can start using today.

90. How To Create Golang REST API: Project Layout Configuration [Part 3]

Good cake is the one you can easily slice into parts with no crumbs falling apart. That's all this project is about: 3 simple parts, no nasty additives. In part 1 and part 2 I've explained the basics of setting up golang project using docker, creating configurable server, interacting with DB, adding routes and handlers.

91. How to Build a Bitcoin Telegram Bot

I created a simple Telegram bot that could retrieve Bitcoin's Price to convince my friends that Telegram is far superior to Whatsapp.

92. How to Use GoReleaser to Automate GoLang Build Releases

This is a quick start for GoReleaser to automate the building and publishing GoLang projects.

93. Custom Rego Function by Example

Extending Open Policy Agent and creating custom rego functions

94. Protobuf Under the Hood: How Serialization and Deserialization Work in Go

Protocol Buffers (Protobuf) is a fast, efficient, and language-agnostic data serialization mechanism.

95. Getting to Know gRPC

Need a quick beginner's guide to gRPC? What is it? How do you set up a client and server, and make an RPC call? All your answers are here!

96. How to Develop a Facebook Messenger Bot in Golang

A comprehensive guide on how to create a Facebook Messenger bot in Golang.

97. Optimizing Memory Usage in Golang: When is a Variable Allocated to the Heap

Optimize memory usage in Golang by understanding stack vs heap allocation, escape analysis, and improving performance with efficient memory management

98. Don't Make These 5 Golang Mistakes

These are mistakes that I’ve made writing Go. Although these might not
cause any sort of error but they can potentially affect the software.

99. Microservices Deserve Modern Programming Platforms: Java May Not be the Best Option

Microservices are very popular today, even in traditional corporate IT shops. Often though they are implemented using languages, such as Java, born in the early ’90s and designed for a world of monolithic applications. Do you remember the big old Application Servers?

100. Let's Go! 5 Use Cases When You Need Golang for Your Tech Project

Reveal why there is hype around Golang and describe the best application variants for this programming language as well as cases when Go is not the best choice.

101. Introduction to RDS Proxy: Exploring with Benchmarks in Go

A deep dive into the performance characteristics of RDS Proxy vs RDS

102. Golang Linters: How they Analyze Code, Formatting, Complexity, and Comparison

Curious about which linters are available in Golang ecosystem? Here's an introduction of how to get started.

103. Red Team Phishing Simulations: Using Evilginx2 and GoPhish

I'd like to share my experiences using evilginx2 and gophish for red teaming phishing simulations.

104. How To Generate API Blueprint using SwagGo

Generating API blueprint REST API Golang using SwagGo tools

105. Interview with Anderson Queiroz: Golang is The Perfect Language for the 21st Century

Introduction

106. Using Bitwise Operators To Handle Permissions in GO

Few days ago, I stumbled across a very interesting approach to give permissions (or roles) to users in the system.

107. Mojo Traits: How Do They Compare to Go Interfaces?

A walkthrough on working with Mojo Traits with examples, and a comparison of Mojo Traits to Go Interfaces. Limitations and caveats of Mojo traits.

108. Using Guard Clauses to Clean Up Your Conditionals [A How-To Guide]

One of the first techniques developers learn is the if/else statement. For obvious reasons if/else statements are a primary way to create logic trees. This is where we handle calculations differently depending on the input variables. However, complex and nested if/else statements become a cognitive burden to reason about. Therefore, it can be hard for the next developer to understand quickly.

109. Mastering Graceful Shutdowns in Go: A Comprehensive Guide for Kubernetes

For applications deployed in orchestrated environments (e.g., Kubernetes), graceful handling of termination signals is crucial.

110. Pointer and Nil in Go: Reasons Why You Should Be wary

The harmful part of Go that you might not be aware of.

111. Monitor Your Kubernetes Cluster Events With EventRouter, Golang, and Kafka

In this article, I will show you how to build such a pipeline for processing and storing Kubernetes cluster events.

112. gRPC-Secret: Mastering Deadlines, Timeouts, and Custom Contexts

gRPC is an open-source remote procedure call (RPC) framework. It enables efficient and scalable communication between services.

113. Understanding the Basic Concepts of Heap Data Structure in GoLang

We are trying to learn the basic concepts about heaps like inserting and extracting data from heaps and also the time complexity of heaps.

114. Understanding Concurrency Patterns in Go

Explore Go’s concurrency patterns, including worker pools, fan-out/fan-in, and pipelines, to build efficient, robust, and scalable applications.

115. How to Configure Useful User Snippets in VSCode for Golang

In this article, I'll show how we can configure some useful user snippets in VSCode to make our life easier.

116. A Practical Guide to Interfaces in Golang

A simple and explanatory guide to understanding interfaces in golang.

117. Why Should You Go With GoLang [Newbie's Guide]

Go is a programming language that was designed in 2007, and this fact directly puts it into the young budding category. Even it is fairly young, as compared to others, it has a lot to offer. No, don't get confused with its adorable and goofy Gopher mascot. This language is more like a dominant alien trying to rule the universe of development!

118. Easy Steps to Create Static Websites Using Hugo-Github Pages

How to create a static web sites using Hugo-Github Pages

119. Fast Golang Router With Error Handling

Getting started with fast Golang router that allows to handle and monitor errors using middlewares.

120. How to Build a Concurrent Chat App with Go and Websockets

Go emerged from Google out of a need to build highly performant applications using an easy-to-understand syntax. It's a statically typed, compiled language developed by some of the innovators of C, without the programming burden of manual memory management. Primarily, it was designed to take advantage of modern multicore CPUs and networked machines.

121. Making a Simple Service App for a Yocto-Based Linux Distro

I decided to make the first steps in Yocto-oriented software development and make a rather simple service app for Yocto-based Linux distro.

122. How I Got My Website To Load in 1 Second

The front page of JeremyMorgan.com loads less than a second, most of the time, from various parts of the world.

123. Purity in My Programming: Functions in Go

Pure functions are often hyped up in the Javascript world, probably because of the abundance of state in front end applications. While pure functions have their downsides (i.e. inconvenience, potentially large argument lists), I believe they should be used as much as reasonably possible, and I want to focus on pure functions in Go.

124. Flight Recorder: A New Go Execution Tracer

Flight recording is now available in Go 1.25, and it’s a powerful new tool in the Go diagnostics toolbox.

125. GitHACK! We are the vulnerability

Github has been hacked. The affected computers cloned the affected repositories. How much is it Github's fault? How can we protect ourselves from this?

126. Checking Palindrome With Generics in Go 1.18

Palindrome checking function in go that can receive integer or string. Utilize new generics feature in Go 1.18.

127. Mastering Contexts in Go

Learn how to use contexts in Go for managing execution time, cancellations, and data passing between goroutines with practical examples.

128. Interfaces in Go

What are Interfaces in Golang?

129. Golang: Declarative Validation Made Similar to Ruby on Rails

Using declarative validation in Golang, in a similar way to Active Record validations.

130. “Go Has Indeed Become The Language Of Cloud Infrastructure“ - Rob Pike

We spoke to Rob Pike, the co-author of the Go programming language, about a career spanning four decades, the evolution of Go over the last ten years, and into the future.

131. An Intro to Rio: A Lightweight Job Scheduler in Go

Rio is a lightweight job scheduler and job chaining library. Its mainly build for Golang web apps, but it can be very easily mold to serve any applications.

132. 2 Error-Free Options for Decimal handling in Golang

CockroachDB and using a popular database are two error-free options for decimal handling in Golang.

133. Golang Tutorial: How to Migrate Your Database

Golang - How to handle database migration using GORM.

134. How a Unicorn Startup in Japan Leveraged the Power of Microservices

Startup experience in Mercari. Road to microservices from monolith.

135. How to Create a Dynamic Pipeline Route in Go

Is it possible to create a pipeline with dynamic routes in Go? How to do it?

136. Serverless API with Terraform, GO and AWS, Part 1

Knowing how to build REST API with latest tech is cool. You know what's even cooler? It's being able to deploy it to the cloud! I'll walk you through the process of building simple, server-less application using GO, AWS (Lambda, API Gateway, Dynamodb) and Terraform.

137. Golang Sudoku Solver for Hard Sudoku Puzzles

Motivation

138. Creating an Image Recognizer on Golang Telegram Bot

In this article, we will go over a project on image recognition using Go. We will also create a Telegram bot, through which we can send images for recognition.

139. Decouple Your Go Components by Leveraging Mediator and Event Aggregator Patterns

Decouple your Go components by leveraging Mediator and Event Aggregator patterns. Learn how to use open-source mediator / event aggregator library called mob.

140. SnapPoint: A Hard Reset for Your Dev Machine

SnapPoint helps developers audit, clean, and realign their system by finding ghost binaries, PATH conflicts, and leftover tool junk.

141. Mastering Go Channels for Elegant Synchronization

Channels in Go are a core part of the language's concurrency model, which is built around the principles of Communicating Sequential Processes.

142. Everything You Need To Know About Managing Go Processes

Explore techniques for managing blocking processes in Go, focusing on signal handling, process groups, & platform-specific considerations in linux environments.

143. Building a REST API in Go with MongoDB Integration: A Step-by-Step Guide

Code or Write a REST API with GO internal libraries and MongoDB as database

144. Building a Solar Harvesting Wi-Fi Camera

Compact and waterproof camera based on ESP32 usable for short periods of time, powered by solar energy.

145. Top 6 Golang Logging Best Practices

Let’s discuss a few rules of thumb for logging in Go, as well as some features you may not have heard of that can make debugging easier.

146. Top 6 Programming Languages to Learn in 2022

This blog will outline the top 6 trending programming languages to learn in 2022 and equip you with some tips to choose the best one.

147. Navigating the Path to Becoming a Backend Developer: What I Learned From My Self-Taught Journey

Gain insights from my Golang journey. Choose a job-friendly language. Avoid stress. Forge your path.

148. Portal: The Easy Way to Transfer Large Files Between Computers 🌌✨

Portal is a platform-agnostic command-line file transfer utility for sending files from any computer to another.

149. A Step-by-step Guide for Building a Simple TODO App With Gin-gonic in Zerops

Learn how to build a sample CRUD TODO API written in GO using gin-gonic, one of the most popular web frameworks, which saves data to a PostgreSQL database

150. How to Make a Linux Kernel with Nasm, Go Binary, Mini Linux

How to Make a Linux Kernel with Nasm, Go Binary, Mini Linux

151. What is Protobuf in Hyperledger Fabric? [Explained]

In this article, I’ll explain the technique used in serializing structured data using Protobuf in Hyperledger Fabric. Protobuf makes simpler in data processing and formatting. It structures the data with specially generated source code to easily write and read data within the same smartcontract.

152. The Latest Software Development Trends To Watch Right Now

The latest software development trends are discussed with topics including web development programming languages, app development, and the us of AI.

153. Let's Explore the Top Uses of the Golang Web Framework in 2022

The ever-evolving technological era has necessitated the need for cost-effective, high-speed, and reliable sources for web applications. The current market trend of cost reduction and efficiency has dictated that an Internet-based one replaces the traditional desktop-based application.

154. A Comprehensive Guide to Approaching Package Organization in Go

Let's find out together how to structure Go code according to the best software engineering practices.

155. How To Build JWT's in Go

Go is becoming very popular for backend web development, and JWT's are one of the most popular ways to handle authentication on API requests. In this article, we are going to go over the basics of JWT's and how to implement a secure authentication strategy in Go!

156. Golang: A Beginner' Guide To Getting Started

In this guide, you will learn everything you need to know to get started using Go to build real-world applications.

157. Making A Case for OffChain Storage in Hyperledger Fabric [Deep Dive]

In this article, I’ll try to explain the significance of OffChain Storage in Hyperledger Fabric and also the offchaindata application that I have built to demonstrate the offchain storage implementation using the Go Programming language for Hyperledger Fabric.

158. A RESTful API Template Project for Developers

Building a RESTful API can be daunting for developers who have never done it before. That’s why we’re pleased to announce the RESTful API template project.

159. Managing Go Module Pseudo-Versions in Go 1.13

Go modules have helped bring order to Go development, but there’s been some disorder lurking. Managing module pseudo-versions can be difficult, especially with some of the latest changes to Go.

160. Why Front End Developers Going Full Stack Should Choose Go

So you’re a front end developer, and you want to learn some backend stuff. You want to become a full stack developer someday, so where do you start? Google’s Go language is an excellent place.

161. Golang: a RESTful API Using Temporal Table With MariaDB

Temporal tables are a type of database table that store historical data, allowing users to query the data as it existed at specific points in time.

162. Building a RESTful API Service in Go Without Having Repetitive Boilerplate

How to build a RESTful API service without repetitive boilerplate and hassle.

163. Bloom Filter Basics in Go

Learn about Bloom filters: memory-efficient data structures using hashing for fast set membership queries.

164. How to Build a Twitter Bot with IPFS Cluster

Till now, we have explored a number of fun examples using InterPlanetary File System (IPFS), InterPlanetary Linked Data (IPLD) & Libp2p. We have built Websites on IPFS, Youtube on IPFS, Online Publication on IPLD & Chat Application on Libp2p.

165. The 3 Important Lessons I Learned From Implementing Raft in Go

Implementing Raft was an overall great experience that added many practical tools under my belt and improved my proficiency with Go.

166. Evaluating Swoft — A PHP Microservices Framework

Swoft is a PHP high performance microservice co-routine framework.

167. Native Fuzzing in Go 1.18

Go adds fuzzing as a part of its testing tools. This feature is planned for the 1.18 release and is already available for beta testing

168. Adding Encryption to a Fast Database, Without Compromise

This article will be of particular interest to people who are curious about how powerful encryption can be implemented in high performance systems. It is also for people who just want to know a bit more about how strong encryption works and how all the pieces fit together.

169. Fixing Race Conditions in Go with Redis-Based Distributed Locks

Go's 'sync.Mutex' is a lock designed to lock critical sections of code.

170. Surviving Tech Debt: How 2,611 Golang Linter Issues Solved in 3 Days

Automate fixing 2600+ Golang linter issues using AI. This guide shows how DDD isolation and a triage matrix cut 130 hours of tech debt to just 3.5 days.

171. How One ExpressJS Programmer Visited Go Land

I describe why Fiber it's really a good start for learn Go when you have experience in ExpressJS, what similarities and differences to expect, and what things I learned when building my first API on Go.

172. How I Built a Simple Forex App with Telegram Bots and AWS Lambda

As a freelancer working for different countries, I needed to optimize my currency exchange. So, I built a simple forex app with AWS Lamda and Telegram bots.

173. Pet Projects are Fun

I love pet projects, they are great excuse to use libraries and other technologies that you can’t use at work. Lately I’ve been working on a bigger pet project that needs to parse Go files, I’ve used ANTLR before to make this kind of things but unfortunately, ANTLR’s Go target has poor performance. So I began to search for alternatives written in pure Go and came across with this one, which took a different approach on creating parsers with Go, but before we’re going to understand how this library is different from others, let’s cover some basic concepts about parsing.

174. What Is so Great About Golang?

Check out why you should use golang for your next project

175. Best Regexp Alternative for Go; Benchmarks and Plots

In this article, we will look at alternatives to the standard regexp library in Go and benchmark them for speed and memory consumption.

176. How I Built a 1 GB Observability Stack for My Go Startup Using Prometheus, Loki, and Grafana

How to set up Prometheus, Loki, and Grafana on a free VPS with just 1 GB of RAM for a Go service. Stack comparison, configs, and Grafana dashboards

177. Spend Zero Time on DevOps with Render PaaS

Check out how efficient it is to create a new API using Go, and then deploy it to the Render PaaS, both for the first time with zero DevOps.

178. Filling And Flattening PDF Forms In Go With Examples

PDF forms are a convenient tool for gathering and storing information about your customers or users. This is a breakdown of how you can fill and flatten them.

179. Building Stupid Stuff

A first blog post to reduce (or increase?) the awkwardness.

180. Daily Coding Problem: Triangular Numbers and Big Divisors

Finding triangular numbers and their divisors

181. Automate and Deploy a Docker Container to Google Cloud Run from Scratch Using Pulumi and Go

Automate and Deploy a Docker Container to Google Cloud Run from Scratch using Pulumi and Go with minimal permissions.

Step by Step

182. Clean Code: Functions and Error Handling in Go: From Chaos to Clarity [Part 1]

Learn how to write clean Go functions that pass code review. Practical patterns for single responsibility, error handling, and the defer statement from 6 years

183. How to Embed Static Resources Into a Go Project

I wanted to create a small standalone web application in Go, the opposite of a regular web application

184. Clean Code: Interfaces in Go - Why Small Is Beautiful [Part 3]

Master Go interfaces: why single-method interfaces rule, accept interfaces return structs, and the nil interface gotcha that crashes production. From 6 years of

185. A Programmer's History of Golang

Go was created in 2007 to address the unique challenges of large-scale software projects. It's not about cramming in features but about trimming out the fat.

186. Building a Go Dependency Scanner From Scratch

Build a Go dependency scanner with the standard library: parse go.mod, query OSV for vulnerabilities, and analyze licenses.

187. A Guide to Familiarize Yourself With Workspaces in Go

Go 1.18 adds workspace mode to Go, which lets you work on multiple modules simultaneously.

188. Express Setup: Golang and Testcontainers Unwrapped

Do we need all of this just to run a couple of integration tests for the database? The answer is obviously no.

189. How to Build Your Own TODO-list Service With Golang and MongoDB

Many have wondered how a simple task sheet or applications that provide such functionality work. In this article, we will write a small TODO service.

190. Go's New Experimental Packages: What to Know

This blog post is about Go 1.25’s new experimental encoding/json/v2 and encoding/json/jsontext packages, which bring long-awaited improvements and fixes.

191. Weird Things About GOLANG [Part 1]

On a first glance when I started working on go, for me it seems very very weird language. I am working on node-js for two and more years and then start working on golang is not so cool for me.

192. Finally, a Way to Run Your Shopify Store Without Clicking Yourself Into Madness

ShopCTL lets you easily manage your Shopify store via the command line, offering quick commands to access your store’s data right from your terminal.

193. Here's How I Scaled A Cryptocurrency Exchange's Trading Engine to 1 Million TPS

Crypto exchange has been in great demand with the adaptability of cryptocurrencies surging and multiple new tokens/coins been put there attracting users by showcasing their great potential.

194. Skip List From Scratch: A Guide

A skip list is a probabilistic data structure that serves as a dynamic set. It offers an alternative to red-black or AVL trees.

195. ES7-style Async/Await Implementation in Golang

In Golang, we use goroutines to execute asynchronous tasks while these goroutines communicate with each other via the data structure called Channel.

196. 3 Golang Pitfalls Every Developer Needs to Know

Over-viewing common coding pitfalls we've encountered when we started to use GoLang for production systems

197. Go 1.25 is released - The Go Programming Language

Go 1.25 comes with improvements over Go 1.24 across its tools, the runtime, compiler, linker, and the standard library

198. Go’s 16th Anniversary and the Major Highlights of 2025

The Go team is applying its thoughtful and uncompromising mindset to the problems and opportunities of this dynamic space.

199. How to Accelerate Your Golang Backend With Supabase API

Boost your Golang backend with the Supabase API: A seamless guide to setting up and utilizing supabase for efficient database operations and authentication.

200. What Is Go Protobuf? Exploring The New Opaque API

This blog post explains the motivation for creating a new API and shows you how to use it in your projects.

201. Issues With Private Data and Confidentiality in Hyperledger Fabric [Deep Dive]

In many blockchain platforms such as Ethereum and Bitcoin, data confidentiality is a kind of excluded item in their blockchain framework. In these distributed blockchain platform transactions are executed in every participant node in the network. So, every transaction in the network can be visible to all the peers. The ledger update process through all the endorsed peers and has to reach an agreement among all before it committed successfully to the ledger. So, in this scenario creating a private record and comprises within a certain group of participants in the network is a complete “No”.

202. The Testing Hack That Makes Bugs Easier to Catch (and Code Easier to Read)

Table-driven testing simplifies how we test multiple input-output cases by organizing them like data rows.

203. How to Append to a Slice in Golang

Slices in go are not same as slices in other programming language

204. Is Kafka the Key? The Evolution of Highlight's Ingest

Building a distributed message processing queue using Apache Kafka requires some thought. We walk through how we process thousands of large messages per second.

205. The One Config to Rule Them All

Goplicate - An epic tale about a developer trying to maintain dozens of project config files and finding the one config to bind them and rule them all.

206. Does Golang Follow the Object Oriented Programming Paradigm?

Many are wondering whether Golang is a language that can apply the Object Oriented Programming paradigm. Let's discuss this here.

207. Hands-on IPLD Tutorial in Golang

This article was first published on our open-source platform, SimpleAsWater.com. If you are interested in IPFS, Libp2p, Ethereum, Zero-knowledge Proofs, DeFi, CryptoEconomics, IPLD, Multiformats, and other Web 3.0 projects, concepts and interactive tutorials, then be sure to check out SimpleAsWater.

208. How To Prevent Server Overload In Go

An in-depth guide on server overload, rate limiting, load shedding, Golang, and resilience.

209. Daily Coding Problem: Minimum Coins Count

Counting the minimum numbers of coin to reach a certain amount

210. What is the Best Way to Design a Budget-Friendly Mobile App?

Today to build a mobile application is a mandate for businesses. But, when it comes to investing money for that mobile application, most people have different strategies. Many enterprises believe that a quality mobile app development cost higher and that mobile apps developed with a low budget are bound to fail.

211. Publish Go Packages With Goreleaser

Goreleaser is awesome. It's a simple tool that allows you to release your go packages.

212. Daily Coding Problem: Remove the k-th Index From the Linked List in One Pass

Algorithm to remove an element from a linked list given its index in one pass only

213. Connecting Dots: Go, Docker and k8s [Part 1]

In this post my plan is to create open tcp port scanning tool, use GO and worker pool to make it very fast. Expose it via REST resource, containerise and deploy

214. Learning Go by Building a Specification-by-Example Framework

Beginning.

215. Clean Code: Structs, Methods, and Composition Over Inheritance [Part 2]

Write cleaner Go code. Learn how structs, methods, and composition replace OOP inheritance the idiomatic Go way.

216. Using the Kubernetes Controller for Envoy

Creating Kubernetes controller for Envoyproxy with xDS protocol and Custom Resource Definition

217. Golang: A Short History of My Tech Journey

The journey of a thousand miles begins with a single step. That's how everything in our tech journey begins. We all got here with a single step, that slowly became multiple steps. Before we know it, we are a thousand miles in. When I first started my career, I was in helpdesk. Now, I’m a developer advocate. The way that happened was with thousands of steps.

218. The Ten Best Programming Languages for Beginners to Learn in 2021

Here are my top ten best programming languages to learn first. Start from here, choose your path and get yourself on the road to your dream job.

219. Don't Procrastinate, GO Code!

This guide shows you how to write your first lines of GO code.

220. Go: The Testing/Synctest Package Explained

In Go 1.25, the testing/synctest package has graduated from experiment to general availability.

221. What Are Generics? An Introduction for Beginners

Generics are a way of writing code that is independent of the specific types being used. Functions and types may now be written to use any of a set of types.

222. Slack’n Go: Batch Presence Aware Bot

We shall create a Slack Bot in Go which aware of Batch Presence change event.

223. Application Testing In Go: Do It Right And Don't Create a Mess

Problem - How many times have we faced this problem of worrying about cleaning up after running test cases. When some of our test cases run, they might add data to our database or add files to our directory which we don’t want to worry about every time.

224. Prevent Errors From Growing With This New Framework

This is the story of how we started with a simple error handling approach, got thoroughly frustrated, and eventually built our own error framework.

225. Go Builds Packages, Not Files — Here’s Why That Matters

Go's build system isn't something to fight or work around. It's an API in its own right - one that rewards understanding.

226. Go: When Should You Use Generics? When Shouldn't You?

I’ll provide general guidelines, not hard and fast rules. Use your own judgement. But if you aren’t sure, I recommend using the guidelines shown here.

227. Inteview with Frank Müller: One Decade of Go - the Power of Concurrency

Frank Müller, Solution Engineer at Loodse, is one of the co-organizers of the GoDays conference in Berlin, which took place in January of 2020. It has been an exciting moment when Google announced its Language Go in 2009. After some hype and early years of establishing the language, it was settled as a robust and scalable fundament for networked systems. We invite you to enjoy a travel through a decade of our beloved Go within the interview of Grigory Petrov, Dev Rel at Evrone.com with Frank Müller.

228. Building a Type-Safe JSON Merge Pipeline in Go

A beginner-friendly walkthrough of a Go CLI tool that reads two JSON files, merges them, validates required fields, and writes the output based on my first real

229. Building a Simple Rest API with Go

After recently joining Central Tech, I was given my first project: implement a new product creation and querying API in Go. I took this as a chance for me to finally dive deep into Go, something I've been wanted to do after having heard praises about it from many others. I also decided to start detailing the things I learned along the way, both for personal reference and to ensure that I understand concepts enough to explain it in writing.

230. Go 1.21: A Guide to Profile Guided Optimization

We will run through an example of using PGO to improve the performance of an application. Before we get to that, what exactly is “profile-guided optimization”?

231. Retired Software Richard Eng Discusses Rust, Golang, Smalltalk, China and More!

Richard Eng 2020 Noonie Nominee for Blockchain from India has been nominated for a 2020#Noonie in the Future Heroes and Technology categories.. The Noonies are Hacker Noon’s way of getting to know — from a community perspective — what matters in tech today. So, we asked our Noonie Nominees to tell us. Here’s what Richard had to share.

232. The Top Backend Development Frameworks in 2023

Take a look at our annual breakdown of the top web backend frameworks in 2023. Leading the list is the clear leader NodeJS.

233. Now You Can Use GitHub Issues to Track Customer Feedback

If you need a simple issue tracker for your app I'd recommend looking into using Github issues via the API, at least until it stops working for you!

234. testing.B.Loop: Some More Predictable Benchmarking for You

Go developers who have written benchmarks using the testing package might have encountered some of its various pitfalls.

235. Build a Go Web API with the New Digital Ocean App Platform: A How-To Guide

Recently, Digital Ocean announced they're entering the PaaS market with their new application platform. They've hosted virtual machines (droplets) and Kubernetes based services for years, but now they're creating a platform that's a simple point and click to get an application up and running.

236. Go Fast, Small, and Productive With GolangSpell

Before reading this article, make sure you have a good understanding of basic concepts of software development as Algorithms, Object Oriented design, Domain Driven Design. These will be the building blocks to digest the contents.

237. Using the Kubernetes Controller for Envoy (Part 2)

In this article, I will show you how you can write a controller that will monitor changes in custom resources.

238. Why ‘Incomparable Types’ in Go Are More Than Just a Compiler Error

With this short post, I’ll walk you through what comparable is, why it’s useful and how you can leverage it for cleaner, type-safe Go code.

239. Top 5 IDEs and Tools for Golang Development

Top 5 IDEs and Tools for Golang Development - here is the list of top Golang IDEs that are worth your attention.

240. GoLang Programming Overview

An overview of golang programming language. Know the pros and cons of golang.

241. Some Things You Should Know About Maps in Go

Tips for working with go maps - deep copy and memory allocation.

242. Go Concurrency: Goroutines, Mutexes, WaitGroups & Condition Variables

Comprehensive guide to Go concurrency: goroutines, mutexes, WaitGroups, and condition variables with examples, best practices, and gotchas.

243. One Go Codebase, Five Platforms: My Cross-Platform Build Journey

Golang is a powerful language for Cross-Platform Development. Read this article to learn how Golang can target every mobile and desktop architecture today.

244. Serverless API with Terraform: GO and AWS [Part 2]

In part 2, we'll go over deploying serverless API to AWS Cloud with Terraform.

245. Prometheus + Grafana Turns Your Go App into a Real-Time Dashboard of Truth

Export custom Prometheus metrics from your Go application and visualize in Grafana

246. Building a Simple REST API in Go Without Frameworks

Learn how to build a RESTful API in Go from scratch using only the net/http package, in-memory data, and mutex for concurrency.

247. A Few Words on VS Code

Go has hard opinions about how you should style and format your code. The big upside of this is that you don't need to spend hours setting up tools like ESLint, Prettier, JSLint, etc. That said, in order to take advantage of the styling and listing tools available in the toolchain, you need a dev environment that makes them easy to use.

248. Understanding Concurrency in Golang with Goroutines: Latest Update in Version 1.23

Explore the power of Goroutines in Golang for concurrency management, including new enhancements in Golang 1.23 that optimize performance and memory usage.

249. What Is Type Inference? What It Is and How It Works

Here's everything you need to know about type inference, type pattern matching, type equations, and more.

250. Daily Coding Problem: Pascal’s Triangles and Space Complexity

Build Pascal's triangles with code, with different algorithms, analyze theirs speed and space complexity.

251. How to Find Unreachable Functions With Deadcode

Functions that are part of your project’s source code but can never be reached in any execution are called “dead code”

252. How to Build LLM-Powered Applications Using Go

This blog post works through an example of using Go for a simple LLM-powered application. It starts by describing the problem the demo application is solving

253. IoT Tutorial: Room Temperature Sensors From A Raspberry Pi, Using Go

In this tutorial, I’ll show you how to grab temperature from a Raspberry Pi and build an endpoint to store the data, with Go.

254. A Mistake That Could Cost You Millions: What it Is and How to Fix It

This small golang mistake could cost your business a million-dollar problem. You could easily avoid the mistake read the blog

255. Golang: Debugging CLI Applications in VSCode

How do debug CLI apps in VSCode? We'll see how to do it with a sample Golang app.

256. Go vs Rust: A Sto-array of Arrays

Want to see disappearing data in Go caused by an innocent append of data to an array? Can this happen in Rust, too? Check this data-driven horror story out!

257. How to Combine two Programming Languages: A Ruby and Golang Tutorial

During past projects, I experienced difficulties when developing with a Ruby encryption pack.

258. 10 Questions for Aswin Ganesh, Noonie Nominee for Functional Programming

The 2020 #Noonies are here! And they are both much greener and much bigger than last year. Among the 2,000+ deserving humans nominated across 5 categories for over 200 award titles, we discovered Aswin Ganesh from India, who’s has been nominated for Hacker Noon's Contributor of the Year in our Functional Programming category. Without further ado, we present to you, our big techy world in 10 questions, from the perspective of Aswin.

259. An Introductory Guide to Variables and Data Types in Go

Hello there! So today we would be learning about Go variables and the different data types associated with Go.

260. I Built a Go-Based ngrok Alternative With Zero Dependencies

Built a fast, zero-dependency ngrok alternative in Go using Cloudflare tunnels. Here’s how it works, why Go won, and what I learned.

261. Go 1.22: Bringing Math/rand and Crypto/rand together

This post is about how Go 1.22 brings the two closer together, by using a cryptographic random number source in math/rand.

262. How to Build a Status Monitoring Service in Go

Build a Go-based monitoring app that probes services, opens/closes incidents, sends Teams/Slack alerts, and exports Prometheus metrics in Docker.

263. Go 1.21: An Inside Look at Forward Compatibility and Toolchain Management

Go 1.21 introduced toolchain management, so that different modules can use different Go toolchains just as they can use different versions of a required module.

264. Guide to Integrating With Non-AWS Cloud Storage Services Supporting the S3 Protocol using Golang

In this article we learn about S3 protocol, how to Integrate with Non-AWS Cloud Storage Service that supports S3 protocol, and a little bit about wrapper.

265. How to Run Go in Your Browser With Web Assembly [ Tutorial ]

If you are familiar with the Go Playground, then you know how convenient it is to be able to have a Go scratchpad in the browser. Want to show someone a code snippet? Want to quickly test some syntax? Browser-based code pads a helpful. On that note, I created a new playground. The cool thing about this new playground that it doesn't use a remote server to run code, just to compile it. The code runs in your browser using web assembly (WASM).

266. Go (Golang): Your Cheatsheet On Ways To Create New Maps And Slices

There are quite a few ways to create new maps and slices in Go. Which one is best? Or perhaps better asked, which one is best in your situation? Let's take a look.

267. Build Your Own Blog at $5 a Month [A Step by Step Guide]

Blogging about tech is fun. Having your own blog allows you to help others, polish your skills, and maybe get you a job. Blogging on popular tech sites is great. Obviously you're reading this on Hackernoon, so you know I do it. It's fun. But having your OWN site to manage your content is important as well. This gives you freedom to do things exactly as you want, try out weird applications and patterns, and experiment.

268. Go 1.22: A Change in Loop Scoping

Go 1.21 includes a preview of a change to for loop scoping that we plan to ship in Go 1.22, removing one of the most common Go mistakes.

269. Training Neural Networks with Gorgonia

Deep learning and neural networks are very interesting subjects and Go language supports this technology using the framework Gorgonia.

270. How And When To Use Pointers in Go

Go has become increasingly popular in recent years, especially in my local area. It has been consistently displacing other backend languages like Ruby, Python, C# and Java. Go is wanted for its simplicity, explicitness, speed, and low memory consumption.

271. What Every Gopher Should Know About the Go Memory Model

Learn how Go's memory model defines visibility between goroutines using happens-before rules and synchronization primitives like channels and mutexes.

272. Pointer Pitfalls: A Simple Utility Function That Makes Pointers in Go Easier

Simpler way to deal with pointers in Go.

273. A Guide on How to Develop and Benchmark the Same Feature in Node and Go

Node vs Go: Same Feature, Different Design. Discover how two runtimes handle hot config reload differently, plus benchmark results showing Go's 1.9x performance

274. Backward Compatibility in Go: What to Know

This post is about the important work we shipped in Go 1.21 to keep Go boring.

275. New Feature in Go Makes it Easier to Iterate, Manipulate JSON Data

What if you could loop through your JSON data, grab the path of each item, and decide exactly what to do with it on the fly?

276. Top 10 Golang Bugs to Spot Fast in Code Reviews

Common Golang code bugs to point out quickly during code reviews.

277. 6 DevOps Trends in 2022 That DevOps Engineers Should Adopt

The role of DevOps engineers, their responsibilities, growth opportunities, a set of important soft & hard skills, and most importantly, DevOps trends in 2022.

278. A Beginner's Guide to Code Coverage for Go Integration Tests

In this blog post we’ll give an example of how these new features work, and outline some of the use cases and workflow for collecting coverage profiles

279. Container-aware GOMAXPROCS: What it is and Why It's Important

In this post, we will dive into how Go schedules goroutines, how that scheduling interacts with container-level CPU controls, and how Go can perform better.

280. Daily Coding Problem: Computing Big Exponentials

Calculating high exponentials with a simple algorithm

281. Free Extension To Scan Go Vulnerabilities in Visual Studio Code

If you’re a Golang developer using Visual Studio Code, keeping at-risk Go Modules out of your apps just got easier, and for free.

282. Generic Alias Types: Why We Need Them

This post is about generic alias types, what they are, and why we need them.

283. Generic interfaces: When to Use Them

In this post, we’ll discuss the use of interfaces with type parameters in a couple of common scenarios.

284. A Tour of Slog: Everything You Need to Know About Structured Logging With Slog

By including structured logging in the standard library, we can provide a common framework that all the other structured logging packages can share.

285. Introduction to Numeral Systems in Go

numeral is a Go package. It gives you the ability to create custom (positional) numeral systems and perform operations on them.

286. Examine Your App's Speed and Bottlenecks: A Tutorial to Mastering Performance Testing with K6!

Performance tests are useful for uncovering bottlenecks, and scalability issues.

287. Clean Code: Package Architecture, Dependency Flow, and Scalability [Part 4]

Learn how to organize Go packages, avoid import cycles, structure scalable projects, and use interfaces and internal directories the right way.

288. Everything You Need to Know About Go 1.23

Go 1.23 comes with many improvements over Go 1.22. Some of the highlights include: language changes, tool improvements, and standard library improvements.

289. Why Using "^" Instead of "<<" Causes Errors in Go Programs

How a simple ^ operator mistake in Go can degrade performance and cause hidden bugs—and how static analysis tools can detect the problem early.

290. Go Context Timeouts and External Calls: Cook Them Properly

Optimizing external service calls in Go with context package: balancing timeouts and performance for efficient operations.

291. The Top 25 Golang Interview Questions That'll Make You Question Your Life Choices

Here's a list of 25 Golang interview questions that'll probably keep you up at night.

292. Concurrency Bugs You Can’t See (Until Your System Fails in Production)

At first glance, the promise of concurrency is appealing, but lurking beneath that promise are several complex challenges.

293. Get Certified by CIA for Exploring Archives — my Golang Solution for Web Archive Data Extraction

Get Certified by CIA for Exploring Archives — my Golang Solution for Web Archive Data Extraction

294. Walking You Through WASI Support in Go

Go 1.21 adds a new port targeting the WASI preview 1 syscall API through the new GOOS value wasip1. This port builds on the existing WebAssembly port

295. Github Actions and Go: AreYouOk My URL?

Check and audit link/URL health using Github actions. Test dead links in a fast and efficient manner

296. Building an API with Go, PostgreSQL, Google Cloud and CockroachDB

A Golang API based on the game "Crisis Core: Final Fantasy VII", for simulating fusion of materia.

297. Debugging Microservices: A Journey into Distributed Debugging

A framework for debugging microservices using gRPC interceptors to automatically collect and propagate debug information across service calls.

298. Hands-on IPLD Tutorial in Golang: Part 2

Quick recap from PART-1

299. Go: Can It Mitigate Supply Chain Attacks?

It is an explicit security design goal of the Go toolchain that neither fetching nor building code will let that code execute, even if it is untrusted.

300. Reproducible Go Toolchains: What You Need to Know

This post explains what goes into making builds reproducible, and then demonstrates one of the benefits of reproducibility by verifying the Ubuntu package

301. Should You Rust, or Should You Go?

Let’s talk about Go versus Rust in 2024, with our special guest, John Arundel.

302. A Quick Coding Lesson On Go's ‘WaitGroup’ (vs. JavaScript's ‘PromiseAll’)

In applications that are i/o heavy, it can get clunky to synchronously execute high-latency functions one after the other.

303. Implement Your Own Tool Using HCL (Part 2)

This is the second part of my HCL series.

304. Leveraging Yandex Pandora: Stress Testing GRPC and Flatbuffer Services

Yandex Tank stress tests with Pandora for grpc and flatbuffer. Golang integration guide. Custom scenarios and load setup for robust service performance

305. µjson — A minimal JSON parser and transformer in Go

µjson is a minimal JSON parser and transformer that works on unstructured (and trusted) JSON. It works by parsing input and calling the given callback function when encountering each item.

306. Generating Images For My Dad’s Meetups With Go

I recently read a great article by Mat Ryer about programmatically generating images in Go and got inspired by it to solve a repetitive task I usually do every month.

307. How I Built My First Go App and The Deployed it to Heroku

In this tutorial, we'll learn to build and deploy a Go web service to Heroku, showcasing the ease of use, speed, and power of Golang for modern web services.

308. The HackerNoon Newsletter: Go Builds Packages, Not Files — Here’s Why That Matters (1/10/2026)

1/10/2026: Top 5 stories on the HackerNoon homepage!

309. How to Install Go on Linux - Tutorial

The Go programming language has become quite popular over the past few years. Why? The primary reason is that it has become the language of choice for distributed and highly scalable servers. Go was based on C and brings code efficiency to the table, which generates faster software and apps for businesses.

310. What You Have to Know About Syntactic Support for Error Handling

One of the oldest and most persistent complaints about Go concerns the verbosity of error handling.

311. How To Create a Simple Application Using Golangspell

For a couple of years I've been working with Golang, is such a great experience, Golang is a great language, in my opinion, simple, fast, and focused on high performance. But, not only it can help us to create a microservice that is fast, but we can also code quite quickly.

312. Clean Code: Concurrency Patterns, Context Management, and Goroutine Safety [Part 5]

A practical guide to clean, safe Go concurrency—covering context, goroutines, channels, patterns, pitfalls, and lessons learned from production systems.

313. Building a Better Debugging Experience: A Deep Dive into Capturing and Replaying gRPC Traffic

Debugging microservices is hard because it's difficult to see the data flowing between them.

314. Advantages Of Go Language For Creating Web Servers

The Go programming language is great choice for web server development and beyond.

315. Introducing CricLang: The Cricket-Inspired Programming Language 🏏

I made CricLang, a cricket-inspired programming language built on GoLang.

316. Everything You Need to Know About All Comparable Types

In this blog post, we hope to shine some light on the language mechanics behind all comparable types.

317. Building CLI Tools with Go (Golang): A JSON File Formatter

318. Go 1.21: Taking Your Go Apps to the Next Level

Discover Go 1.21's cutting-edge features: profile-guided optimization, min-max functions, clear function, loop variable enhancement, and more.

319. The Practical Way for Developers to Learn Algorithms

Many developers quietly assume Big-O and data structures are only for low-level specialists.

320. Go Concurrency Face-Off: Channels vs Mutexes

Demystify when to use channels and when to use mutexes, and why blindly following "Go concurrency patterns" can backfire.

321. Reveal Go Module Vulnerabilities With Xray

Golang developers care a lot about security and as Go modules become more widely used, they need more ways to assure these publicly shared files are safe.

322. BitBanged SPI in Go [Explained]

I’m going to focus mostly on some design decisions and how I went about writing an SPI interface using Go on a Raspberry Pi. I assume my readers have a basic understanding of what a Raspberry Pi is, and how basic electronics work. If not, read on anyway and I will be sure to include some valuable resources below.

323. How to Use Joblet: Secure Linux Process Execution Made Simple

Joblet is a lightweight process isolation platform that lets you run commands and scripts in secure, resource-controlled environments.

324. Here's What You Need to Know About Go 1.22

Go 1.22 comes with several important new features and improvements. Here are some of the notable changes; for the full list, refer to the release notes.

325. Kickstarting Your GoLang Journey

Embark on a 100-day journey to master Go Lang, a modern programming language ideal for cloud computing, web development, and DevOps.

326. The Internet Is Full of Duplicate Requests—Here’s How Smart Developers Prevent Them

Idempotency is an essential tool for preventing duplicate operations, improving API stability, and ensuring consistent behavior in unsafe HTTP methods.

327. Go Interfaces, Explained for TypeScript Developers

Go’s interfaces are behavioral typing, meaning a struct matches an interface as long as it has matching method signatures.

328. Crush Your Competition with Prometheus at Your Side!

Uncover Prometheus's secrets and use its capabilities to dominate the monitoring game!

329. Here's What You Need to Know About Vulnerability Management for Go

Go provides tooling to analyze your codebase and surface known vulnerabilities. This tooling is backed by the Go vulnerability database

330. As the Go Ecosystem Continues to Grow, gopls Continues to Scale

Gopls provides language-agnostic editors with IDE-like features such as auto-completion, formatting, cross-references, and refactoring.

331. How to Build a Production-Ready Go Diagnostic Rule

Build and ship a production-ready Go diagnostic rule using go/analysis.

332. Go Interfaces Are Just Like Magic

Discover how Go's implicit interface implementation simplifies code, reduces complexity, and promotes flexibility.

333. How to Organize Your Go Projects Like a Pro

Beginner’s guide to structuring Go projects with packages, internal folders, and imports — using a calculator project as an example.

334. The Search Experience on pkg.go.dev: How It Works

Search results for packages in the same module are now grouped together. The most relevant package for the search request is highlighted.

335. Abdullah Al Tarek Is Excited About the Upcoming Generics Feature in Golang

You know that feeling when you work really hard on something for really long and it feels like nobody really notices?

336. The HackerNoon Newsletter: The Physics of AI (10/27/2025)

10/27/2025: Top 5 stories on the HackerNoon homepage!

337. Connecting Dots: Go, Docker and k8s [Part 2]

Nowadays, the successful application often consists of containers and some sort of container management system to ease scaling, reduce downtime, and more.

338. The Routing Enhancements for Go 1.22 That You Have to Know About

Go 1.22 brings two enhancements to the net/http package’s router: method matching and wildcards.

339. GoLang Guide: Automating Data Consistency in DynamoDB

Discover automatic data deserialization in Go with DynamoDB. Learn through examples, and explore the pros and cons of using the Unmarshaler interface.

340. How To Setup An Effective Refactoring Process of a Heavy Database Interface

This story is about pain, agony, and denial of ready-made solutions. It is also about changes that improve the code’s readability and help the development team stay happy. The object of this post is an interface that helps a program communicate with a database.

341. The Noonification: Augmented Linked Lists: An Essential Guide (8/2/2024)

8/2/2024: Top 5 stories on the HackerNoon homepage!

342. Kubernetes Annotations: Harnessing Power in Operator Development

How you can harness the power of Kubernetes annotations to add new and flexible functionality to your custom operators!

343. Streamlining Go Concurrency Using a Worker Pool

Before you start spawning thousands of goroutines, let's take a step back and understand how to do this efficiently.

344. New WAL Archiving Tool ‘pgrwl’ Delivers Zero Data Loss for PostgreSQL in Containerized Environments

pgrwl enables zero data loss (RPO=0) PostgreSQL backups via streaming WAL archiving, built for containers with S3/SFTP support, compression, and encryption.

345. Constants in Go Vs. Constants in Javascript

Constants can be confusing and easy to misuse in Go if you are coming from an untyped language. In this article we will learn what constants are, and when it is best to make use of them.

346. Happy 15th Birthday Go!

Go is going strong! Go’s user base has more than tripled in the past five years, making it one of the fastest growing languages.

347. Binary Size in Go Applications: How to Use Go-size-analyze

Go is known for its simplicity and efficiency, but as projects grow in size, so can the binaries.

348. How to Migrate Your Blog from Pelican to Hugo

Recorded the journey I took to migrate my data science blog from Python-based Pelican to Golang-based Hugo, then deploy to Netlify for free.

349. I Needed Better Go Benchmark Visuals, So I Made Vizb

Vizb turns Go benchmark results into beautiful, interactive HTML charts with a single command.

350. Using Go Defer and Rust Drop to Defer the Call to Rollback

Forgetting to close things off in Go can potentially come back to bite you. The most basic and straightforward method is to call rollback or commit.

351. Optimizing OpenTelemetry Tracing with Multi-Stack Warehouse Components

352. Go Project Templates: How to Get Started

Anyone can write templates, which are packaged and distributed as modules, leveraging the Go module proxy and checksum database for better security

353. Generic Functions on Slices: A Guide to Help You Understand

In this blog post we’ll discuss how you can use these functions more effectively by understanding how slices are represented in memory

354. Why Parallelism Isn't Always Concurrency (and Vice Versa)?

An in-depth exploration of concurrency and parallelism in Go, covering key concepts.

355. Reliable Protection of User Data: Hashing and Obfuscation

In the digital era, the volume of user data being processed is growing at a geometric rate.

356. Breaking Down and Explaining Type Parameters

Since all Go types can be built up from component types, we can always use type parameters to deconstruct those types and constrain them as we like.

357. Go Execution Traces Have Become More Powerful

Thanks to work by Felix Geisendörfer and Nick Ripley on optimizing the efficiency of tracebacks, the run-time CPU overhead of execution traces has been cut

358. Build a Command-Line Tool for Skyline Queries in Golang

Learn how to implement skyline queries in Go using real datasets, CLI tools, and visualize skyline points from a CSV file—no backend needed.

359. math/rand/v2: How It's Evolving the Go Standard Library

This blog post is about Go 1.22’s new math/rand/v2 package, the first “v2” in the standard library.

360. Telemetry in Go: How We've Improved It

Go 1.23 provides a new way for you to help improve the Go toolchain.

361. Go 1.23: The New, Unique Package That Comes With It

The standard library of Go 1.23 now includes the new unique package. The purpose behind this package is to enable the canonicalization of comparable values.

362. Well-Known Concurrency Problems and How Go Handles Them

Explore classic concurrency problems in Go. Including producer-consumer, dining philosophers, and rate limiting with simple code examples and clear explanation.

363. How Hot Does it Get Inside a Car During a Heat Wave?

Using a Raspberry Pi to measure the temperature inside a Ford Focus during a record-breaking heatwave.

364. Operator Performance Tuning: Building a GUI for Prometheus Metrics Visualization in Kubernetes

An in-depth exploration of how I built a terminal-based dashboard to display Kubernetes operator Prometheus metrics for local development

365. Efficient Concurrency in Serverless Architectures with Go and AWS

Goroutines let you run multiple operations in parallel within one request.

366. How to Use KEDA and Prometheus to Scale your Kubernetes Workloads

Learn how to scale your kubernetes deployments with keda and prometheus

367. Go-CoNLLU Introduction: OSS Tool For Machine Learning Support in Go

Python is commonly seen as the AI/ML language, but is often a dull blade due to unsafe typing and being slow, like really slow. Many popular natural language processing toolkits only have Python APIs, and we want to see that change. At Nuvi, we use Go for the majority of our data processing tasks because we can write simple and fast code. Today we are open-sourcing a tool that has helped make our ML lives easier in Go. Say hello to go-conllu.

368. Unlock the Secrets of Range Loops: How Element Evaluation Affects Your Go Code

Discover how Go's range loops work, common pitfalls to avoid, and tips for writing efficient, bug-free code. Elevate your Go programming skills today!

369. Meet Gno.land: The Smart Contract Platform That Will Improve Our Understanding of the World

Gno.land is the first L1 smart contract platform to use Gnolang (Gno), an interpretation of Go, to address accessibility and ease of use in web3 development

370. ZUSE Is What Happens When IRC Meets Go, Bubble Tea, and Lipgloss

ZUSE is an IRC client for your terminal crafted with the elegance and power of Go, Bubble Tea, and Lipgloss.

371. Why I Ditched JavaScript and Built a SaaS Stack With HTMX, Go & Postgres That Just Works

I have now built two apps using this stack.

372. How to Implement your Own Tool Using HCL (bc I Hate YAML)

Do you hate YAML? Then learn how to build your next tool on HCL!

373. Inside Go Channels: Buffers, Locks, and the Runtime Memory Model

Go channels look simple, but under the hood they use buffers, queues, and scheduler tricks. Explore hchan, sudog, and Go’s concurrency model.

[374. The HackerNoon Newsletter: Clean Code: Interfaces in Go - Why Small Is Beautiful Part 3](https://hackernoon.com/11-19-2025-newsletter)

11/19/2025: Top 5 stories on the HackerNoon homepage!

375. The Noonification: Dear America, I Am Breaking Up With You (5/26/2024)

5/26/2024: Top 5 stories on the HackerNoon homepage!

376. "I want people to be able to access content without too many restrictions" #Noonies2021

As someone in the tech industry, I believe that the most exciting open-source technology of the present is Kubernetes because of its general-purpose nature.

377. Say Farewell to Core Types: The Benefits of Getting Rid of It

For the upcoming Go 1.25 release (August 2025), we decided to remove the notion of core types from the language spec in favor of explicit prose where needed

378. Building Modular Code with Composition: Go vs TypeScript

Learn how Go and TypeScript handle composition to build flexible, modular code without rigid inheritance hierarchies.

379. GoLang Guide: Manual Handling of Inconsistent DynamoDB Data

This GoLang guide covers handling inconsistent DynamoDB data types with manual conversion, offering examples, pros, cons, and future advanced methods.

380. Cloud Infrastructure Can Set Legacy Data Free

For a long time, it’s been widely accepted that startup businesses can gain an edge over larger, establishment rivals, due to their lack of legacy tech baggage. For example, modern challenger banks have – in terms of features and UX at least – ran rings around the traditional stalwarts thanks to their modern IT and data systems.

381. Range Over Function Types: The New Feature in the Go 1.23 Release

Range over function types is a new language feature in the Go 1.23 release. This blog post will explain what exactly it is and how to use it.

382. Pre-IBC Hackathon—Get Your Spacesuits Ready for HackAtom V

IBC is coming. Come and hack on it before it gets shipped on Cosmos Hub mainnet.

383. BitBanged Serial Peripheral Interface in Go on Raspberry Pi [Explained]

I’m going to focus mostly on some design decisions and also how I went about writing an SPI interface using Go on a Raspberry Pi. I assume my readers have a basic understanding of what a Raspberry Pi is, and how basic electronics work. If not, read on anyway and I will be sure to include some valuable resources below.

384. Ethereum Nodes and Clients: A Quick Guide

The Ethereum protocol is used by a variety of different networks. Each of these networks is effectively its own Ethereum environment.

385. This Lightweight Tool Flags Breaking Changes Before You Ship

Release Impact Analyzer for Go projects — catch breaking API changes, docs updates & important file diffs — fast.

386. Advanced Process Manager for Linux Earns a 49.5 Proof of Usefulness Score

APM runs, monitors, and proxies apps from a single binary, simplifying Linux service management, earning a 49.5 Proof of Usefulness score.

387. How to Build a High-Performance Concurrent Leaderboard in Go

Build a scalable, concurrent leaderboard in Go using sharding, heaps, and RWMutex to handle live updates and efficient Top-N queries.

388. I Built A Handy Browser Plugin To Search Docs And Packages Directly From The Address Bar

Hi all. I'm so honored to introduce my product: Go Search Extension, a handy browser plugin to help every Go developer search docs and package in the address bar instantly.

389. Kubepatch Lets You Patch Kubernetes Without Touching Your Base Manifests

Patch Kubernetes manifests cleanly across environments with kubepatch—no templates, no YAML hacks, just pure declarative patches.

390. Katomik Brings Atomic Apply and Rollback Support to Kubernetes Manifests

Deploy safely with Katomik—a CLI tool that applies Kubernetes manifests atomically with rollback support to prevent partial or failed updates.

Thank you for checking out the 390 most read blog posts about Golang on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

235 Blog Posts To Learn About Go

LearnRepo — Tue, 04 Aug 2026 23:00:49 +0000

Let's learn about Go via these 235 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

Go is an open-source programming language developed by Google, known for its simplicity, efficiency, and strong support for concurrent programming. Go is increasingly popular for building scalable network services, microservices, and high-performance systems.

1. In-Memory Caching in Golang

How to implement in-memory cache in Golang App

2. ChatGPT Go Libraries: A Comparison With Examples

Comparison of ChatGPT API clients for Go language

3. Mastering Synchronization Primitives in Go

Golang's Goroutines make it easy to run code concurrently. We can simply add the keyword “go” in front of a function call to make it run in a separate routine, or asynchronously.

4. This 150-Line Go Script Is Actually a Full-On Load Balancer

This article will show you how to create a simple HTTP load balancer in Go, using only the standard library.

5. How To Create Golang REST API: Project Layout Configuration [Part 1]

6. GO Design Patterns: An Introduction to SOLID

Adopt SOLID design principles in GO for better code quality and easier software maintenance.

7. Some insights on Maps in Golang

Article is about maps internal structure, hashes and performance. How data is actually stored inside.

8. Go: Handling JSON in MySQL

9. PostgreSQL Transaction Isolation Levels with Go Examples

Illustration composed from MariaLetta/free-gophers-pack, original gopher by Renee French.

10. No-stress CUDA programming using Go and C

11. Understanding sync.Cond in Go: A Guide for Beginner's

Understanding sync.Cond in Go that is a synchronization primitive used for coordinating goroutines by allowing them to wait for a specific condition.

12. Generate Swagger Doc Files From Go Code Using Go-swagger

In this article, I will try to explain basic ideas on how to generate swagger docs using go-swagger package.

13. 6 Best Go Programming Books Ranked by Reviews

Learning Go and Black Hat Go are some of the best Go programming books based on their review scores.

14. Practice with Functional Programming in Go

Take a look at a functional programming paradigm in Go

15. A Comprehensive Guide for Using DuckDB With Go

A comprehensive guide how to use popular embedded OLAP database DuckDB with Go.

16. NATS JetStream — a New Way to Create Resilient Message Queue

Today, I'll walk you through how to use NATS JetStream with a Golang app.

17. Leveraging Multithreading To Read Large Files Faster In Go

18. Comparing Optimistic and Pessimistic Locking With GO and PostgreSQL

Comparison between Optimistic and Pessimistic locking with Golang and PostgreSQL

19. Goroutines: How to Run Concurrency Code in Go

Try out concurrency in Go on a simple example. What are greenthreads and asynchronous preemtpion? Understanding channels by using worker-pool pattern.

20. GO Design Patterns: An Introduction to Builder

Streamlining Your Code: An Introduction to the Builder Pattern in Go

21. Introducing Bun: A Golang ORM

Bun is a SQL-first Golang ORM for PostgreSQL, MySQL/MariaDB, MSSQL, and SQLite. It supports migrations, fixtures, and performance monitoring.

22. How to Make Global Constant Maps and Slices in Go

23. Custom TraceID in Elastic APM

24. How to Detect and Delete Emojis in Golang

I encountered an issue when 10 million messages with emoji were written in the MySQL table with utf8 encoding.

25. Real Time Data Processing: Easily Processing 10 Million Messages With Golang, Kafka and MongoDB

How fast Golang can be for processing a high number of messages coming from a Kafka topic?

26. Golang Unsafe Type Conversions and Memory Access

Illustration composed from MariaLetta/free-gophers-pack, original gopher by Renee French.

27. How to Use Maps Safely in Go

Different ways to protect maps from concurrent access in Golang.
Golang, concurrent programming, sync.Mutex, sync.RWMutex, sync.Map, channels

28. 'Hello, World!' in Golang - How to Develop a Simple Web App in Go

I'm going to show you how easy it is to develop a simple web application in Go, package it as a lightweight Docker image, and deploy it to Heroku.

29. How to Use Consul as a Host Resolver in gRPC

Recently, I faced with lack of documentation when I wanted to use Consul as a host resolver in gRPC connections. That’s why I wanted to write this story.

30. Go and sync.Pool

The garbage collector (GC) does not collect garbage constantly, but at certain intervals.

31. How to Encode a URL in Go

URL encoding in Go (Golang) is the process of converting a string into a URL-encoded format that is safe to include in a URL.

32. Concurrency in Golang And WorkerPool [Part 1]

Project Link: https://github.com/Joker666/goworkerpool

33. Unit Test AWS Lambda in Go

34. Validating Zero Enum Value in the Protocol Buffer

How to validate that an enum value field in Protobuf can not be empty? Turn out that is not supported directly by Protobuf!

35. Why Do Developers Love Working With Google's Go Programming Language?

With the extensive number of programming languages available out there, for any language to emerge among the best is no easy feat.

36. 5 Best Practices for Integrating with External APIs

the must-have practices if you use external APIs

37. Go and Protocol Buffers (Quick Tutorial)

How to use Protocol Buffers in Go using proto3.

38. Master the Art of Command Line: Your Ultimate Guide to Developing Powerful Tools

Command line tools are programs that can be executed from a terminal or command prompt, allowing users to interact with a computer system through typed commands

39. How to Remove Duplicates in Go Slices

Different ways to remove duplicates in slices in Go, a powerful language whose lack of tools makes learning this necessary if you want to make full use of it.

40. Understanding Mux and Handler by Writing Your Own RESTful Mux

In this article, we will try to understand two crucial Go concepts - mux and Handler.

41. Building a Media Streaming Server Using Go And HLS Protocol

42. Golang ― More Error Handling with Less Checking

Error checks are essential but turn to noise without automatic propagation. Fixing Go's error-handling.

43. Golang: Using systemd for Zero Downtime Restarts and Deploys

By configuring a systemd socket, you can tell systemd to listen on the configured ports and start your service with a copy of the listening sockets.

44. How a Go Program Compiles down to Machine Code

45. Concurrency in Golang And WorkerPool [Part 2]

Project Link: https://github.com/Joker666/goworkerpool

46. Generic Programming in Go

Generic Programming in Go using different methods: interfaces, typecasting, Generic Functions

47. Let’s Go tiny with tinyGo

Go was designed at Google in 2007, the evolution of this language is tremendous. Nowadays we are almost can create any kind of application using Go, from API, tooling, game, library, and so on. So how about the embedded system or today hot term as IoT, can we use Golang for this kind of application? The answer is yes, we can.

48. How to Connect a Python and Go App Using gRPC and Mutual TLS

This tutorial walks you through the process of connecting services written in Python and Go via the gRPC framework using mutual TLS authentication.

49. How To Generate A PDF Report From HTML with Go

HTML for PDF in Go for creating quality PDF reports with Table of Contents, Bookmarks and other important native PDF features.

50. How to Find and Fix Goroutine Leaks in Go

Learn how to identify and fix goroutine leaks in Go applications using techniques like monitoring, profiling, and tools like Prometheus and Grafana.

51. Security Considerations in Golang

52. Billion-Dollar Mistake in Go?

The following sample code is from Go's standard library documentation:

53. Go's Cryptography Packages Were Audited: The Results

The audit produced a single low-severity finding, in the legacy and unsupported Go+BoringCrypto integration, and a handful of informational findings.

54. Is Go faster than Java? - The Wrong Question to Ask

This means to compare programming languages on what really matters, which in most cases, specifically in the enterprise world, is how efficient it is to develop

55. Modern Hashing With Go: A Guide

Let's break down everything you need to know about using hash functions in Go, with plenty of real-world examples you can start using today.

56. How To Create Golang REST API: Project Layout Configuration [Part 3]

57. How to Build a Bitcoin Telegram Bot

I created a simple Telegram bot that could retrieve Bitcoin's Price to convince my friends that Telegram is far superior to Whatsapp.

58. How to Use GoReleaser to Automate GoLang Build Releases

This is a quick start for GoReleaser to automate the building and publishing GoLang projects.

59. Kong Plugins as Microservices: Writing a Single-Plugin Server for Kong in Go

Many developers and DevOps engineers have been deploying Kong Gateway in front of their microservices-based applications.

60. Protobuf Under the Hood: How Serialization and Deserialization Work in Go

Protocol Buffers (Protobuf) is a fast, efficient, and language-agnostic data serialization mechanism.

61. Getting to Know gRPC

Need a quick beginner's guide to gRPC? What is it? How do you set up a client and server, and make an RPC call? All your answers are here!

62. How to Develop a Facebook Messenger Bot in Golang

A comprehensive guide on how to create a Facebook Messenger bot in Golang.

63. Optimizing Memory Usage in Golang: When is a Variable Allocated to the Heap

Optimize memory usage in Golang by understanding stack vs heap allocation, escape analysis, and improving performance with efficient memory management

64. Introduction to RDS Proxy: Exploring with Benchmarks in Go

A deep dive into the performance characteristics of RDS Proxy vs RDS

65. Pointer and Nil in Go: Reasons Why You Should Be wary

The harmful part of Go that you might not be aware of.

66. Understanding the Basic Concepts of Heap Data Structure in GoLang

We are trying to learn the basic concepts about heaps like inserting and extracting data from heaps and also the time complexity of heaps.

67. Understanding Concurrency Patterns in Go

Explore Go’s concurrency patterns, including worker pools, fan-out/fan-in, and pipelines, to build efficient, robust, and scalable applications.

68. Top 5 Trends in Software Development for 2019

Everything is moving extremely quickly in the software industry, so it requires a lot of effort just to keep up. This is exactly why we, at Coding Sans, publish the State of Software Development survey every year. To learn what is happening in the industry at the moment, and see how trends are forming over time.

69. 5 Programming Languages To Kickstart your Software Development Career

5 Programming Languages To Learn In 2022. Python is in the boom, mainly due to Data Science and Machine Learning.

70. Making a Simple Service App for a Yocto-Based Linux Distro

I decided to make the first steps in Yocto-oriented software development and make a rather simple service app for Yocto-based Linux distro.

71. Purity in My Programming: Functions in Go

72. Flight Recorder: A New Go Execution Tracer

Flight recording is now available in Go 1.25, and it’s a powerful new tool in the Go diagnostics toolbox.

73. Checking Palindrome With Generics in Go 1.18

Palindrome checking function in go that can receive integer or string. Utilize new generics feature in Go 1.18.

74. Interfaces in Go

What are Interfaces in Golang?

75. Golang: Declarative Validation Made Similar to Ruby on Rails

Using declarative validation in Golang, in a similar way to Active Record validations.

76. 2 Error-Free Options for Decimal handling in Golang

CockroachDB and using a popular database are two error-free options for decimal handling in Golang.

77. How to Create a Dynamic Pipeline Route in Go

Is it possible to create a pipeline with dynamic routes in Go? How to do it?

78. Serverless API with Terraform, GO and AWS, Part 1

79. Creating Production Grade Microservices with Go and gRPC

Microservices have emerged as a powerful architectural paradigm for developing complex, scalable, and maintainable software systems.

80. How to Track Email Effectiveness in Mixpanel Analytics w/Latenode.com

Learn how to seamlessly incorporate Mixpanel analytics into your email communication by integrating it with Mailgun using Latenode.com automation platform.

81. Mastering Go Channels for Elegant Synchronization

Channels in Go are a core part of the language's concurrency model, which is built around the principles of Communicating Sequential Processes.

82. Everything You Need To Know About Managing Go Processes

Explore techniques for managing blocking processes in Go, focusing on signal handling, process groups, & platform-specific considerations in linux environments.

83. Node.js vs Go vs SpringBoot: Performance Comparison for I/O Bound App

Find out how Node.js, Go, and SpringBoot performs for I/O bound app (URL shortener service).

84. A Step-by-step Guide for Building a Simple TODO App With Gin-gonic in Zerops

Learn how to build a sample CRUD TODO API written in GO using gin-gonic, one of the most popular web frameworks, which saves data to a PostgreSQL database

85. Managing Go Module Pseudo-Versions in Go 1.13

Go modules have helped bring order to Go development, but there’s been some disorder lurking. Managing module pseudo-versions can be difficult, especially with some of the latest changes to Go.

86. Passing and Returning Structured Datatypes to and From Go WebAssembly Module

We will write our guest application in Go, compile it to Wasm with TinyGo, and embed it with Wasmtime runtime into the host application, also written in Go.

87. Why Front End Developers Going Full Stack Should Choose Go

So you’re a front end developer, and you want to learn some backend stuff. You want to become a full stack developer someday, so where do you start? Google’s Go language is an excellent place.

88. Golang: a RESTful API Using Temporal Table With MariaDB

Temporal tables are a type of database table that store historical data, allowing users to query the data as it existed at specific points in time.

89. Bloom Filter Basics in Go

Learn about Bloom filters: memory-efficient data structures using hashing for fast set membership queries.

90. The 3 Important Lessons I Learned From Implementing Raft in Go

Implementing Raft was an overall great experience that added many practical tools under my belt and improved my proficiency with Go.

91. Native Fuzzing in Go 1.18

Go adds fuzzing as a part of its testing tools. This feature is planned for the 1.18 release and is already available for beta testing

92. fmt.Sprintf: Looks Simple But Will Burn A Hole in Your Pocket

Explore efficient string concatenation and conversion in Go using alternatives to fmt.Sprintf for better performance and lower memory usage.

93. Fixing Race Conditions in Go with Redis-Based Distributed Locks

Go's 'sync.Mutex' is a lock designed to lock critical sections of code.

94. How One ExpressJS Programmer Visited Go Land

95. Pet Projects are Fun

96. What Is so Great About Golang?

Check out why you should use golang for your next project

97. Choosing the Right Microservices Framework

Microservices architecture is a methodology that allows you to split a monolithic single application into small applications and services.

98. Spend Zero Time on DevOps with Render PaaS

Check out how efficient it is to create a new API using Go, and then deploy it to the Render PaaS, both for the first time with zero DevOps.

99. Filling And Flattening PDF Forms In Go With Examples

PDF forms are a convenient tool for gathering and storing information about your customers or users. This is a breakdown of how you can fill and flatten them.

100. What Heroku is Good For

You've probably heard about Heroku by now, but do you really know how Heroku works and when it should be a consideration?

101. Using the Events API to Build a Slack Bot

I’m a huge fan of automating working processes. I try to automate everything and save my coworkers time.

102. How to Embed Static Resources Into a Go Project

I wanted to create a small standalone web application in Go, the opposite of a regular web application

103. Building a Go Dependency Scanner From Scratch

Build a Go dependency scanner with the standard library: parse go.mod, query OSV for vulnerabilities, and analyze licenses.

104. A Guide to Familiarize Yourself With Workspaces in Go

Go 1.18 adds workspace mode to Go, which lets you work on multiple modules simultaneously.

105. The Noonification: How to Use React to Replace useEffect (12/31/2022)

12/31/2022: Top 5 stories on the Hackernoon homepage!

106. Go's New Experimental Packages: What to Know

This blog post is about Go 1.25’s new experimental encoding/json/v2 and encoding/json/jsontext packages, which bring long-awaited improvements and fixes.

107. Weird Things About GOLANG [Part 1]

On a first glance when I started working on go, for me it seems very very weird language. I am working on node-js for two and more years and then start working on golang is not so cool for me.

108. Implementing a Web Service With Go and Fiber

Let’s learn the basics of web development with the help of Go programming language and Fiber framework and write the most uncomplicated web service.

109. ES7-style Async/Await Implementation in Golang

In Golang, we use goroutines to execute asynchronous tasks while these goroutines communicate with each other via the data structure called Channel.

110. 3 Golang Pitfalls Every Developer Needs to Know

Over-viewing common coding pitfalls we've encountered when we started to use GoLang for production systems

111. Go 1.25 is released - The Go Programming Language

Go 1.25 comes with improvements over Go 1.24 across its tools, the runtime, compiler, linker, and the standard library

112. Go’s 16th Anniversary and the Major Highlights of 2025

The Go team is applying its thoughtful and uncompromising mindset to the problems and opportunities of this dynamic space.

113. Discover the Pros and Cons of the top Web Development Languages

Choosing the correct language for web development can be difficult.

114. What Is Go Protobuf? Exploring The New Opaque API

This blog post explains the motivation for creating a new API and shows you how to use it in your projects.

115. Does Golang Follow the Object Oriented Programming Paradigm?

Many are wondering whether Golang is a language that can apply the Object Oriented Programming paradigm. Let's discuss this here.

116. How To Prevent Server Overload In Go

An in-depth guide on server overload, rate limiting, load shedding, Golang, and resilience.

117. How to Deploy Go + Templ + HTMX + TailwindCSS to Production

In this article, I will be showing you how to deploy the GoTTH stack (Go Templ htmx tailwind) to production.

118. Publish Go Packages With Goreleaser

Goreleaser is awesome. It's a simple tool that allows you to release your go packages.

119. Daily Coding Problem: Remove the k-th Index From the Linked List in One Pass

Algorithm to remove an element from a linked list given its index in one pass only

120. Golang: A Short History of My Tech Journey

121. Don't Procrastinate, GO Code!

This guide shows you how to write your first lines of GO code.

122. Go: The Testing/Synctest Package Explained

In Go 1.25, the testing/synctest package has graduated from experiment to general availability.

123. How to Force Slack to Make Your User Appear Online

How to get the green dot to turn on for slack users with a headless browser because their API just won't allow it.

124. What Are Generics? An Introduction for Beginners

Generics are a way of writing code that is independent of the specific types being used. Functions and types may now be written to use any of a set of types.

125. The All-Purpose Programmer: Episode 1 - "Hello World"

I love to learn, I love to code. I'm on a journey to learn (at least the basics of) several new languages to enhance my resume. Join me!

126. Prevent Errors From Growing With This New Framework

This is the story of how we started with a simple error handling approach, got thoroughly frustrated, and eventually built our own error framework.

127. gRPC Between Web and Server: A Simple gRPC Communication

A simple gRPC communication between a web browser and server with an Envoy proxy.

128. Go: When Should You Use Generics? When Shouldn't You?

I’ll provide general guidelines, not hard and fast rules. Use your own judgement. But if you aren’t sure, I recommend using the guidelines shown here.

129. Building a Type-Safe JSON Merge Pipeline in Go

A beginner-friendly walkthrough of a Go CLI tool that reads two JSON files, merges them, validates required fields, and writes the output based on my first real

130. Go 1.21: A Guide to Profile Guided Optimization

We will run through an example of using PGO to improve the performance of an application. Before we get to that, what exactly is “profile-guided optimization”?

131. testing.B.Loop: Some More Predictable Benchmarking for You

Go developers who have written benchmarks using the testing package might have encountered some of its various pitfalls.

132. Build a Go Web API with the New Digital Ocean App Platform: A How-To Guide

133. Top 5 IDEs and Tools for Golang Development

Top 5 IDEs and Tools for Golang Development - here is the list of top Golang IDEs that are worth your attention.

134. Daily Coding Problem: Rotating Matrices

In this article we are building an algorithm to rotate a matrix by a certain degree, doing this with in-place and not-in-place algorithms

135. Some Things You Should Know About Maps in Go

Tips for working with go maps - deep copy and memory allocation.

136. Serverless API with Terraform: GO and AWS [Part 2]

In part 2, we'll go over deploying serverless API to AWS Cloud with Terraform.

137. Building a Multi-Language Monster Pipeline? Here’s the Smart Way to Do It

Instead of forcing every team or process to use the same tech stack, build a modular, interoperable pipeline where each function operates independently.

138. A Few Words on VS Code

139. Understanding Concurrency in Golang with Goroutines: Latest Update in Version 1.23

Explore the power of Goroutines in Golang for concurrency management, including new enhancements in Golang 1.23 that optimize performance and memory usage.

140. What Is Type Inference? What It Is and How It Works

Here's everything you need to know about type inference, type pattern matching, type equations, and more.

141. Daily Coding Problem: Pascal’s Triangles and Space Complexity

Build Pascal's triangles with code, with different algorithms, analyze theirs speed and space complexity.

142. How to Find Unreachable Functions With Deadcode

Functions that are part of your project’s source code but can never be reached in any execution are called “dead code”

143. How to Build LLM-Powered Applications Using Go

This blog post works through an example of using Go for a simple LLM-powered application. It starts by describing the problem the demo application is solving

144. How Goroutines Behave on CPU-Bound vs I/O-Bound Tasks

Goroutines can supercharge Go apps—or slow them down. Learn when they help, when they hurt, and how to benchmark your workloads.

145. Go 1.22: Bringing Math/rand and Crypto/rand together

This post is about how Go 1.22 brings the two closer together, by using a cryptographic random number source in math/rand.

146. Go 1.21: An Inside Look at Forward Compatibility and Toolchain Management

Go 1.21 introduced toolchain management, so that different modules can use different Go toolchains just as they can use different versions of a required module.

147. Guide to Integrating With Non-AWS Cloud Storage Services Supporting the S3 Protocol using Golang

In this article we learn about S3 protocol, how to Integrate with Non-AWS Cloud Storage Service that supports S3 protocol, and a little bit about wrapper.

148. Go (Golang): Your Cheatsheet On Ways To Create New Maps And Slices

There are quite a few ways to create new maps and slices in Go. Which one is best? Or perhaps better asked, which one is best in your situation? Let's take a look.

149. Tracing Go’s Garbage Collection Journey: Reference Counting, Tri-Color, and Beyond

Garbage collection (GC) is one of the most critical components of any modern programming language runtime.

150. Creating Homebrew Formulas with GoReleaser

We chose to use GoReleaser with our distro of the OpenTelemetry Collector in order to simplify how we build and support many operating systems and architectures

151. Go 1.22: A Change in Loop Scoping

Go 1.21 includes a preview of a change to for loop scoping that we plan to ship in Go 1.22, removing one of the most common Go mistakes.

152. Training Neural Networks with Gorgonia

Deep learning and neural networks are very interesting subjects and Go language supports this technology using the framework Gorgonia.

153. How And When To Use Pointers in Go

154. Pointer Pitfalls: A Simple Utility Function That Makes Pointers in Go Easier

Simpler way to deal with pointers in Go.

155. Backward Compatibility in Go: What to Know

This post is about the important work we shipped in Go 1.21 to keep Go boring.

156. New Feature in Go Makes it Easier to Iterate, Manipulate JSON Data

What if you could loop through your JSON data, grab the path of each item, and decide exactly what to do with it on the fly?

157. A Beginner's Guide to Code Coverage for Go Integration Tests

In this blog post we’ll give an example of how these new features work, and outline some of the use cases and workflow for collecting coverage profiles

158. Efficient Enterprise Data Solutions With Stream Processing

Enterprise data solutions—handling myriad data sources and massive data volume—are expensive. Stream processing reduces costs and brings real-time scalability.

159. Container-aware GOMAXPROCS: What it is and Why It's Important

In this post, we will dive into how Go schedules goroutines, how that scheduling interacts with container-level CPU controls, and how Go can perform better.

160. Daily Coding Problem: Computing Big Exponentials

Calculating high exponentials with a simple algorithm

161. How to Build a URL Shortener in Go: A Short Guide

In this article, I will be going through how to make a URL shortener in Go. The final result will look something like this shortr, source code.

162. Generic Alias Types: Why We Need Them

This post is about generic alias types, what they are, and why we need them.

163. Generic interfaces: When to Use Them

In this post, we’ll discuss the use of interfaces with type parameters in a couple of common scenarios.

164. A Tour of Slog: Everything You Need to Know About Structured Logging With Slog

By including structured logging in the standard library, we can provide a common framework that all the other structured logging packages can share.

165. Introduction to Numeral Systems in Go

numeral is a Go package. It gives you the ability to create custom (positional) numeral systems and perform operations on them.

166. Gopher Pythonista #1: Transitioning from Python to Go

The transition from one language to another doesn't need to be hard. Especially, when you are building backend apps in Python and you want to switch to Go.

167. Everything You Need to Know About Go 1.23

Go 1.23 comes with many improvements over Go 1.22. Some of the highlights include: language changes, tool improvements, and standard library improvements.

168. Here's How to Test Concurrent Code With Testing/Synctest: Go 1.24

This post will explain the motivation behind this experiment, demonstrate how to use the synctest package, and discuss its potential future.

169. The HackerNoon Newsletter: DevOps Isnt a Tool, Its a Chain Reaction (11/8/2025)

11/8/2025: Top 5 stories on the HackerNoon homepage!

170. How Order in iF Statement Impacts on Performance

Explore how optimizing condition order in code led to a 50% performance boost in Skaffold's latest update. Learn practical tips for improving code efficiency.

171. Go Context Timeouts and External Calls: Cook Them Properly

Optimizing external service calls in Go with context package: balancing timeouts and performance for efficient operations.

172. The Top 25 Golang Interview Questions That'll Make You Question Your Life Choices

Here's a list of 25 Golang interview questions that'll probably keep you up at night.

173. Get Certified by CIA for Exploring Archives — my Golang Solution for Web Archive Data Extraction

Get Certified by CIA for Exploring Archives — my Golang Solution for Web Archive Data Extraction

174. Walking You Through WASI Support in Go

Go 1.21 adds a new port targeting the WASI preview 1 syscall API through the new GOOS value wasip1. This port builds on the existing WebAssembly port

175. Everything You Have to Know About Go 1.24

Go 1.24 comes with many improvements over Go 1.23. Here are some of the notable changes; for the full list, refer to the release notes.

176. Hands-on IPLD Tutorial in Golang: Part 2

Quick recap from PART-1

177. Why I Switched to Table Driven Testing approach in Go

Table driven tests, also known as parameterized tests, have became very popular over the past few years due to their ability to eliminate repetition.

178. Go: Can It Mitigate Supply Chain Attacks?

It is an explicit security design goal of the Go toolchain that neither fetching nor building code will let that code execute, even if it is untrusted.

179. The 2022 State of Software Engineers Report

Hired released its 2022 State of Software Engineers, a report that analyzes key software engineering trends around demand, salaries, skills, and preferences.

180. Reproducible Go Toolchains: What You Need to Know

This post explains what goes into making builds reproducible, and then demonstrates one of the benefits of reproducibility by verifying the Ubuntu package

181. Should You Rust, or Should You Go?

Let’s talk about Go versus Rust in 2024, with our special guest, John Arundel.

182. A Quick Coding Lesson On Go's ‘WaitGroup’ (vs. JavaScript's ‘PromiseAll’)

In applications that are i/o heavy, it can get clunky to synchronously execute high-latency functions one after the other.

183. µjson — A minimal JSON parser and transformer in Go

µjson is a minimal JSON parser and transformer that works on unstructured (and trusted) JSON. It works by parsing input and calling the given callback function when encountering each item.

184. How I Built My First Go App and The Deployed it to Heroku

In this tutorial, we'll learn to build and deploy a Go web service to Heroku, showcasing the ease of use, speed, and power of Golang for modern web services.

185. How to Install Go on Linux - Tutorial

186. Go Interfaces – Stepping Beyond the Fundamentals

It's time to take a deeper dive into how interfaces work under the hood, common pitfalls, and advanced best practices.

187. What You Have to Know About Syntactic Support for Error Handling

One of the oldest and most persistent complaints about Go concerns the verbosity of error handling.

188. How To Create a Simple Application Using Golangspell

189. Everything You Need to Know About All Comparable Types

In this blog post, we hope to shine some light on the language mechanics behind all comparable types.

190. Building CLI Tools with Go (Golang): A JSON File Formatter

191. The HackerNoon Newsletter: Gos New Experimental Packages: What to Know (12/20/2025)

12/20/2025: Top 5 stories on the HackerNoon homepage!

192. Go 1.21: Taking Your Go Apps to the Next Level

Discover Go 1.21's cutting-edge features: profile-guided optimization, min-max functions, clear function, loop variable enhancement, and more.

193. Overlapping Rectangles: A Daily Coding Problem

How to calculate the area size of two overlapping rectangles with an algorithm using go.

194. Go Concurrency Face-Off: Channels vs Mutexes

Demystify when to use channels and when to use mutexes, and why blindly following "Go concurrency patterns" can backfire.

195. Here's What You Need to Know About Go 1.22

Go 1.22 comes with several important new features and improvements. Here are some of the notable changes; for the full list, refer to the release notes.

196. Kickstarting Your GoLang Journey

Embark on a 100-day journey to master Go Lang, a modern programming language ideal for cloud computing, web development, and DevOps.

197. Here's What You Need to Know About Vulnerability Management for Go

Go provides tooling to analyze your codebase and surface known vulnerabilities. This tooling is backed by the Go vulnerability database

198. As the Go Ecosystem Continues to Grow, gopls Continues to Scale

Gopls provides language-agnostic editors with IDE-like features such as auto-completion, formatting, cross-references, and refactoring.

199. Implementing Red-Black Tree in Go — Part 2: The Delete Operation

We figured out how the search and insert operation works in the red-black tree in the first part. In this part, we figure out how the delete operation works.

200. Go Interfaces Are Just Like Magic

Discover how Go's implicit interface implementation simplifies code, reduces complexity, and promotes flexibility.

201. How Go 1.24 Enhances its WebAssembly Capabilities

Go 1.24 enhances its WebAssembly (Wasm) capabilities with the addition of the go:wasmexport directive and the ability to build a reactor for WebAssembly System

202. How to Organize Your Go Projects Like a Pro

Beginner’s guide to structuring Go projects with packages, internal folders, and imports — using a calculator project as an example.

203. The Noonification: Understanding sync.Cond in Go: A Guide for Beginners (4/29/2024)

4/29/2024: Top 5 stories on the HackerNoon homepage!

204. The Search Experience on pkg.go.dev: How It Works

Search results for packages in the same module are now grouped together. The most relevant package for the search request is highlighted.

205. Connecting Dots: Go, Docker and k8s [Part 2]

Nowadays, the successful application often consists of containers and some sort of container management system to ease scaling, reduce downtime, and more.

206. The Routing Enhancements for Go 1.22 That You Have to Know About

Go 1.22 brings two enhancements to the net/http package’s router: method matching and wildcards.

207. Boost Your API Development Skills: Implementing GraphQL in Go

GraphQL is a powerful tool for modern API development due to its flexibility, efficiency, and developer-friendly features.

208. Constants in Go Vs. Constants in Javascript

Constants can be confusing and easy to misuse in Go if you are coming from an untyped language. In this article we will learn what constants are, and when it is best to make use of them.

209. What You Have to Know About the New Features in Go 1.24: Cleanups and Weak Pointers

These new features are the runtime.AddCleanup function, which queues up a function to run when an object is no longer reachable, and the weak.Pointer type.

210. Happy 15th Birthday Go!

Go is going strong! Go’s user base has more than tripled in the past five years, making it one of the fastest growing languages.

211. The HackerNoon Newsletter: Flight Recorder: A New Go Execution Tracer (12/13/2025)

12/13/2025: Top 5 stories on the HackerNoon homepage!

212. Go Interfaces: Favoring Composition Over Inheritance (With a Dash of Common Sense)

Coming from a language like C# or JavaScript, interfaces in Go can feel like a cruel joke.

213. Using Go Defer and Rust Drop to Defer the Call to Rollback

Forgetting to close things off in Go can potentially come back to bite you. The most basic and straightforward method is to call rollback or commit.

214. Go Project Templates: How to Get Started

Anyone can write templates, which are packaged and distributed as modules, leveraging the Go module proxy and checksum database for better security

215. Generic Functions on Slices: A Guide to Help You Understand

In this blog post we’ll discuss how you can use these functions more effectively by understanding how slices are represented in memory

216. Breaking Down and Explaining Type Parameters

Since all Go types can be built up from component types, we can always use type parameters to deconstruct those types and constrain them as we like.

217. Go Execution Traces Have Become More Powerful

Thanks to work by Felix Geisendörfer and Nick Ripley on optimizing the efficiency of tracebacks, the run-time CPU overhead of execution traces has been cut

218. math/rand/v2: How It's Evolving the Go Standard Library

This blog post is about Go 1.22’s new math/rand/v2 package, the first “v2” in the standard library.

219. Telemetry in Go: How We've Improved It

Go 1.23 provides a new way for you to help improve the Go toolchain.

220. Go 1.23: The New, Unique Package That Comes With It

The standard library of Go 1.23 now includes the new unique package. The purpose behind this package is to enable the canonicalization of comparable values.

221. Webdevs Are Melting 🫠 Typescript Will Be 10x Faster Thanks To Go Language

There’s no other thing on earth that brings a smile to soon-cease-to-exist (apparently) developers as faster tools.

222. Go-CoNLLU Introduction: OSS Tool For Machine Learning Support in Go

223. ZUSE Is What Happens When IRC Meets Go, Bubble Tea, and Lipgloss

ZUSE is an IRC client for your terminal crafted with the elegance and power of Go, Bubble Tea, and Lipgloss.

224. The HackerNoon Newsletter: How to Set Up Simhub With Gran Turismo 7 (4/27/2025)

4/27/2025: Top 5 stories on the HackerNoon homepage!

225. Let’s Have a Talk About Go Slices

Today we will discover Slices, one of the core data structures in Go.

226. Range Over Function Types: The New Feature in the Go 1.23 Release

Range over function types is a new language feature in the Go 1.23 release. This blog post will explain what exactly it is and how to use it.

227. I Made ezpkg.io: Simplify Your Go Projects with Reusable Packages

I created ezpkg.io to have all these utilities and packages in one place.

228. How to Get Faster Go Maps Using Swiss Tables

In this blog post, we’ll look at how Swiss Tables improve upon traditional hash tables

229. BitBanged Serial Peripheral Interface in Go on Raspberry Pi [Explained]

230. The HackerNoon Newsletter: Your Personality is a Lie (10/4/2025)

10/4/2025: Top 5 stories on the HackerNoon homepage!

231. This Lightweight Tool Flags Breaking Changes Before You Ship

Release Impact Analyzer for Go projects — catch breaking API changes, docs updates & important file diffs — fast.

232. The HackerNoon Newsletter: What The Heck is DeltaStream? (12/12/2024)

12/12/2024: Top 5 stories on the HackerNoon homepage!

233. Ritual Protocol Reimagines Secret Storage

What if your password couldn't be stolen — because it doesn't exist? Not hidden, not encrypted, not split between servers. Just... not there. Until you need it.

234. The HackerNoon Newsletter: My Experience With KCDC 2025: Is It Worth Going to? (8/23/2025)

8/23/2025: Top 5 stories on the HackerNoon homepage!

235. I Built A Handy Browser Plugin To Search Docs And Packages Directly From The Address Bar

Hi all. I'm so honored to introduce my product: Go Search Extension, a handy browser plugin to help every Go developer search docs and package in the address bar instantly.

Thank you for checking out the 235 most read blog posts about Go on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

248 Blog Posts To Learn About Git

LearnRepo — Tue, 04 Aug 2026 15:00:23 +0000

Let's learn about Git via these 248 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. - Git.scm.com

1. How to Delete Commits From Remote in Git

This article explains how to remove commits from a remote server in Git.

2. Git Push and Pull Tips and Tricks

Pushing to a remote by default pushes to a branch with the same name for example

3. Git Branch Naming Convention: 7 Best Practices to Follow

Git branching naming conventions support the organic growth of a codebase in a systematic way. It helps in separating the work strategically.

4. Why Git Is A Great Documentation Management Tool

Sometimes not only documentation but also the process of working on it may be critical. For example, in the case of projects, the lion’s share of the work is related to preparing documentation, and the wrong process may lead to errors and even loss of information, and, consequently, loss of time and benefits. But even if this topic is not central to your work, the right process can still improve the quality of the document and save you time.

5. Customize Oh My Zsh with Syntax Highlighting and Auto-Suggestions

As a developer, we spend a lot of time working on the terminal and
having personalized shell makes the working environment perfect,
decreases frustration and also, increases productivity.

6. A Guide to Git with Trunk Based Development

Learn the mindset and process behind Trunk Based Development, and how to use git effectively with this pattern.

7. How to Authenticate Your Git to GitHub with SSH Keys

Authenticate your local machine git's to GitHub using SSH authentication. You do not need to type username and password anymore with this easy addition.

8. Build a Self-Hosted Online Second Brain Like Evernote

How to use Platypush and other open-source tools to build a notebook synchronized across multiple devices

9. A Guide on How to Host Your Own Git-Server With Raspberry Pi

Hosting your own git server can be a fun learning experience used to understand the ins and outs of what goes into maintaining a codebase.

10. From Git Flow to CI/CD: A Practical Guide to Implement Git Workflow

How to evaluate and improve your current Git workflow, and reduce overhead in development and release processes.

11. How To Push To Git When Your File Is Too Large?

Pushing to git when a file is too large (more than 100MB)

12. How to Clean Your Git History

An informal talk about some very useful git commands.

13. How to Fetch Large Data Files Through GitHub API

At Hackernoon, I had a task to fetch some files from GitHub API. Initially, I thought it'd be a simple GET request but soon I realized the work is a headache. The file I needed was quite large and hence the response was telling me to use something different than I already knew. I ended up spending two days on this issue.

14. Annotated and Lightweight Git Tags

Tags are a simple aspect of Git, they allow you to identify specific release versions of your code. You can think of a tag as a branch that doesn't change. Once it is created, it loses the ability to change the history of commits.

15. How to Get the Last Successful Git Commit SHA in Jenkins

In this article, we will explore how to get a Git commit SHA from the last successful Jenkins build for further use in the upstream builds on different agents.

16. Top Differences Between Tags and Branches In Git You Must Know

New to version control? Welcome! 👋 Understanding the lingo is very important. This can be overwhelming, but don’t worry, you’ll get there!

17. Why You Can Sometimes Use git push -f: Rewriting Code Repository History

One of the first admonitions that a young Padawan gets together with access to git repositories is: “never use git push -f”. Since this is one of the hundreds of maxims that a novice software engineer needs to learn, no one takes the time to clarify why this should not be done. It’s like with babies and fire: “matches are not toys for children”, and that’s it. But we grow and develop both as people and as professionals, and one day the question “actually, why?” may arise.

18. Things You Must Know About git-crypt To Successfully Protect Your Secret Data

Many software projects use secrets - usually, keys to external APIs or credentials to access an external resource such as a database. Your application needs these keys at runtime, so you need to be able to provide them when you deploy your application, or as a step in preparing your deployment environment.

19. How the Creators of Git Do Branching

And another showing a linear history of the same project that uses fast-forward merges as Adam recommends:

20. Install and Configure Git on Amazon Lightsail, and Deploy Your Website in Minutes! (Freebie Inside)

We break down how to easily deploy your new website on Amazon Lightsail in less than 5 minutes. Get your code up and running and get back to doing what you want

21. Understanding TypeScript Maps & Types

Let's get real for a moment, Navigating the treacherous waters of TypeScript type definitions for a Map can sometimes feel like trying......Why, you ask?

22. Pull Request Checklist: What You Need to Do Before Assigning a PR to Someone

If you work in a team opening a Pull Request (or Merge Request) looks appropriate. It’s a common practice nowadays. However, have you ever thought about opening a Pull/Merge Request when working by yourself?

23. Pull Request Etiquette: 20 Core Principles For Handling PRs As A Software Developer

“Pull requests let you tell others about changes you've pushed to a branch in a repository on GitHub. Once a pull request is opened, you can discuss and review the potential changes with collaborators...” - Github

24. 10 GitHub Repositories to Follow

GitHub is a well-known platform to share all kinds of technologies. The following article contains the 10 most widely used GitHub repositories.

25. 7 Rules for Writing a Good Commit Message

In this article, we’ll outline a widely accepted yet simple format for good commit messages.

26. Learn How to Stop Tracking Files After Adding It to .gitignore in 4 Steps

When a file is tracked, adding it to .gitignore will not cause it to go untracked. Learn how to untrack a file that you have recently added to .gitignore.

27. How to Configure VS Code for Java in 2022

VS Code is Java-ready! Learn which extensions to use and how to configure it to start coding Java in a modern IDE.

28. GIT: Explained in 5 Levels of Difficulty

I will explain GIT in five levels to different audiences.

29. How to Really Use Git: 10 Rules to Make Git More Useful

Git is awesome if you know how to use it effectively. It's not just a backup system! Here are 10 best practices for version control with Git.

30. Time to Rewrite your Git History Effectively with git reflog

In this article, you'll learn how to utilize git reflog to re-organize and rewrite your Git commit history effectively and easily.

31. Step-to-Step eBook to Learn the Git and GitHub Basics💡

This is an open-source introduction to Git and GitHub guide that will help you learn the basics of version control and start using Git for your SysOps, DevOps,

32. How To Rename Your Git Repositories From "Master" to "Main"

Until recently, almost every Git repository had a default branch named "master". But thankfully, as part of a movement to make the tech industry more inclusive and open, many software teams and open source projects are moving away from this unhealthy naming.

33. GitLab vs GitHub: Repositories, CI, Deployment, DevOps, Pricing, and Documentation

Interested in understanding the debate of Gitlab vs Github? Which one is better in 2020? Which one should you pick?

34. Delta Compression: Diff Algorithms And Delta File Formats [Practical Guide]

A diff algorithm outputs the set of differences between two inputs. These algorithms are the basis of a number of commonly used developer tools. Yet understanding the inner workings of diff algorithms is rarely necessary to use said tools.

35. Can You Restore A Deleted Commit on Git?

Git became already a standard in software engineering. There is no need to talk about the importance of the version control system nowadays. Even more, it is hard to imagine any kind of project without it. Constant changes to the code and continuous release cycles require that.

36. Ten Useful Git Log Tricks

If you are using Git for a while you should have come across git log. As everyone knows, the git log is a simple command that helps us to
view the changes or project history.

37. Clean Stale branches with Github Actions

Automate staled branches management routine with Github Actions.

38. Why Is Git So Complicated

Git is meant to always give you back the data exactly as it was saved OR let you know the repository is corrupted. And it does an amazing job with it.

39. A Beginner's Guide to GIT: Chapter 1

Hello World!

40. This Is What I Learnt After Making Over 1,000 Code Reviews

This story was originally published on my blog. If you're interested in this kind of content, feel free to check it out and subscribe :)

41. How To Delete Files or Folders From Remote Git Repository

GIT is great, it has made collaboration with other developers so easy, I can’t thank GIT enough. But GIT is vast and not every command remains on my mind. I find myself googling over and over again to get that right GIT command that can solve my problem.

42. Continuous Integration (CI) Branching Strategies: What You Need to Know

When you have multiple developers working on the same code, you may face a lot of challenges when merging. That's where branches come in.

43. Git Tutorial: How to Easily Exclude Files During Git Add without Manual Entry

Every day we use the "git add" command a lot to add our changes to the index for new commits, but have you ever wondered how we can add all the changed files...

44. Understanding 'Git', 'Bash', and 'Git Bash'

Do you know when you install Git Bash on windows what exactly you are installing? Git or Bash? In this article, I will explain everything about them.

45. Supercharge Your DevOps With Git Hooks

Supercharge your DevOps with Git Hooks, the simple, efficient, and easiest solution to most of your DevOps needs!

46. 5 Open Source Alternatives to Auth0 to be Excited About in 2024

5 open source alternatives to Auth0 for robust authentication and user management in 2024.

47. How To Use Git Merge: Beginners Guide

Isolating features into different branches is a crucial practice for any serious developer. By separating each feature, bugfix or working experiment you will avoid a lot of problems and keep your development branches clean.

48. Reset, Revert and Checkout in Git

Git toolbox provides multiple unique tools for fixing up mistakes during your development. Commands such as git reset, git checkout, and git revert allow you to undo erroneous changes in your repository.

49. A Walk-Through to Github For Beginners

And slowly github became the new facebook for coders where instead of posting pictures and life events people post code for projects and your fellow developers comment, request features and fork the code to suit there needs.Brian Doll, GitHub’s vice president of strategy says “If you look at the top 100 sites, you’ve got a handful of social sites, thirty flavors of Google with national footprints, a lot of media outlets — and GitHub”

50. Getting Started with GIT And Github

Have you ever thought that how these applications in our phone get updates? The answer is simple it is a Version Control System.

51. Experimenting With Sapling, the New Git Client From Meta

Sapling is a new source control system developed by Meta. Working with stacked PRs in sapling is a pleasure. And it works well with GitHub's Review UI.

52. The Git Cheat Sheet

Git is one of the most popular Version Control Systems out there, you can think of it as a way to take snapshots (commits in Git nomenclature) of your code in a specific state and time, just in case you mess things up later and want to go back to a stable version of your code. It’s also a great way to collaborate if you combine it with GitHub.

53. Git Branches

In the current era, most software development companies work in a collaborative environment where several developers contribute to the same source code. While some will be fixing bugs the others would be implementing new and different features. The problem raises, how to maintain different versions of the same code base?

54. How to Fix the "Detached HEAD" State in Git

Git commits are immutable—meaning you can create new ones, but what’s already inside will never be changed.

55. The Best Ways to Write Git Commit Messages: Just Like the Pros

A commit message should have a proper style, content, and metadata.

56. Understanding the Staging Area in Git

In this article, we will be discussing the staging area in Git and how it is a fundamental part of version control and can be used effectively in git.

57. Enhancing Your Git Commit Messages

Photo by Yancy Min on Unsplash

58. How To Deploy Multiple Sites to Firebase Hosting using GitHub Actions

Welcome back! We will learn how to automate the deployment of multiple sites to Firebase hosting using GitHub Action in this tutorial. GitHub provides a freemium (free for open source) CI/CD tool that is integrated with their repository.

59. Two Friendly Tools Of a "10X Engineer"

Hi Everyone, Hope you all Programming geeks are doing well. In today's modern Software Industry, there are two types of engineers:

60. How to Use Git Rebase to Squash a Sequence of Commits to a New Base Commit

What is a Git rebase and how do you use it? Rebasing is one of the two Git processes of integrating changes from one branch to another.

61. Basic Git Workflow For Beginner Software Developers

Make it a habit to run git status before doing anything on a repository. I just learned this today and wanted to write it down to make it stick on my mind - or get familiar with it.

62. Release Driven Development: Building a Minimalistic Release Pipeline with Github Actions

Building a minimalistic release pipeline with a Spring Boot app, Github Actions, and DigitalOcean.

63. Unlocking IaC Part 4: Terraform & Github

Nothing will kill your ambitions to work with code faster than losing all your progress every time you 'build. The solution to this problem is Git

64. 3 Easy Steps to Change Main Git Branch on Heroku

I just saw that Heroku created the ability to git push heroku from main instead of master. Since I've been wanting to change my Git repos away from master anyway, I thought I'd check it out myself. Luckily, it was extremely simple.

65. Setting Up Husky 8 With Lerna

Learn everything you need to know about setting up Husky 8 with Lerna in this useful step-by-step guide.

66. Here's What I Found on Scanning 2.6 Million Domains for Exposed Git Directories

A scan of over 2.6 million domains revealed over 1000 publicly exposed git directories. Next to complete source code I found many credentials and api secrets.

67. Tips for Writing Good Commit Messages

In this article, I’d like to share my opinion on how to write good commit messages that would make your git log useful and improve your code review process.

68. Why GitOps is so exciting?

Initially, we have seen DevOps, DevSecOps and many other ops but nowadays a new terminology “GitOps” is getting famous. Its fame has reached to this level that it was a trending topic at KubeCon.

69. How to Link GitHub and Jira Without Installing Any Apps

This story covers basic GitHub Jira Integration without requiring admin privileges to install apps on Jira.

70. The Coders' Handbook: Tools of the Trade

Git, debugging, testing, the terminal, Linux, the cloud, networking, patterns/antipatterns - what even is this mess? Don't worry we'll go through it from beginning to end (all the way, I promise) everything you need to know to collaborate proficiency with others.

71. Rewriting Git History With Confidence: A Guide

We work with Git all the time.
Did you ever get to a point where you said: “uh-oh, what did I just do?”
This post will give you the tools to rewrite history.

72. 15 Essential GitHub Repos for Web Developers in 2021

Using Github Repositories can be a helpful tool to learn coding. Here are 15 Most Valuable GitHub Repos for Web Devs in 2021 and what you can learn from them.

73. Building Homebrew Taps for Private GitHub Repos

How to create private homebrew taps

74. Reflinks vs symlinks vs hard links, and how they can help machine learning projects

Hard links and symbolic links have been available since time immemorial, and we use them all the time without even thinking about it. In machine learning projects they can help us, when setting up new experiments, to rearrange data files quickly and efficiently in machine learning projects. However, with traditional links, we run the risk of polluting the data files with erroneous edits. In this blog post we’ll go over the details of using links, some cool new stuff in modern file systems (reflinks), and an example of how DVC (Data Version Control, https://dvc.org/) leverages this.

75. 6 GitHub Repositories For Instant Knowledge Boost

Github is not only a place for storing our code and sharing libraries with other developers. Thanks to powerful Markdown syntax it’s possible to create sort of wiki pages. There are thousands of great resources in the Github - some of them are so big that recommending them is pointless.

76. How To Cleanup Your Local Git Repository Using BFG

77. Exploring the New GitHub CLI

Github just released it’s own Command-Line Interface (CLI) so developers can now do everyday GitHub tasks from the terminal. Yay! This means no more squiggling around the UI. With this new CLI, you can now view, create, clone, or fork repositories, create, view, and edit gists, you can also work with pull requests and issues right from the terminal.

78. Write Git Commit Messages That Your Colleagues Will Love

Git commit messages are how we communicate to our future selves. In this post, I'll share the three most important rules when creating a commit.

79. Why Taking Good Notes is Critical For Developers

Why taking good notes is critical for a software developers?

80. Exposing Secrets on GitHub: What to Do After Leaking Credentials and API Keys

As a developer, if you have discovered that you have just exposed a sensitive file or secrets to a public git repository, there are some very important steps to follow.

81. Why You Shouldn’t Be Afraid of Rebases in Git

Rebases are a way of making your crude commit history into something you’ll want to share with the rest of your team.

82. An Introduction to Holochain: Concept, Architecture, and DHTs

Holochain is a git (free and open source distributed version control system) that does not require Proof of Work (PoW) and Proof of Stake (PoS). It is based on the DHT (distributed hash table) protocol utilized by BitTorrent for data lookup and file sharing.

83. Literally Everything the Hacker Noon Dev Team Did in 2019

Below is a list of every PR that was merged at Hacker Noon in 2019. In the coming weeks, expect to see regular product updates (with a bit more context 😉), but for now, please enjoy this dump of commit messages I put together in 15-20 minutes.

84. Using Git Merge to Merge Changes from other Branches

Git provides a powerful tool by letting us create branches

85. 7+ Free Git Tutorials, Classes and Courses for Programmers at any Skill Level

This article was made possible by Udemy.

86. A Guide to Staying Sane While Working with Git

How to work with git

87. How to Get Started with Data Version Control (DVC)

Data Version Control (DVC) is a data-focused version of Git. In fact, it’s almost exactly like Git in terms of features and workflows associated with it.

88. A Guide to Closing a Pull Request — Merge Commit vs Squash vs Rebase on GitHub

Still using Merge Commit for closing every Pull Request? You might miss out on some advantages of Rebase or Squash.

89. Git and GitHub Explained

A brief introduction to Git and Github, two services that the vast majority of developers are intimately familiar with thanks to how incredibly useful they are.

90. Git-Flow is the Source of Productivity, Not Confusion

The architecture of the development workflow is designed based on the quality and quantity of releases. Here, quality refers to the state of bug-free or feature set in each release. And, quantity refers to the number of releases over the course of development. This architecture is not usually that complex; however, it can be a source of confusion.

91. How to Use Git to See Recent Changes in a Specified Time Period

Have you ever gone on a long holiday and wanted to check the updates your team has made since 2 weeks ago?

92. It Isn't Just GitLens: 6 Cool VS Code Extensions to Supercharge Git

Yes, I know, we should all be terminal ninjas, memorising every git command yadda yadda. Or, like the caveman, we could put two sticks together (or in this case

93. Git & Github for Dummies

Learn the basics of Git and GitHub.

94. Git Commands That Every Developer Must Know

Git, an open source distributed version control system has been helping developers over a decade now. It is a great tool for tracking source code changes during software development. However, there are a lot of git commands, and this article lists the most important ones that will help your team get work done efficiently.

95. How GIT Works Deep Inside

A short article about how Git hash-based decentralized filesystem work

96. 7 Ways You Can Use Git to Boost Productivity

Git is the most popular source control system. In this post, I'll show some of these features that will make your work easier when using Git.

97. Lesser-Known Git Commands to Elevate Your Version Control

Certain Git commands are like old friends: pull, commit, push, rebase, stash, and checkout. But within Git's vast expanse lies a world of lesser-known commands.

98. Step-by-Step Guide for Installing Gitea on Debian 11

How you can ditch the Big Git and self host your own gitea server.

99. How to Integrate Playwright in Your GitHub Action CI

In this post I will go through all the info you need to integrate Playwright in your CI without any problem.

100. Git blame - Figuring Out Who Modified a Line With Git

Have you ever found a bug inducing line change in your code, and wondered who made the change to that line? Fortunately, git has a command for that

101. How to Make an Unforgettable Code Review? Guide for Authors

Code review is an integral part of any software development process. Here are a couple of rules for making great code review.

102. The Git Commands Your Career Will Depend On

Here are my most used Git commands

103. The Most Useful Git Commands for Junior Android Developers

Junior Android developers should make sure to master these Git commands before they even get their first job.

104. Share All Your Cool Tricks and Tips for Using Git and GitHub Effectively [Writing Prompt]

If you’re interested in writing about Git as in the process of learning, developing the code and the job interviews, feel free to use these writing prompts.

105. Unlocking IaC Part 5: What Is Git Branching?

Git branches are separate lines of development that diverge from the main codebase.

106. What Git Could Look Like in Web 3.0

A Distributed Version Control System that can be navigated via a block explorer.

107. Writing Good Commit Messages: A Practical Guide

To create a useful revision history, teams should first agree on a commit message convention to use, and this also applies to personal projects.

108. If you’re still using GitFlow I feel bad for you son (or woman)

I got 99 problems but my branching strategy ain't one.

109. What are the Best Dev-friendly collaboration Tools for Remote Teams?

The right tools for remote developers can help engineers overcome most difficulties.

110. Stashing in Git

Imagine that you are working on a part of a project and it starts getting messy. There has been an urgent bug that needs your immediate attention. It is time to save your changes and switch branches. The problem is, you don’t want to do a commit of a half-done work. The solution is git stash.

111. How to Get Started with Parallel Programming in Git in Under 2 Minutes

There are many Git tips and best practices available on the internet that can help you in your day to day activities.

112. Docs-as-Code: Managing Content is Easy When it’s Distributed

Few months back, I got a call from GitLab for a technical writer position.
One of the question was about treating document as a code and what’s my
view on that. The question was about treating document as part of a
continuous integration and continuous deployment system. That question
came at the time when I wasn’t treating doc as code and ironically, I now have a perspective.

113. 🕵️‍♂️ Learning to Use Git Alias to Boost Your Productivity

Repeating the same git commands over and over again can be such a waste of time!

114. Introduction to Git: Basic Commands Everyone Should Know

In the previous article, we talked about the basic concepts of Git every developer should know. In this article, I will be explaining to you what Git is, and the basic commands to get you up and running. Let’s get started!

115. 7 Git Practices to Start Using in Your Next Commit

Every software has best practices. Git is not different. It has become the most used versioning system in the last years. Many companies adopted git because of its features. If you wonder why git is so powerful, here are some of the advantages over other versioning systems, like Subversion:

116. The Git Flow Process is a Great Way to Manage Your Software Releases

The Git Flow process is a proven method for managing version control and release of software.

117. Understanding the Open Source Culture: Best Practices to Contribute Effectively

Here are some of the best practices that you can take up for your next open source contribution.

118. How to Avoid Git Disasters (Gitstasters) Part 1: Git Reset

Deepen your understanding of git internals and learn what to do when you wish you had the opportunity to go back in time and fix your mistakes,

119. The BitBucket vs GitHub Breakdown You Should Read

I’ve created this “BitBucket vs GitHub” content piece to help you make a better decision when picking between the two.

120. Now You Can Use GitHub Issues to Track Customer Feedback

If you need a simple issue tracker for your app I'd recommend looking into using Github issues via the API, at least until it stops working for you!

121. C# Automation: Using .Net Core To Organize My Downloads Folder

Clean up your digital life with a cross-platform .Net bot. Organize files effortlessly by type and date.

122. GitHub is Amazing, but its Terms of Service is Extremely Concerning

Lots of websites have a termination clause, even Hackernoon, however, when it comes to the case of open source software this can be extremely concerning. The reason goes much deeper than you think.

123. 5 Simple Tips to Become a Better Programmer

Developing software is more than just 'coding'. To grow as a programmer, you'll have to master other practices — here are 5 timeless tools and methods.

124. Mastering Git and Version Control: A Beginner's Guide

Understanding version control and mastering git - The basics...!!

125. Embed Github Gists in your Hacker Noon Stories

The Hacker Noon editor now supports embedding Github gists.

126. Work Annoyance 1: Git Rebase

How many times the below thing happens to you?

127. Undoing a Git Pull

128. Git Stash - Everything You Need to Know About Stashing Changes in Git

Sometimes, when we are making changes to a project in git, we realize we suddenly need to revert back to the last clean working directory version of our project

129. 6 Simple Steps to Import a Project to Azure Repos from Git

This article will explain how to import a project from Git to Azure Repos in 6 easy steps.

130. How to Improve Team Communication with Conventional Commit Messages

Sometimes, when working in a team or open source organization, you may misspell a message or make errors in your repository's commits

131. How to Use Platypush to Set Up Self-Hosted CI/CD Git Pipelines

How to use Platypush to set up self-hosted build and test pipelines for your Gitlab and Github projects.

132. The Right Way to Use Git

As a beginner programmer, you can be surprised to see that people care so much about what goes into the git repository.

133. Git Mastery: Branching, Merging, and Beyond

How to use branches for better version control; use git like a pro!

134. Git and the benefits and challenges of everything-as-code

We love Git and everything as code, but how can we move beyond static definitions in GitOps and understand how our systems are really changing?

135. Using Reddit & Twitter to Make Your README More Effective

Many lessons from my time at university have stuck with me throughout the years. One of the most important was in regards to technical writing (thank you to my CS 787 professor).

136. How To Store Secrets Like API Keys

Secrets in version control systems (VCS) like git is the current state of the world despite widely being recognized as a bad practice. Once source code enters a git repository, it can organically spread into multiple locations. This includes any secrets that may be included within. But why then are secrets in git repositories so common.

137. The Big Power of Small Pull Requests: How They Improve Reviews and Speed Up Development

Smaller pull requests = better code. Learn how they reduce bugs and boost collaboration.

138. Git Bisect for Understanding the Root Cause of Regressions

Your git fairy godmother will test and locate the bugs for you with a swish of her magic wand. All you need to know are the magic words: git bisect...

139. Git Basics: Renaming a Local and Remote Branch

Git is a must for most of the developers and especially web developers.
But at times we make silly mistakes cause we are human. And when you incorrectly named a branch and moved it to the remote server/repository. Then follow the below-mentioned steps before any other developer/team
member gets a chance to hop onto you and show you crap for not adapting to naming conventions correctly -

140. To Code Is To Communicate: 8 Ways to Write Better Code Reviews

When I started programming, Code Review wasn’t part of my routine. First, like everyone, I learned how to print Hello World in the programming language that was studying. Then, what is an if, while, for, and other essential structures. Sometime later, I was coding.

141. How to Create A Detailed Description for Your Pull Request

Many developers are familiar with the situation like “where did this code fragment come from and why is it needed?”. You have to spend time and deal with the details already considered by another colleague. How to make it take a less amount of time? To achieve this, pay attention to a process of writing descriptions for Pull Requests (known as “PRs”) and Merge Requests (known as “MRs”). This article will focus on the content of the PR description without any explanation of coding since each project has its own coding-related specifications and requirements.

142. A Modern Take on the Terminal Experience

Several tools have emerged to enhance the command-line experience, and Warp is one of the latest options aiming to streamline these processes.

143. Git Commands You Can Use To Dig Through Your Git History

In this short article, we’ll be exploring some quick git commands that can help us in digging through our repositories’ history of commits.

144. Basic Git Commands

If you’re a Software developer, you cannot live without interacting with Git and it is never too late for anything!

145. A Comprehensive Guide to the Difference Between Git vs GitHub

Git and GitHub are used to manage code. To help you use both services to their maximum, we will explain the distinctions between Git and GitHub in this blog.

146. An Intro to Git for Beginners

Git is an essential tool for version control, no matter what programming language or framework you use.

147. Top 5 Tips for Becoming a Git Expert

Becoming a Git power user is on the bucket list of every developer. With our 5 Git tips you will level up your workflow and get one step closer to Git mastery!

148. A Deep Dive Into the GitOps World

This article is a comprehensive guide to GitOps, a set of practices that use Git as the source of truth for software development and deployment.

149. Setting Up .gitignore For Your JavaScript Project

Gitignore lets you give instructions to Git that makes it ignore name patters that you designate, making it possible for you to control the files tracked by it.

150. Your Junior Dev Survival Guide to Managing Branches, Commits and PR

Knowing how to use and create branches, commits, and pull requests are basic concepts, but not everyone gives them the importance they deserve.

151. How Git stores data

152. How Different Tools Enable a More Inclusive Language In Software Development World

Are terminologies meaningful in software development? Yes, a lot! As developers, we’re continually writing code, and we do that by passing messages. Each message carries a lot of context and semantics. Therefore we’re always evolving how to do it in a better way.

153. 5 Git Tips You Should Try For Better Workflow

No matter how experienced you are, Git will always find a way to surprise you. It is loaded with neat tricks that have the power to make your daily coding routi

154. Unlocking Git's Hidden Powers: 5 Configuration Tips for Effortless Version Control

Five tips to make the best out of Git config

155. Here's the Quick Guide You Need to Solve All Your Git Issues!

The best way to become a better developer is to make contributions easy. What better way to do that then mastering git and Github

156. Everything You Need to Know About GitHub Copilot

GitHub Copilot is an AI pair programmer. GitHub Copilot is powered by a new AI system developed by OpenAI Codex and is coming soon to Visual Studio Code.

157. Amending and Updating a Git Commit

Now, you can easily update your commit messages by simply adding --amend to your git command.

158. A Complete Guide to Code Reviews

Code review is not a battlefield, the reviewer is not an opponent of the author. Both of them are aligned on the same goals.

159. How to Protect Your Git Secrets

Are you worried about your security codes and keys? Worried about their safety? Are you looking for ways to protect your Git secrets? If so, then you are in the right place. And in this post, I will share everything you need to know about Git best practices to protect your Git secrets.

160. How to Use Git With SVN: Harmonizing Version Control

We'll guide you on how to use Git alongside SVN. You can enjoy the features of Git during development while still adhering to your company's version control

161. Git3 – First Alpha Release

Putting source control on the blockchain. Step-by-step guide for the very first git3 alpha release.

162. Git Worktree: How It Can Help You Enhance Your Git Workflow

Git worktree allows us to checkout many branches in a git repository. This lets us switch between different branches without losing our changes.

163. Doing Quick Experiments In Git

Sometimes in the middle of software development, you want to try some crazy idea out but don't want to mess up with current code. What should you do?

164. Git Essentials: Boosting Productivity w/ Efficient Code Tracking

This blog post discusses how software developers collaborate and track changes in their code using a tool called Git. Read on to know more…

165. How to Run Multiple Terminal Commands in ONE, Like a Boss

Buck is a free, open-source and lightweight CLI tool used by developers to group multiple terminal commands into one.

166. 5 Metrics Engineering Managers Can Extract from Pull Requests

Many Engineering Managers promote Pull Requests as part of the development workflow. It’s a consolidated practice that brings lots of benefits. It consists of comparing the changes of a branch with the repository’s base branch (conventionally called master).

167. Quick Guide to Install Node, Yarn, Git and VSCode on Linux, Mac, and Windows

How to install Node, Yarn, Git and VSCode on Linux, Mac and Windows, a simple and easy guide to follow.

168. Git - 1 How to Get Started With Git

This guide covers Git basics: 'git config', 'git init', 'git add', 'git commit', and the importance of clear commit messages for effective collaboration.

169. Mastering Git: To Git Pull and Git Push - An Easy-to-Follow Guide

git pull and git push are foundational commands in Git’s version control system, enabling seamless collaboration and effective management of project changes. By

170. GIT-version Your AWS CloudFormation Parameters using Stackuchin

Full disclosure: I'm the CTO of https://rungutan.com - the first API Load Testing SaaS platform, 100% Serverless, API driven, finally available for SMBs, the company which has built this open-source software - Stackuchin.

171. Git Commands Cheat Sheet That Could Save you From a Headache

This Git command sheet is for non-beginners and is mainly dedicated to fixing Git mistakes.

172. Top 5 Tips for Securing Your GitOps Environments

Here are the top 5 Tips for securing GitOps environments.

173. What Happens When Novelists Write Like Developers

Swap Word for an IDE: use VS Code, Markdown, Git version control/branches, and built-in AI to draft, revise, and safeguard your novel like a developer.

174. 8 underrated Git commands every programmer should know (not the usual pull, push, add, commit)

These are some of the most useful Git commands that helped me during my programming journey.

175. Make Your Life Easier With These Git Workflows: Part I

I will describe how to make your life easier as a programmer with these useful tips on using Git. Before reading this, I recommend that you have a basic understand on how Git works.

176. Open Source Contribution for Dummies: A Quick Guide for Beginners

There are some unofficial rules and guidelines developers should strive to follow as closely as possible when making an open source contribution.

177. Hacktoberfest 2020: Let’s Get Hacking

It's October and we're calling all programmers, designers, content writers and open-source contributors to join Hacktoberfest 2020. This is a fantastic opportunity to contribute to open-source or try your hand at something new.

178. How to Simplify Your Workflow With Pre-Commit Hooks

Pre-commit is a simple yet powerful tool that can help you catch these issues before they make it into your codebase. It is a git hook script.

179. How-to Declutter Your Data Science Workspace

Working on a data science project is almost always equivalent to an amazing clutter in the working directory. Data scientists would most likely have the following materials dumped in their project working directory:

180. Is GitOps the Emperor With No Clothes?

GitOps makes me think of the old Hans Christian Andersen tale, about what’s real and what’s imagined.

181. Interplanetary Versioned File System

IPVFS: A light weight version control system for files on the Interplanetary File System.

182. Git Tutorial: How To See Your Most Used Git Commands Using a Script

Git has many commands but you can be productive with just a few. I used a script to fetch my most git commands sorted by the number of their occurrences.

183. A Side Effect of Storing a Git Repository in iCloud Drive

Learn how to tackle Git errors and file conflicts in notes repositories synced via iCloud, and apply solutions for smooth version control.

184. Building a Custom Query Language (GQL) for .git Files

Recently, I came across the functions of each file inside the .git folder. This game me the idea to develop a query language that operates on these files.

185. How to Amplify the Growth of Your OSS Community on GitHub

How to grow an open source project on github

186. Git Reflog: Your Local Time Machine

Sometimes, we make do some unintentionally merge or rebase which we wish we could recover to the previous stage. But there is no commit for you to get back. That moment, you probably feel like the git log - time machine which you admire become not really helpful. But you should know that "git log" is not the only way to trace the history. There is another kind of git history which been keep tracked in your local and your local only, which is so-call reflog. This reflog stores the whole shebang of you local activities and you can undo almost everything with it.

187. Conventional Commits: A Guide to Writing Structured Git Commit Messages

Learn Conventional Commits to write clean, structured Git messages and automate changelogs, versioning, and collaboration.

188. Introduction to Git Bisect: Find Commits that Introduced a Bug

The Git Bisect command uses a binary search algorithm to find which commit in your project’s history introduced a bug.

189. Learn How To Use Git Submodules on Practice

In this post we learn about concept of Submodules in git by actually troubleshooting a case of embedding multiple git repositories

190. Exploring the Relationship Between Git Commits and Developers' Moods

Today I am going to share an exciting case study's outcome. It is about the mood of coders vs. Git commits.

I will dive into this based on a super big study we

191. Your Definitive GitOps Guide For DevOps Experts And Newbies

This GitOps guide discusses continuous integration vs continuous delivery, what is GitOps, 5 best GitOps practices, ArgoCD vs Flux2, continuous integration, etc

192. Git Commands You're Always Forgetting

Did you find yourself cursing at your terminal because you forgot that one Git command? Yeah, me too. So, I decided to put down these Git commands I always forg

193. "The pandemic has literally changed my perspective towards life" – Karan Jagota, 2020 Noonie Nominee

Hacker Noon's annual Noonie awards help shine a spotlight on some of the greatest minds in tech. Head over to our awards page and nominate YOUR best people and products today at NOONIES.TECH.

194. How to Commit and Push a Blank Directory to Your Git Repository?

Usually, blank directories are not pushed when you commit and push new code to your repository. Let's look at how to push a blank directory to your git repo.

195. 5 JetBrains Plugins to Upgrade the Built-In Git Support to the Next Level

These five JetBrains Git Plugins can drastically improve your productivity by adding new features and utilities to assist you with your coding projects

196. The 10 Things Git Pros Don't Want You to Know

Git lessons step by step, breaking them down so any beginner can understand and implement them confidently.

197. It's Not All Rosy Out Here: The Challenges of Everything-as-Code

In this post I’ll take a look at the benefits of everything-as-code before considering some of the gaps that remain.

198. Using Git Hooks for Automated Secrets Detection

Git hooks are extremely useful in the journey to replace as much of the human factor in the process of secure development as possible.

199. Git Basics

To playing with git you have to do the following things step by step

200. Coding in Public Transit: How I Just Barely Shipped a New Site with Pylon, Tin, and TeamCode

A How-To Guide on Creating a Cloud Collaborative Workspace using Pylon and Tin, with the help of Git respositories. No installation needed!

201. How to Win Git and Influence Repositories: 15 Git Commands Every Engineer Needs

The version control system is the foundation of the basics, without which it is impossible to conduct team product development in our time.

202. Using 'Git Pull' for Force Overwriting Local Changes

Have you ever been working on a project in git and ran into an error telling you that you can't use git pull because you have local changes?

203. The HackerNoon Newsletter: Can ChatGPT Outperform the Market? Week 15 (11/10/2025)

11/10/2025: Top 5 stories on the HackerNoon homepage!

204. Writing Effective Commit Messages: Best Practices and Conventional Commits

The Ultimate Guide to Writing Effective Commit Messages: Best Practices and Conventional Commits.

205. Seamless Deployment to Aptible: Choosing the Right Approach

Exploring ways to deploy simple spring-boot application to Aptible.

206. Proudly Wear Your Contribution Map

Currently We're creating a project that gives people an opportunity to wear personalized merch that reflects their interests, values and hobbies.

Our first launch is GitMerch.com (promo code = SALE20), where everyone can print a T-Shirt with his own contributions map on it.

207. Open-Sourcing Code from a Private Monorepo

A blog post explaining how we open source code from our private monorepo

208. Git Ahead Dashboard: A Quick Guide

A small script for quickly getting information about the ahead/behind state of your services' branches

209. Removing Bugs in Git

When you are working on a huge project, you may discover bugs in the code that prevent you from proceeding any further in your development. How to fix them?

210. Journalot – Building a Git-Backed Journaling CLI That Developers Actually Use

No accounts, no sync services, just markdown files in a git repo. Works on Mac/Linux. MIT licensed.

211. Using OhMyPosh and CascadiaCode: Elevating PowerShell and Integrating with Git in Windows

Learn how to integrate Oh My Posh, a cross-platform tool that lets you create beautiful and informative prompts for PowerShell.

212. Three GitHub Features You’re Missing Out On

Did you ever have a friend you only ever saw in one place? Maybe it was a bar, your knitting club, or at the school gates.

213. Amend vs Reset: 4 Simple Ways to Reverse a Git Commit

If you want to keep your history clean and make your mistake disappear, let me show you 4 different ways to undo a commit.

214. How to Automate Git Workflows with Git Hooks 🚀

Automate Your Git Workflows with Git Hooks 🚀

215. Make a Code Review Great Again: Patterns of Quick and Effective Code Quality Control

Code review is an essential tool for code quality control in the programming industry. This topic has caught my attention for many years, and I would like to sh

216. Conventional Commit Specification Guidelines: What You Need to Know

Conventional commit specification for writing good commit messages and making commit history standardized and clean as indirect documentation

217. How To Manage Multiple Git Configurations

Using the same computer for both work-related and personal projects may cause you to write Git commit messages with your private email on your work projects or vice-versa. That is assuming that you configured Git with the --global flag, which applies the configs to every repo on your OS user account.

218. An Introduction to GitOps and DevOps for Developers

Businesses need manageable and automatable approaches to CI/CD and DevOps to succeed in building and maintaining cloud-native applications, and devs love GitOps

219. A Simple Way to Rename Local and Remote Git Branch

Have you ever come across a situation where you want to rename a Git branch? If yes then this article will help you with that.

220. Git Guide 3: diff and patch

The diff -u command shows file differences side-by-side, and patch applies these changes.

221. We Wrote a Code Review Guide—Here's What Worked

We created a code review guide to align expectations, improve feedback quality, and make reviews feel collaborative instead of gatekeeping. Here’s what worked.

222. Git and Folder (Non)Tracking

The lack of folder tracking in git as a version control system is a pain in collaborative engineering. This post will unpack this.

223. 5 Steps You Need to Make as Beginner Web Developer

When most people fantasize about the idea of starting a web development hobby (or career) they get eventually frustrated. Hard.

224. Understanding Git Push and Rebase Defaults: A Hands-On Guide

Learn what really happens when you run git push and git rebase without options.

225. 12 Interview Questions to Teach You How Git Works

Prepare for frontend interviews with 12 essential Git questions and answers - covering git-flow, rebase vs merge, cherry-pick, pull requests, and real-world Git

226. Git Guide 4: Take Your First Steps With Git

git config; git init; git add; git status; git commit; Learn all of these and more as you take your first steps with Git

227. Get Notified When There are Commits to Pull in VS Code

With the help of GitLive’s new pull reminders, you can now pull sooner, reduce the chances of conflicts, and merge faster!

228. Optimizing .NET Development Workflow with Git Hooks and Husky.NET

A Git commit represents the status of a system. Learn how to validate that your code builds, is well-formatted, and all the tests pass by adding a Git hook!

229. How to Elevate Your Development Workflow With GitHub PR Templates! 🌟

Elevate Your Development Workflow with GitHub PR Templates!
Streamline Your Process with Custom Pull Request Templates

230. Get Your Pull Requests Approved and Merged in No Time

Have you ever faced a call to completely redesign your code in one of your pull requests? I have and then thought what are the ways to avoid this. Call it a pull request or merge request, basically, it is a set of changes you want to go ahead and merge to the main branch to deploy to production and complete your task. This post is going to highlight a semi silver bullet to get your pull requests merged faster :), carry on reading.

231. Git Guide 0: How to Diff Files

The diff command compares files line by line, while diff -u (unified format) shows differences with context lines for easier patching.

232. How to Participate in Hacktoberfest 2021: Ultimate Beginner's Guide

Hacktoberfest is round the corner and registrations are now open!

233. GitOps For Beginners: Getting Started With Cloud-Native Architectures

GitOps is a way to implement continuous deployment pipelines for cloud-native applications. This beginner's guide dives into getting started with it.

234. The Most Important Git Command

When working with Git, the most useful command is "git help", which provides us with all of the assistance we require.

235. How Developers Can Use DevOps - Introduction and Version Control

Improving our DevOps skill can help us become better developers, teammates and managers. Learn DevOps principles and a different perspective on git.

236. Git Guide 1: How to Apply Changes

The patch command applies changes generated by the diff command to files, enabling updates from one version to another based on the differences.

237. Code Reviews For Non-technical People. Explained.

238. Master Git With 15 Essential Commands Every Developer Should Know

Check out these 15 essential commands that you should know as a git developer.

239. Introducing Tour My Pull Request For Github Extension

Problem

240. How to Push an Empty Commit with Git

Have you ever faced the need to push a commit to a Git branch without changing any files in order to re-run your integration process?

241. 7 Ways to Manage Pull Requests

Improve your team's pull request management system to ship faster, more often.

242. GitOps, Kubernetes, and Databases (Podcast Transcript)

Amy, Matt, and Curt talk about migrating from a SQL database to a NoSQL database, what happens when shit hits the fan, and assessing your database usage.

243. Git Guide 2: A Practical Application of Diff and Patch

The practical application of diff and patch involves creating and applying updates or modifications to files, facilitating version control and collaboration

244. Using the Binary Search Algorithm With Git and AWS Kinesis

Discover how the binary search algorithm improves performance in Git and AWS Kinesis. Learn how to implement it in your own projects for better efficiency.

245. Mercurial Sunset: How To Automate the Bulk Transfer of Mercurial Repos to Git

With Mercurial sunsetting support, it was time to move our repos. But how do you do this en masse?

246. She's At The Edge Of The Cloud (Podcast Transcript)

Amy Tom chats with Mark Gamble, the Product & Solutions Marketing Director at Couchbase, about Edge Computing and tiered data systems.

247. How to Show Local Branches in Git

Use these commands to keep your project clean and track down unused branches.

248. The Power of Git Bisect as Your Debugging Ally

Explore how to use git bisect for efficient debugging, including tips on automating the process and handling skipped commits in your projects.

Thank you for checking out the 248 most read blog posts about Git on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

90 Blog Posts To Learn About Gamedev

LearnRepo — Tue, 04 Aug 2026 07:00:22 +0000

Let's learn about Gamedev via these 90 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

"Story in a game is like a story in a porn movie. It’s expected to be there, but it’s not that important," John Carmack.

1. Code a Java Game with (almost) Zero Coding Skills

Everyone, well, almost everyone, loves video games. So even if you are not going to be a professional game developer or just don’t know for sure, to learn a programming language through practice and creating your own video game project is an excellent idea. Furthermore, it could be a good motivation for your learning.

2. Build a Game Engine from Scratch in C++

So you want to learn more about game engines and write one yourself? That's awesome! To help you on your journey, here are some recommendations of C++ libraries

3. How I Let an AI Code a Game For Me!

What if I would ask an artificial intelligence to writa game for me? Is it hard? Will it work? I'm using Github Copilot to try it out.

4. 5 Best Game Engines for Beginner Indie Developers

With so many game engines to choose from it can be difficult to focus on only one. Especially without any experience in the world of game development. That is why I made this list of game engines each with a summary of why it is a great option for beginners.

5. What I Learned Developing Games from Scratch on Flutter

"Dart engineers exploring Stack Overflow 'Flutter gamedev' section", Photo by Elena Zhuravleva.

6. Why I Believe Unity Is The Best Development Engine

Use Unity if you want to make speedy and engaging progress with your game creation!

7. Phaser 3 Game Framework: My Honest Review

I've been using Phaser 3 for a couple of months now, and I'm really enjoying it, but sometimes it makes shake my head 'why?' , only not in a 'bad way', making games is weird, js itself is weird, so it's only logical that Phaser, a game engine js-based... is weird. That's why I opted for the following way to address this review, I'm gonna be giving you something that I liked, next to why/how it was weird, in what's gonna be my attempt to look impartial. But first...

8. Is It Hard to Develop a MMORPG?

How we built a MMORPG in just about 2 years (actually, it’s more).

9. Unity AI: Creating Intelligent NPCs and Enemy Behaviors

Explore the world of Unity AI and learn how to design smart NPCs and enemy behaviors for your games.

10. Creating a 2D Platformer in Unity: The Beginning

Dive into game development with our guide on creating a 2D platformer in Unity. Learn the essentials of setting up, designing levels, and more. Start now!

11. Game Development in 2022: Top 6 Programming Languages

Do you want to become a game developer? Then, you need to learn a gaming programming language. So, check out this blog to know more about these languages.

12. How to Broadcast Interactive Web Based Gaming Live Streams with Amazon IVS

The Web Broadcaster SDK is a game changer that gives developers the ability to integrate the broadcast experience directly into their streaming applications.

13. From Hypercasual to Hybrid Casual: Analysis of Monetization Solutions for Idle Games

In this article, I would like to share how we monetize hypercasual idle game mechanics using in-app purchases and subscriptions

14. Creating Immersive Virtual Reality Experiences With Unity

Step into a new dimension! Discover the art of crafting captivating Virtual Reality experiences with Unity.

15. Level Design in Unity: From Concept to Playable Environments

From concept to playable environments, explore level design in Unity and learn to create immersive gameplay spaces.

16. Why GameDev Designers Are the Swiss Army Knives of Game Development

In this article, I will delve into the essential skills required for GameDev and illustrate each with examples from my own experience.

17. How Much Does It Cost to Start a Video Game Business?

Discover the costs of starting a video game company, from software and team salaries to marketing. insights on budgeting for indie and commercial game projects

18. Game Coding for Dummies: A Quick Guide for Newbies

If you’re a complete newbie or already have a bit of a programming background, you can’t go wrong with Java for game development.

19. Exploring Unity DOTS and ECS: Is it a Game Changer?

Exploring Unity DOTS & Entity Component System (ECS) for game development, their benefits, performance optimization, and related packages.

20. How I Remade 2048 Using React

Today you will learn how to build your own clone of the 2048 game in React.

21. From Pixels to Profits: Boosting Revenue with Analytics in Game Development

Unleash the Power of Analytics in Game Development to Drive Revenue Growth. Discover how data-driven insights transform pixels into profits.

22. The Battle Against Trolls and Hackers: A Guide for Game Developers

Master the art of game protection. A guide for developers to combat trolls and hackers, fortify security, and foster a thriving gaming community.

23. Indie Game Marketing on YouTube: a Guide by Developers for Developers

With the growth of YouTube, potential for promotion arises. But the marketing of indie games is not easy. How to avoid a chaotic struggle and achieve success?

24. Unreal Engine vs. Unity: Choosing the Right Game Development Platform

Unreal Engine vs. Unity: Choose your game development platform wisely and bring your ideas to life with the perfect fit.

25. Monetizing Your Unity Games: Strategies for Success

Monetize Unity games for success with strategies like in-app purchases, ads, subscriptions, and user engagement.

26. Rider 2023.1: Discovering New Features for Unity Developers

Rider 2023.1 enhances Unity dev experience with Android debugging via USB, UI Toolkit templates & DOTS support, making it a top IDE for Unity developers.

27. The Four Elements and Their Graphic Effects: Exploring Shaders in a 2D Game

Features rendering of 2D effects - fire, water, earth and air

28. Creating a Troll-Free Oasis: Preventing Trolling in Your Game from the Ground Up

Build a troll-free gaming community. Learn strategies, moderation, and fostering positivity for an inclusive and enjoyable experience.

29. The Hacker's Nemesis: Strengthening Game Security to Ward Off Intrusions

Unveiling how game developers strengthen security to thwart unauthorized intrusions, emerging as hackers' ultimate nemesis in online gaming.

30. Unity Realtime Multiplayer, Part 5: Preparing Game Data

In terms of network transmission, in a realtime multiplayer game, data format is key. We cover techniques for serializing and deserializing.

31. What AI Game Developers Do and How to Become One

Depending on the genre and purpose of the game, different technologies and approaches are used in the development of AI.

32. How to Create a 2D Character Controller in Unity: Part 2

Learn to refine your Unity 2D character controller with new input handling, smoother jumping, and dynamic camera tracking.

33. How To Integrate App Tracking Transparency with your iOS Unity Project

ByteSyze SDK covers iOS 14 compliant bases by integrating a custom App Tracking Transparency handler into your Unity iOS project for your ATT-dependent SDK's.

34. How To Make Your Own Game in Python

Hi there !

35. On Weapon Design in Video Games

After introducing you to the game characters' initial conceptualization in the previous DevBlog, it is now time to design the weapons that the characters use.

36. Learn to Code with Pico-8 Games

There are a lot of reasons to learn to code with games. Games are fun. Unlike to-do apps, games are something you are excited to show to your friend because it is something they will engage with. There is a misconception among some developers that games are difficult to code, and unapproachable to beginner developers. I couldn’t disagree more, especially if you learn to code with Pico-8 games.

37. An Introduction to LÖVE the 2D Game Engine

If you are looking into starting with LÖVE, this guide compiles a lot of information that will help you to get started and save you hours of research.

38. Quest Arrest: Shipping a Physical Game Boy Game in 2021

In this article, I'll talk about Quest Arrest, a digital and physical Game Boy game I developed and shipped in 2020 and continue to sell today in 2021.

39. Why Less Is More In Games

I’ve played many games that try to be too many things at once and they always fail. My favorite ones are those that take a simple concept and play with it.

40. How to Get Your First Job as a Video Game Designer

How many of us have thought to ourselves “how cool would it be to become a game designer!” It might seem like a pipe dream at first, but with the right approach, it’s possible, even for someone in their 30s with a completely unrelated education or background.   

41. Making A Spooky Quantum Game in 15 Hours or Less

It’s no longer news that many organizations and even NASA are in a race to reach what is known as quantum supremacy or the quantum advantage. This means they are investing in resources to develop new computers that are able to solve problems that current (classical) computers cannot; and of course perform faster at already solved problems. If you’re reading this article, you may have heard about Quantum Computing and all it promises to deliver and are curious to learn about the technology.

42. Testing in Godot: How I Personally Approach It

Some time ago, I participated in a game jam and made this game – Of Mice and Bad Choices, I think this is a good opportunity how automated testing can be done

43. 72 Stories To Learn About Video Game Development

Learn everything you need to know about Video Game Development via these 72 free HackerNoon stories.

44. 6 Software Tools I Use to Make Game Art Without Being an Artist

Being a programmer doesn't stop me from making game art assets. If you go for a minimalism style and use good colors that fit well together you can make a game look good. I will show you the programs I use and the games I used it for.

45. How to Enhance Your Game Project Using the ObjectPool Pattern (A Unity Guide)

The Object Pool pattern usage for optimizing game projects. Guide for Unity Developers

46. Getting Started With Game Development

How to begin developing video games?

47. Frank Morgan on Writing, Hospitality, and Web3

Learn how tech writers can create viral content about web3, scrum, agile, hospitality tech, The Sandbox, FTX, NFT, and the metaverse on Hackernoon or anywhere!

48. The Inside Scoop on How Gaming Companies Get You to Buy Their Stuff

Standing out from the crowd and capturing the attention of gamers is both an art and a science.

49. The Future of Multiplayer Game Architecture is Hybrid

This multiplayer game architecture, if technically and economically feasible can reshape the future of gaming.

50. Rust + OpenGL: Rendering 250,000 Dynamic 3D Entities at 50 FPS on a Single CPU Thread

How I forced an old 2013 laptop to render 13,000 active 3D entities at 60 FPS using Rust and OpenGL. No LOD, no culling—just pure data-oriented architecture.

51. Bugs From the 90's: The Code of the Command & Conquer Game

The American company Electronic Arts Inc (EA) has made the source code of the games Command & Conquer: Tiberian Dawn and Command & Conquer: Red Alert publicly available. This code should help the game community to develop mods and maps, create custom units, and customize the gameplay logic. We all now have a unique opportunity to plunge into the history of development, which is very different from the modern one.

52. Common Coding Conventions in GDScript

Discover essential GDScript coding conventions that enhance code readability and maintainability. Learn about naming, indentation, line length, and more!

53. 223 Stories To Learn About Game Development

Learn everything you need to know about Game Development via these 223 free HackerNoon stories.

54. Advantages of AI in Gaming: How We're Creating Smarter Competition

Why artificial intelligence is being introduced into competitive and cooperative games today, and how the development teams of such games use AI.

55. I Built a Functional, Data-Oriented 3D Game Framework in Rust for Low-End PCs

A lightweight Rust game framework built with Macroquad and ECS, designed to run on low-end hardware while exploring functional programming patterns.

56. Pixi's Asset Pack 1.0: Is the New Version A Step Forward for Asset Management?

Discover how Pixi's Asset Pack streamlines game development with features like automated texture packing, compression, mipmaps, and manifest generation.

57. 5 Things You Should Know Before Developing CTV Games

Learn 5 main steps that CTV developers should take into account when they are creating a new game.

58. Adventures in Assembly #2

As I've continued my dive down the rabbit hole that is assembly, I've found a buoy to grab onto: NES programming.

59. What I've Learned By Making And Promoting A Game To Help Stray Cats

At the beginning of summer 2019, I've got an idea to make a cat-themed game to help stray cats by donating all the revenue to cat charities.

60. This Game From the 80s Had Kids Obsessing Over Space Trade—And Its Source Code Is Now Available

Elite was a space trading game with a huge universe, and you could explore it. The game's difficulty was insane, and I loved it.

61. Reflection-Driven Development in Pure C: Eliminating Boilerplate at Scale

Automate your pure C game engine with Reflection Driven Development. Learn how to build a custom libclang parser to generate ECS and serialization code.

62. A Podcast with NIS America: How has COVID Changed the Gaming Industry?

In this episode of the Hacker Noon Podcast, I talked to Erin Kim from NIS America. For those of you that don't know, NIS America is the America-based counterpart of the Japanese game development company NIS (Nippon Ichi Software).

63. C++ Isn’t Going Anywhere in Game Development

C++ remains the backbone of modern game engines—and it’s not going away anytime soon.

64. How to Create Promotional Assets: An Insider's Guide into the World of Graphic Design

I offer you to go through the evolutionary stages of promo materials.

65. Bugs from the 90's: The Code of Command and Conquer [Volume 2]

The American company Electronic Arts Inc (EA) has opened the source code of the games Command & Conquer: Tiberian Dawn and Command & Conquer: Red Alert publicly available. Several dozen errors were detected in the source code using the PVS-Studio analyzer, so, please, welcome the continuation of found defects review.

66. My Experience as A Team Lead For Unity3D Gamedev Team

Recently I became the team lead in the company I am working for and here I want to share a few lessons that I already managed to learn.

67. Blockchain Games Hold More Potential Than Previously Understood

Blockchain technology is step by step penetrating many areas of our lives, not just becoming an innovation, but shaping the approach and requirements for market products.

68. Dedicated Game Server: How To Choose The Right Infrastructure

The importance of high-performance dedicated game server in the gaming sector is too high to ignore, especially since cloud gaming has begun to steal the show. Super-high latency is what gamers need to experience the real gut of a game. And customized dedicated servers are the best solution to provide such a short/zero latency.

69. What To Do When Your 12-Year-Old Son Has a Girlfriend in Fortnite

I recently had a chat with a parent. He said his 12-year-old son came home and announced that he has met someone in Fortnite — and that someone is now his girlfriend.

70. Blockchain Tech In the Gaming Industry: Major Players To Spark Mass Adoption?

While the blockchain and crypto industry participants never stop developing and exploring new possible applications of the tech, major global industries are now turning for answers in this unique technology when it comes to innovations in their field.

71. Demographics of the Gaming Industry: Reading Between the Lines

An overview of recent developments in the gaming industry and what they mean for publishers and developers.

72. The Attention Span Drought Is Forcing LiveOps to Go Relentless

Why modern LiveOps focuses on session length over return timing.

73. The Brainrot-ification of Mobile Game Economy Design

A look at how modern mobile games streamline currencies, progression, and rewards to lower cognitive load and increase player engagement.

74. Supercharging Game Graphics with Physics in Phaser

Craft ropes that dance, limbs that sway, and fish that splash with the magic of physics and images in Phaser. Learn how to effortlessly create a rope-like mesh

75. From 3D Rendering to Motion Capture: What's Next for Game Development?

The past few decades have been game-changing for our daily lives as a whole range of industries transformed into what we see today. The world does not function the way it used to just a few decades ago and that is thanks to technological advancements, occurring throughout this timeframe.

76. 5 Steps You Should Take To Launch A Cool Game

The key steps of the game development process, how each of them functions, and what roles and operations they consist of.

77. IoT as a Multi-Faceted Game Changer in 2021 and Beyond

There is no second-guessing the predominance of the IT industry, despite the catastrophic effects of the pandemic felt across diverse verticals.

78. The Importance of Music in Video Games

Think back to the year of 1986. You are an excited child sprinting through the arcade so you can be the first to get to the amazing new game, ”Outrun”. What was it that was so special about this game? The cars? The quirky characters? The endless crashing into things? Probably. But I recently played it for the first time, and the one thing that stood out to me was the music.

79. 51 Stories To Learn About Gamedev

Learn everything you need to know about Gamedev via these 51 free HackerNoon stories.

80. Creating a Notification-Based Game via Unity and Courier

I built a notification-based game with Unity Engine, Courier, Twilio, and Mailjet. This post discusses how I used Courier to build Rain Spikes.

81. How to Improve Customer Care

Today customer care is one of the most popular and widely discussed topics in the IT industry.

82. The Jinn: My Storyline for my first Game Project in Unity

The daylight dims, its 3:00 pm, almost afternoon. It feels humid as the moisture in the air has increased. The skin feels all damp and sticky. My little room is getting all hot as I start sweating. It was supposed to be an ordinary afternoon on a summer day. “Lets go outside…” I talked to myself.

83. What is Cloud Gaming and How is Google Leading the Industry?

Most games today are downloaded and played on smartphones, gaming consoles, and PCs. Network connections support player accounts and in-game purchases, but the games themselves run on players' devices. Game companies build services around top game titles, enabling them to deliver continuous updates that add new gameplay and respond to the public feedback on social streaming services.

84. “Brainrot” and the Attention Economy Are Changing Time Gating in Free-to-Play Games

Practical take on how modern attention trends like “brainrot” shape player habits and influence free-to-play design.

85. 'Seed' by Klang Games: Part 1 of The Game AI Series

I spoke to their excellent game AI engineer Alessia Nigretti to get some insights into the team’s development process and the technology unpinning the game.

86. The Noonification: Startups of The Year 2023: Nominations and Voting Now Open (5/10/2023)

5/10/2023: Top 5 stories on the Hackernoon homepage!

87. Oh You're Going to Your First Game Jam? Read Me First

I have participated in quite a few game jams over the years and now I want to share my experiences with you. I participated in both online as offline jams like Ludum Dare and Global Game Jam. Game jams are fun and can be a great learning experience but they can also be stressful and tiring.

88. Wanna Get Great At Making Indie Games? Make Lots Of Them

It's simple, really: ff you want to become a good game developer, you need to make lots of games. Let’s first start with why you need to be productive: the more games you make the better and faster you become at making games. Every new game you make is a new addition to your portfolio. Publish your games on different portals to see what the players think about your game, see what works, and what kind of ideas don’t.

89. Why Even Legendary Games Like Wesnoth Hide Bugs in Plain Sight

Discover why even classic open-source games like The Battle for Wesnoth conceal hidden bugs—and how static analysis tools reveal them.

90. Why Hits Feel Different Now: Mobile Chases TikTok, Console Chases Community

Reflections on attention, platforms, and audience expectations.

Thank you for checking out the 90 most read blog posts about Gamedev on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

394 Blog Posts To Learn About Game Development

LearnRepo — Mon, 03 Aug 2026 23:00:40 +0000

Let's learn about Game Development via these 394 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

Not only the latest news on game development, but also guides and tips on how to improve your own projects.

1. How To Build A Multiplayer Browser Game (Part 1)

Back in 2014, I went to my first CodeDay in NYC. Though CodeDay isn’t exactly a hackathon, it was my first experience with hackathon-like events. At this event, I built a multiplayer tank battle game with my friend Kenneth Li. Since a few of my friends have expressed interest in how I built it, I thought I’d document the process here.

2. React + WebGL. Different ways of creating 3D apps with React.

In this article I’ll describe some libraries/frameworks that are used to create 3D online games and websites with React. This article is not about disadvantages of each way, it explains possibilities and features that may be useful to complete your goals.

3. Making a Platforming Game with React Native

In this series of posts, we’ll be developing a remake of the classic Donkey Kong arcade game using React Native and React Native Game Engine. Since this will be a mobile-only game, we’re going to simplify the controls significantly from the original — our game should be playable with one finger only.

4. Omori on Nintendo Switch SERIOUSLY Needs a Trigger Warning

Omori is a game that can trigger anxiety, I know that firsthand.

5. Making a game with Javascript: Part 1

I really wanted to write a tutorial about a game technology I like to use, so here it is. In this story, we will start making a little shoot’em up game with PixiJS, a really simple and cool Javascript library.

6. Build a Game Engine from Scratch in C++

So you want to learn more about game engines and write one yourself? That's awesome! To help you on your journey, here are some recommendations of C++ libraries

7. How to Build an Arduino Starship Game Controlled by Joystick and Computer

In this article, we will develop an Arduino Starship game which will be displayed on an LCD display 16x2.

8. 5 Best Game Engines for Beginner Indie Developers

9. Unity Game Development Is Now Simpler to Understand

Unity, has been utilised by several game developers to produce a number of hugely popular titles.

10. How I Developed the Classic Pong Game on an Arduino Board

I have figured out a way to develop the popular pong game on the Arduino board.

11. Streets of Rage 4: Complete Gameplay Walkthrough

A Complete Streets of Rage 4 Game walkthrough: Unlock plenty of characters, find the strongest characters and more

12. Why I Believe Unity Is The Best Development Engine

Use Unity if you want to make speedy and engaging progress with your game creation!

13. How to Get Voice Chat on Roblox

Roblox is a popular online platform that allows users to create and play games with their friends.

14. How Multiplatform Game Development Grows Your Audience: A Guide to Playing Globally

Game development for multiple platforms at once is key to winning over players globally and boosting your revenue. Learn how it’s done in the article.

15. A Programmer's Guide to Game Design: The Major Ingredients You Should Know

This article is dedicated to any developer who wants to try something new or exciting (which is game development, yes).

16. The Genies Tool Kit: Everything You Need to Know

The Genies Tool Kit is grounded in two core pillars: the Avatar Framework and the Traits Framework

17. Phaser 3 Game Framework: My Honest Review

18. In-Game Advertisements vs. Microtransactions: Which is the Lesser of Two Evils?

It’s time to explore the pros and cons of in-game advertisements versus microtransactions.

19. What I Learnt During 6 Months of Learning to Code

Anyone who’s wanted to learn coding knows that it’s anything but straight-forward. You’ll face hardships and unexpected roadblocks along the way. You’ve faced them, I’ve faced them.

20. Migrating from WebGL to WebGPU

Moving to the upcoming WebGPU means more than just switching graphics APIs. It's also a step towards the future of web graphics.

21. Is It Hard to Develop a MMORPG?

How we built a MMORPG in just about 2 years (actually, it’s more).

22. Unity 2023.1 Introduces Awaitable Class

New Awaitable class in Unity 2023.1, methods, properties, usage. Emphasizes understanding async-await & experimenting for best results.

23. How to Build a Rock, Paper, Scissors Game in Python

Rock paper scissors is a popular game played using hand gestures. Two individuals make shapes with their hands, and each shape has a specific degree of power

24. Tutorial: Building A Hangman Game With React Hooks

In this tutorial, we’ll build an interactive hangman game using React hooks. Hangman is a classic game in which the player guesses a word one letter at a time.

25. How to Configure Hyper-casual Game Shaders With Unity

Beginner's guide on how to set up shaders for hypercasual game scene in Unity

26. Unity Realtime Multiplayer, Part 2: TCP, UDP, WebSocket Protocols

This article covers the data transmission protocols utilized in real-time multiplayer games.

27. How I Built a Retro Game in an Hour: My Experience With Gemini 2.5 Pro and Vibe Coding

The experience turned out to be nearly 100% “vibe coding.” In just 12 minutes, I laid down the initial gameplay by simply instructing Cursor on my goals.

28. Gravity Simulation With Unity DOTS 1.0

With the release of Unity 2022.2, DOTS packages have finally received a pre-release version.

29. Teaching Your Character to Run in Flame

Four parts tutorial on how to build a simple platformer game using the Flutter Flame engine.

30. Unity AI: Creating Intelligent NPCs and Enemy Behaviors

Explore the world of Unity AI and learn how to design smart NPCs and enemy behaviors for your games.

31. The Complete Asynchronous Programming Primer for Unity Development

We consider the main ways of asynchronous programming in Unity: discuss pros and cons, illustrate code examples, and show practical examples.

32. Building TicTacToe Using Vanilla JavaScript

I am sure you have played tictactoe as a child. In this article, we will build tictactoe using plain JavaScript step by step. Let's go!

33. Xsolla Releases Quarterly Insights Report On The Future Of Gaming And Game Development

It discusses the impact of cross-platform play and the importance of innovative monetization models, providing actionable insights for developers and industry

34. How to Create a 2D Character Controller in Unity: Part 1

Explore creating a 2D character controller in Unity 2023 with our new tutorial. Learn to integrate physics and movement for your platformer game.

35. Game Development in 2022: Top 6 Programming Languages

Do you want to become a game developer? Then, you need to learn a gaming programming language. So, check out this blog to know more about these languages.

36. Using an Enum-Based Event Bus Pattern In Unity

The event bus pattern is a popular software design pattern used for exchanging messages between system components that are not directly linked to each other.

37. From Hypercasual to Hybrid Casual: Analysis of Monetization Solutions for Idle Games

In this article, I would like to share how we monetize hypercasual idle game mechanics using in-app purchases and subscriptions

38. The Top 5 Unity Assets Every Game Developer Should Have

Unleash your creativity and boost game development with the top 5 must-have Unity assets that will level up your projects.

39. Inside PEAK’s Daily Map Generation System

A digestible intro to procedural generation, occlusion maps, and ray tracing used in the hit indie game PEAK.

40. Wordle: A Deeper Analysis

Paul Haahr discusses Wordle and how it works.

41. StatefulUI: A Unity UI Library Based on States and Markup

In this article, I'll show the development and code of StatefulUI, a library for developing user interfaces in Unity based on states and element markup.

42. Unity Realtime Multiplayer, Part 3: Reliable UDP Protocol

The TCP and UDP protocols each have pros and cons. What if we could combine TCP's reliability and UDP's efficiency? Hello Reliable UDP (RUDP)!

43. Creating Immersive Virtual Reality Experiences With Unity

Step into a new dimension! Discover the art of crafting captivating Virtual Reality experiences with Unity.

44. Designing a Video Game: Principles and Rules of Modern Level Design

Today's gamers expect levels that are not only visually stunning but also richly interactive and immersive. How can we reach these expectations as developers?

45. Hyper Casual Gaming Trends for 2022

A summary for hyper casual market as of 2021 with statistics and analytics for downloads, trends, revenues and overall situation. And some forecasts for 2022.

46. Creating the Classic "Snake" Game with SpriteKit

How to create simple game "Snake" with help from SpriteKit and a little bit of time.

47. Designing Your Level in Flame

Four parts tutorial on how to build a simple platformer game using the Flutter Flame engine.

48. How I Built a Simple Game via Ruby on Rails and Javascript

A few months ago, I had the idea to build a simple game that functions something like this.

49. Updating a .NET MAUI Canvas with Messaging events

In .NET MAUI the Canvas element can be used for drawing.
For a Chip 8 emulator I implemented publish/subscribe messaging to redraw the Canvas, in the game loop

50. How to End the Draft Combine in NBA 2K22

51. Microservices: Is It Worth the Trouble?

Microservices are not a silver bullet. They’re useful for huge projects and teams — but the monolith is not obsolete and is not technical debt by default.

52. Designing Captivating Game Characters with Unity's Animation Tools

Discover the secrets of creating captivating game characters using Unity's powerful animation tools.

53. Level Design in Unity: From Concept to Playable Environments

From concept to playable environments, explore level design in Unity and learn to create immersive gameplay spaces.

54. Using Collision Detection to Make Your Game Character Jump

Four parts tutorial on how to build a simple platformer game using the Flutter Flame engine.

55. How to Add a HUD to Your Flame Game

Four parts tutorial on how to build a simple platformer game using the Flutter Flame engine.

56. How Roblox Exploits Young Developers

Roblox is a platform where players get free tools to create but forfeit almost all success chances. Let`s discuss how Roblox exploits children promising profit

57. Why GameDev Designers Are the Swiss Army Knives of Game Development

In this article, I will delve into the essential skills required for GameDev and illustrate each with examples from my own experience.

58. Optimizing Performance and Boosting FPS in Unity Games

Learn how to optimize the performance of your Unity games and boost FPS for a smoother gameplay experience.

59. How to Promote Indie Games: A Grain of Truth on Survival in Competition

The indie spirit lies in moving away from the comfort zone, making leftfield decisions, and experimenting. Experimenting with form, filling, user interaction techniques, and other processes. Stepping into the unknown is always hard yet fascinating. The same goes for promoting indie games.

60. Why “Small Changes” Don’t Exist in Production Game Systems

It doesn’t matter if you build games or a banking app - you don’t just have a pile of features and assets. You have an ecosystem for each bit of work

61. The Future of Gaming: Leveraging Data Engineering to Revolutionize Player Experience

Explore how data engineering revolutionizes gaming with AI, AR/VR, blockchain, and more, enabling immersive experiences and shaping the industry's future.

62. Game Coding for Dummies: A Quick Guide for Newbies

If you’re a complete newbie or already have a bit of a programming background, you can’t go wrong with Java for game development.

63. Exploring Unity DOTS and ECS: Is it a Game Changer?

Exploring Unity DOTS & Entity Component System (ECS) for game development, their benefits, performance optimization, and related packages.

64. How I Remade 2048 Using React

Today you will learn how to build your own clone of the 2048 game in React.

65. The Vampire Survivors Effect: How Developers Utilize Gambling Psychology to Create Addictive Games

Learn how game developers use gambling psychology to create addictive games, including the Vampire Survivors, and the controversy surrounding its use.

66. Unity Realtime Multiplayer, Part 1: Networking Basics

This article covers networking basics, player experience considerations, network speeds, underlying infrastructure and potential delays.

67. Decentralized Cloud Gaming: Exclusive Interview With Aethir CEO Mark Rydon

I recently was able to discuss Aethir’s mission to solve the cloud scalability challenge for gaming and other streaming content...

68. Gossip Simulation Implemented In Python

How important is gossip to our species and our evolution? Enter Celestus the gossip town: where dumb bots, AIs and humans interact and gossip about each other.

69. A Guide to Deploying Phaser 3 Webpack Games to Heroku

I’ve had a hard time figuring out how to get a Phaser 3 Game deployed on Heroku. This is why I’m going to show you how to create a brand new node.js project, integrate it with Webpack and Phaser 3 game engine using Express as a Webserver, and deploy it to Heroku, so we can see it live.

70. The Dying Art of Boredom in Game Design: The Toll of Monetization on Creativity

Gaming industry's tug-of-war between innovative artistry and the lucrative allure of microtransactions

71. Why is Gaming Important to You?

In this slogging thread, the team at Hackernoon discusses why gaming is important and how it can impact our lives. For all you like-minded gamers, you have to g

72. Unreal Engine vs. Unity: Choosing the Right Game Development Platform

Unreal Engine vs. Unity: Choose your game development platform wisely and bring your ideas to life with the perfect fit.

73. How to Create Rock Paper Scissors Spock Lizard in JavaScript

In this tutorial, we're gonna build a really simple game of Rock Paper Scissors Spock Lizard.

74. Achieving Mastery: How Analytics Drives Game Balancing and Tuning

Explore how the power of analytics propels game balancing and tuning, unveiling the secrets to achieving mastery in game development.

75. How Russian Games Propagated the War

Russian propaganda has used the game development industry to promote war with other countries.

76. The Roblox Noob Guide: What is Roblox and How to Get Started?

If you’re struggling to figure out how to get started in Roblox, check out this Roblox Noob Guide.

77. The Hidden Gems of Game Analytics: Unveiling Trends and Insights for Game Developers

Unveil game-changing insights and trends with hidden gems of game analytics. Empower game developers with data-driven strategies for success.

78. The Science Behind the Fun: Why Game Analytics Matter in Modern Game Development

Uncover the science behind the fun! Explore why game analytics matter in modern development, driving data-driven decisions and optimizing player experiences.

79. 3D Engines: A Comprehensive Guide to Automation

This article gives an overview how to efficiently test computer graphics and automate processes.

80. Top Game Development Technologies and Trends In 2022 and In The Coming Years

Learn the top game developments trends, technologies in 2022 and the future of game development in the coming years if you are planning to build gaming app.

81. Memory Mastery: Comparing Unity and .NET Garbage Collection

Learn the differences between garbage collection in Unity and .NET, then go deep into the specifics of memory management in Unity.

82. How To Become An AR/VR Web/Mobile/Game Developer

A full roadmap with relevant resources for all developers enthusiastic about developing AR/VR experiences.

83. Introduction to Gamevertising

A story about how gamevertising and advergaming are the future of digital marketing. FlyMoney Games is a gamevertising company.

84. Rider 2023.1: Discovering New Features for Unity Developers

Rider 2023.1 enhances Unity dev experience with Android debugging via USB, UI Toolkit templates & DOTS support, making it a top IDE for Unity developers.

85. The Four Elements and Their Graphic Effects: Exploring Shaders in a 2D Game

Features rendering of 2D effects - fire, water, earth and air

86. Is Flutter the Panacea in Cross Platform Game Development?

Analysis of the potential impacts of flutter framework in the cross platform game development industry.

87. Mastering Unity's Coroutines

Coroutines is one of the easiest ways to implement asynchronous behavior in your game. Learning this building block is a must for any aspiring game developer.

88. 2021 Will Bring a Blockchain Gaming Revolution

Blockchain gaming technology can bring countless benefits to the table when it comes to gaming functionality and utility.

89. Unity Realtime Multiplayer, Part 7: Architectures in Different Genres

Network architecture patterns impact player interactions and but come with their own pros and cons. The choice depends on the genre and interaction scenarios.

90. Stop Forcing Me to Explore Your World

Last year, when I started playing Immortals: Fenix Rising, I was excited to play a far more colorful open-world action game. After years of realistic, tiresome Open-World games that Ubisoft had become known for, Fenix Rising looked to be a breath of fresh air that seemed to take inspiration from all things, The Legend of Zelda: Breath of the Wild. However, when I claimed my first tower, the game instantly bloomed with tasks to do, items to collect, all in the name of "encouraging" me to explore Fenix Rising's vast world.

91. DeFi Land is Bringing Fun to Gaming and Virtual Farming Through Play-to-Earn and DeFi Gamification

DeFi Land is an online game that simulates multi-chain agriculture to gamify decentralised finance.

92. AI in Gaming: A Case Study in Virtual Economies

Explore the transformative role of artificial intelligence in gaming, focusing on virtual economies.

93. The Hacker's Nemesis: Strengthening Game Security to Ward Off Intrusions

Unveiling how game developers strengthen security to thwart unauthorized intrusions, emerging as hackers' ultimate nemesis in online gaming.

94. Unity Realtime Multiplayer, Part 5: Preparing Game Data

In terms of network transmission, in a realtime multiplayer game, data format is key. We cover techniques for serializing and deserializing.

95. Games, ChatGPT, Interactive Fiction and the Metaverse with FibreTigre

Interviewing FibreTigre on games development, interactive fiction, the metaverse and whether ChatGPT will make it into games.

96. What AI Game Developers Do and How to Become One

Depending on the genre and purpose of the game, different technologies and approaches are used in the development of AI.

97. A More Complex Ability System, but a Smoother Gamedev Workflow – How?

The unique abilities of the mechs in the game War Robots are essential; read on to learn in simple terms how our ability system works and what makes it good.

98. Unity Realtime Multiplayer, Part 4: Overcoming NAT Challenges

NAT technology is an integral component of modern internet infrastructure, but it creates certain obstacles for direct device-to-device connections.

99. The Life and Times of Adobe Flash Player Gaming

I tell how Adobe Flash Player expanded the video game audience, spawned the indie movement, created the basis for social and mobile gaming, and why Flash died.

100. How to Predict a Hyper-Casual Game’s Success Before Public Release

Understanding how CPM, CTR, and CPI work allows developers to hack their way to their first “hit” faster. And speed is crucial in this genre.

101. Finding Success on Roblox, Launching Games with Zach Letter of Wonder Works

In my recent conversation with Zach Letter, founder of Wonder Works, we discussed the business and marketing of Roblox games.

102. The First Provable AI-Proof Game: Introducing Butterfly Wings 4

We present a deterministic game incorporating two key mechanisms: Controlled Chaos Shifts (CCS) and Accepting Loss of Control (ALC).

103. How To Integrate App Tracking Transparency with your iOS Unity Project

ByteSyze SDK covers iOS 14 compliant bases by integrating a custom App Tracking Transparency handler into your Unity iOS project for your ATT-dependent SDK's.

104. On Weapon Design in Video Games

After introducing you to the game characters' initial conceptualization in the previous DevBlog, it is now time to design the weapons that the characters use.

105. How I Became a Landowner (in the Metaverse)

How I became a land owner in The Sandbox...and why you should too.

106. How We Built a Voice-Activated Lovecraftian Adventure Game

In this article, we will discuss why we decided to create a voice-controlled game, what was the hardest part, and why we decided to open up about the money we make in the emerging market of conversational AI.

107. Why Blockchain Gaming in its Current Form Can’t Survive

Investment in the blockchain gaming sector has already broken $3 billion in 2022, compared to $4.2 billion across the whole of 2021.

108. Mission Generation Using Classic Machine Learning and Recurrent Neural Networks in Zombie State

We’ll walk through the big picture of generating missions using classic machine learning and recurrent neural networks for roguelike games.

109. Create an IDE with Godot

I wanted to create a game, but I created a basic IDE for the Click4 fantasy console.

110. Web Development: Teach yourself to Teach Yourself

Struggling to pick up Web Development? This article contains lots of advice you don't have time for or want to hear.

111. Browser-Based Games are Making a Comeback...Again

With the creation of wasm, are web based games going to rise again?

112. Learn to Code with Pico-8 Games

113. As Software Eats the World, Game Engines Eat Software

Marc Andreessen famously claimed “software is eating the world,” a decade later I claim "game engines are eating software"

114. 10 Useful Assets and Third-party Kits for Unity Developers of Any Level

10 useful assets and third-party kits for Unity developers of any level that help developers to simplify the work process

115. An Introduction to LÖVE the 2D Game Engine

If you are looking into starting with LÖVE, this guide compiles a lot of information that will help you to get started and save you hours of research.

116. Adapting to AI: Insights from a Project Manager in Game Development

I became a project manager in a game company in 2021 and witnessed how production processes evolved in parallel with the rapid emergence of new AI tools.

117. How to Optimize UIs in Unity: Slow Performance Causes and Solutions

See how to optimize UI performance in Unity using this detailed guide with numerous experiments, practical advice, and performance tests to back it up!

118. Elden Ring is Not Fast-Food Entertainment

Elden Ring might seem difficult at times, but the game’s complex combat system ensures that players can overcome seemingly impossible situations,

119. Checkers on React - Part 4 - Figures, Selection

Adding figures and selection to a version of Checkers made on React is reasonably simple if you know the basic steps of adding game logic into the language

120. Interactive App Development: The Perfect Technology Stack

What is an interactive application? It is a type of a usual web or mobile app with interactive features that allows users to interact with content via gamification, VR/AR, and visualization.

121. Space Invaders Meet ConfigCat and MelonJS

A simple recreation of the legendary Space Invaders game

122. Celebrating 10 Years of War Robots and Reflecting From A Technical Perspective

In this post, we look at the technical side of War Robots over 10 years: the cool stuff, the problems, the experiments, remastering the game, and more!

123. NFT Tools for Building a web3 Game

How can web2 games seamlessly include web3 elements like NFTs in their games?

124. I'm 16 and I Built CovidInvaders to Help Promote the Coronavirus Vaccine

I've spent the last 2 months building a game, CovidInvaders to help spread awareness about the new Coronavirus vaccine. Here's how I did it.

125. How to Get Your First Job as a Video Game Designer

126. Creating Cheats for Dead Cells Using Unsafe Rust

Learn how to create a Dead Cells cheat using memory manipulation techniques.

127. What Are Roguelites? A Deep Dive

Learn why roguelites are the fastest growing game genre

128. How to Become a Game Developer

Are you planning on becoming a Game Developer? Here is a roadmap and resources to become a Game Developer in 2022.

129. Retrospective: the Evolution of Mobile Games

Over the past decades, mobile games have undergone tremendous changes, transforming from simple, uncomplicated entertainment to a multi-billion dollar industry.

130. MVP Game Development With Flutter and Flame

Follow along as we build an example game, demonstrating the power and efficiency of Flutter and Flame for creating engaging and functional games quickly.

131. BattleTabs Proves the Potential of Browser-Based Games

BattleTabs is a video game that started as a Chrome plugin, which shows the potential of browser-based games in today's market.

132. More AAA-Studios will be Bought for Absurd Cash Deals in the Next 3 years

The future of moblie, desktop, and web 3 gaming. We discuss our predictions for where the market is headed. What I love about advergaming and marketing games.

133. Making A Spooky Quantum Game in 15 Hours or Less

134. How PvP Matchmaking Works, Illustrated by War Robots: Frontiers

Matchmaking is an integral — yet often mysterious — component of any online game.

135. 11 Phases Of Simple Mobile Game App Development

11 phases of simple mobile game app development: ideation, prototype development, testing, and launch.

136. 7 Unity Engine Games With Impressive Sales From Game Analytics

How companies used game analytics to generate great revenue from their games.

137. This is What Happens When You Add Personal Avatars To Mozilla Hubs

Soon after COVID hit and made our team go fully remote, we quickly got tired of seeing each other's faces on video and decided to give Mozilla Hubs a try – so we could meet up in the same room, virtually.

138. The Characters of Battle Of Olympus: An Intro to The Gods

In this article, we wanted to discuss some of the characters you will encounter in our game. Today, we’ll introduce you to Zeus, Hades and Metis.

139. Checkers on React - Part 5 - Simple movement

Adding simple movement to Checkers made in React, part of a series on learning how to implement the systems ended to create a simple boardgame on React.

140. 72 Stories To Learn About Video Game Development

Learn everything you need to know about Video Game Development via these 72 free HackerNoon stories.

141. Crash Course in Bevy and Rust for the Impatient Programmer: Chapter 1 – Let There Be a Player

Build your first 2D game in Rust with Bevy 0.16: set up camera, spawn a player, move with keyboard, add sprite animation, and structure code with plugins.

142. Mario Kart 9: Possible Release Date and Everything We Know So Far

Mario Kart 9 is reportedly in development. Here is everything you need to know to get excited for Nintendo's next kooky kart racer.

143. AI Will Put Programmers out of Work in 2025

Will AI put game developers out of business? Find out why we think so after developing a new udemy course "Fast and Furious Game Dev with JavaScript and AI."

144. Modular Game Engines: Building Scalable Architectures for Next-Gen Online Slots

It reveals how modular game engines enable scalable, high-performance online slots. Learn core-feature boundaries, dependency management, and so on.

145. Unreal Editor for Fortnite: A Game-Changing Gateway to AAA Development

Unreal Editor for Fortnite (UEFN) empowers developers with AAA tools, monetization, and a built-in player base, unlocking opportunities in game development.

146. How to Raise VC Financing for Your Video Game Startup

A complete guide to raising venture capital financing for video game startups of all types - technology, game studios, social companies, and financial companies

147. This Browser-based Editor Generates Stunning Isometric Tile Maps in Pixel Art Style

Procedural generation with isometric Wave Function Collapse (WFC). Generate your own little microcosmos using a browser-based editor.

148. The Importance of UX Design in Video Games

UX design is an important part of video games as it helps users form first impressions of the game and motivates them to try it out.

149. Tokyo Game Show 2022 is More Than Just a Video Game Convention

It is a return to a long-awaited normalcy the gamers of Japan, no, the gamers of the world, so rightfully deserve.

150. Making the Snake Game in your Browser: Practicum Coding Bootcamp

Want to make your own classic arcade game?

151. An Intro to Clash Royale: Supercell’s Mammoth Brainchild

Supercell is mobile gaming royalty, as my 5-year relationship with Clash Royale - one of the 5-games on its superstar roster - goes to show.

152. Manifesting The Metaverse With Play-to-Earn Games

In Facebook’s recent earnings call with investors and analysts, Mark Zuckerberg repeatedly mentioned “metaverse”, and announced his expectation for Facebook Inc

153. How to Evaluate Your Mobile Project to Sell It

How to evaluate your mobile project to sell it profitably: experience by ZiMAD

154. 6 Software Tools I Use to Make Game Art Without Being an Artist

155. How Nanite Enables Unlimited Polygon Rendering in Unreal Engine 5

Nanite is a groundbreaking technology in Unreal Engine 5 that lets artists create or import film-quality meshes.

156. 'Candy Crush is the First Game to Employ Brain Hacking Techniques'

Past–Present–Future: Q&A with Triple O Games CEO & Co–Founder Isidro Quintana

157. How Glenn de Leon Garza Got Into the Gaming Industry and Ended Up Creating Art For Star Wars

How do you get into gaming from anywhere in the world? What to expect from a 3D artist job, and to get your hands on the Star Wars franchise game?

158. Does Roblox Exploit Child Labor in the Metaverse?

The most popular game/platform in the world shows us how some of the darkest chapters of labor history can easily repeat themselves in virtual reality.

159. How to Enhance Your Game Project Using the ObjectPool Pattern (A Unity Guide)

The Object Pool pattern usage for optimizing game projects. Guide for Unity Developers

160. Why Generalists Will Survive the Gaming Industry’s Collapse

The video game industry, once a beacon of innovation and opportunity, is now facing an unprecedented crisis.

161. Game Dev for Beginners: Compiling a Cross Platform And Building a Retro Game Umoria

Looking to get into development? Have a soft spot for old console based RPG games? Why not build Umoria! A Rouge clone created in a day of limited graphics - but nevertheless a very addicting game for the time. I would say one of the more memorable games that got me interested in coding (game was so hard I wanted to reverse engineer the save format).

162. An Intro to User Analytics in the Gaming Industry

Gaming analytics can be best defined as is the whole process of applying user behavior data to guide sales & marketing, product enhancements, etc

163. Becoming a Game Designer is More Attainable Than You Think

The School of Game Design: Lifetime Membership - $49 - is on sale for just $49 for a limited time.

164. Developer Behind Crysis Announces Layoffs, Pauses Development on Next Installment

Crytek, the studio behind the iconic Crysis franchise and Hunt: Showdown 1896, has announced a major restructuring of its operations.

165. If You Think 100 Days of Code is Hard: Try One Game a Month Challenge

A popular challenge that beginner programmers participate in is called 100 Days of Code. Although I never participated in it myself, I see countless tweets with screenshots and progress reports of people sharing bits of apps they made. 100 Days of Code is a great way to keep people in the programmer mindset. It gets them familiar with what it is like to code every day. Still, I wonder if it is the best approach for everyone. For them, One Game a Month could be a great alternative.

166. Rewriting the 1978 text-only Super Star Trek game

During the last two weeks, I spent all my free time working hard on one of the most ridiculous achievements of my life: dissecting, understanding, and rewriting the old 1978 Super Star Trek videogame.

167. Optimizing the Ever-Growing Balance in an 11-Year-Old Game

Balance optimization in War Robots, an 11+ years old game. Core and meta balances optimization

168. How Xbox Changed Their Homepage Every Year for the Past 18 Years

In this review, we will discuss the evolution of the Xbox website and see how the design elements improved over the years.

169. Getting Started With Game Development

How to begin developing video games?

170. The Role of Music and Sound in Games

This article features the physiological impact of music on players and how the music elements enhance the overall gaming experience.

171. Decimated, the Next-Gen Gaming Metaverse to Look Out For

Meet the developers of Decimated, MMORPG in a cyberpunk metaverse with web3-enabled in-game assets and user-generated content.

172. Building a 3D Maze Game with SDL2: A Journey Through Code and Creativity

The goal of my project was to create an engaging 3D maze game that combines classic maze-solving elements with modern graphics and interactive features.

173. Battle of Olympus Gameplay Mechanics and Story

This article will provide an in-depth description of the mechanics and animations for our game Battle of Olympus.

174. Is Epic Games Partnering with Kiraverse?

Kiraverse, the highly-anticipated Web 3 game, has recently rolled out its Beta, and the way it's been rolled out is raising some eyebrows in the gaming community. The Beta version of the game could soon be available on the Epic Games launcher and includes Epic online services already, leading many to speculate about a potential collaboration between Kiraverse's parent company, Param Labs, and Epic Games.

175. I'm Building a Tower Defense Game Where VCs Are the Enemy

I'm building StartupTD - a tower defense game where you defend your startup from haters, bugs, and VCs using MRR as currency. Free to play, launching soon.

176. Meet Education Ecosystem: An EdTech Company For Developers

Education Ecosystem is a platform that teaches professional developers and students how to build real products in artificial intelligence, blockchain, and more.

177. Don't Learn Alone, Take ChatGPT With You

You may have noticed that, in the last few years, the Rust language has become a true Internet darling.

178. 6 Things We're Learning at Hacker Noon

At Hacker Noon, one of the goals of our platform is to help people learn new things online. This is a major reason why we have a Learn tab on the homepage and a partnership with Udemy. But just what are some of the things the Hacker Noon team and community are learning today?

179. What are Crypto Games and How do they Work?

Gaming projects on the blockchain are actively developing and attracting new players, and the market for decentralized games is gaining great popularity.

180. Ethical Considerations in Web3 Game Development

When designing and developing web3 games, there are a few different ethical considerations to take into account. Read about these ethical considerations.

181. Checkers on React - Part 3 - Figure

182. The Inside Scoop on How Gaming Companies Get You to Buy Their Stuff

Standing out from the crowd and capturing the attention of gamers is both an art and a science.

183. Why Every Multiplayer Game Needs In-Game Voice Chat

Voice chat is natural; it not only allows players to focus on the gameplay but also adds another level of immersion into the game. Easily add this feature!

184. How AI Helps to Make the SIDUS Metaverse Better

For over 15 months, SIDUS has been involved in AI tech game development. During 2022 only, Artificial Intelligence (AI) and Machine Learning (ML) helped us reduce game development, and in the future, we are going to increase this number. Along with the decrease in expenses, AI and ML help us to boost the quality of every component of the SIDUS Metaverse.

185. Can BuildBox Challenge The Might Of The Unity Game Engine?

As someone who has used both Buildbox and Unity to make games, I read with extreme interest a post by Venturebeat about the announcement of AppOnboard's new CEO, Mike Seavers. This could be one of the biggest wins for the company ever since Jonathan Zweig and AppOnboard acquired Buildbox last year. Zweig himself is an experienced entrepreneur, having co-founded AdColony in 2008 (sold to Opera for $350m in 2014) and co-founded AppOnboard in 2016. AppOnboard has raised $35m from investors, according to Crunchbase, and the new appointment could lead to new funding rounds when the time is right. This is going to lead to a very interesting David vs Goliath battle between AppOnboard's Buildbox and Unity Technologies.

186. Checkers on React - Part 6 - Player

It’s time to add Players and the ability to change the current player on every next turn.

187. Why Multiplayer Skill Games Need a Domain-Driven Design

Explore how Domain-Driven Design (DDD) transforms skill game development, optimizing system architecture, game state management, and team collaboration.

188. The Noonification: Migrating from WebGL to WebGPU (12/20/2023)

12/20/2023: Top 5 stories on the HackerNoon homepage!

189. Ghost Recon: Breakpoint's NFT Push was a Terrible Move for the Industry

The Future of Gaming is complex. Here are my thoughts.

190. Singularity: Streamlining Game Development with a Universal Backend Framework

Discover how Andrey Makhorin and the team at Pixonic developed Singularity, a universal backend framework for game development.

191. The Future of Multiplayer Game Architecture is Hybrid

This multiplayer game architecture, if technically and economically feasible can reshape the future of gaming.

192. Why is Gaming Shifting to LiveOps, the Metaverse and Who Does Not Need It

How did games as service emerge, what are they used for, what are LiveOps in games, why does CS not change with years and stays popular, what else will be created in Fortnite and what is awesomeness inflation?

193. Let's Talk About Sumire: Indie Game Storytelling at its Finest

The premise of Sumire is beautifully simple: you have one day to change your life.

194. The Most Important Thing in GameFi is to Create Good Tokenomics

Juanjo Chust is CEO of Arker Labs, a company founded in 2018 which has been developing all kinds of applications.

195. Gold Fever, Wealth Management Tool in the Form of a Game?

Here is our story and how the bear market should know about Gold Fever.

196. Building a Simple Tic-Tac-Toe Game with JavaScript

In this article, we will be building a simple version of Tic Tac Toe using HTML, CSS, and JavaScript.

197. A Guide to Unity + Razorpay Payment Gateway Integration

My team & I was working on an AR&VR project — around mid-2017, the most difficult problem that we faced was integrating custom payment gateways to our app.

198. "Current P2E Gamers are drawn in on the earning aspect, which is unhealthy" - Ethan Ng

WonderHero is a Play-And-Earn RPG for iOS & Android, where players control a team of 4 heroes in tactical turn-based battles to win NFTs and Crypto Tokens.

199. AI is Fostering in a New Era of Video Game Development

With Fortnite, developer Epic Games didn’t just create an internationally acclaimed game; they built a new virtual space for socializing. With the PlayStation VR, Sony released the first mass-market console that allowed us to experience high-definition virtual reality in the comfort of our own living rooms.

200. The Noonification: RaspberryPi: Technology Overload - LAMP🕯 to UASP🐝 (4/30/2024)

4/30/2024: Top 5 stories on the HackerNoon homepage!

201. AI in Gaming: 5 Ways Machine Learning Will Change the Industry

With rampant developments in computer vision technology, there are many ways that machine learning is being used in the video game industry, especially in virtual reality. Developments in VR games are quickly changing the way we game and the way we socialize. It wouldn’t be much of a stretch to say that VR is the future of gaming.

202. Lessons Learned Making an MMORPG

In 2016 Casey McGeever, an ex-coworker and friend asked me to have lunch with him and his wife Jocelyne. He had a proposal to make — he was developing a game, and he wanted me to join the dev team (as the only non-developing dev on the team) to help promote the game through its creation.

203. Blockchain Gaming: A Paradigm Shift in Economic Modeling

Mobile as a gaming platform has dominated the gaming industry. Nearly 51% of the global games market came from mobile. It is expected that by 2021, mobile games revenue will grow to 100 billion dollars. Today mobile game developers pay a commission of 30% for any lead from the app store (paid app) or in-game transactions.

204. How a PM Can Transform Art Production: A Case Study in AAA Gaming

Project Manager of a AAA game reveals how he optimized art production by a factor of 3.3.

205. Bugs From the 90's: The Code of the Command & Conquer Game

206. Java Backend Observability with OpenTelemetry Traces and Minimal Code

How we integrated the OpenTelemetry framework into our Java backend, getting tracing with minimal coding.

207. How is Blockchain Revolutionizing the Gaming Industry?

Through this informative article, you'll learn how blockchain is revolutionizing the whole gaming industry and why more businesses want to leverage it.

208. HR Director Lutsia Gorelova Reflects on What's Changed In IT Hiring Over The Past Few Decades

209. 6 Devices You Won't Believe You Can Play Games On

You sure can play games on computers, consoles, mobile phones and even TVs. But what else can you play on?

210. Common Coding Conventions in GDScript

Discover essential GDScript coding conventions that enhance code readability and maintainability. Learn about naming, indentation, line length, and more!

211. Cloud Gaming: Will we Soon See a "Netflix" for Video Games?

Cloud gaming is a very exciting prospect within the gaming industry. While we've seen the lukewarm reception of Google Stadia, the idea itself is relatively new. Just like Netflix was rejected at first, perhaps cloud gaming is the future of the game industry as a whole.

212. Building a Level Viewer for The Legend Of Zelda - Twilight Princess

I programmed a web BMD viewer for Twilight Princess because I am fascinated by analyzing levels and immersing myself in the details of how they were made.

213. Minecraft Chooses Classic Gaming Over NFT Hype

Minecraft released a statement on its website emphasizing its lack of interest in integrating any form of NFTs into its games.

214. This AI by Intel Makes Grand Theft Auto 5 Look Photorealistic

This AI can be applied live to the video game and transform every frame to look much more natural.

215. Unbound: Worlds Apart was Inspired by Hollow Knight, Ori, Portal, and Diablo 2

Since 2016, Sergiu & the team at Alien Pixel Studios have been working on the new game Unbound; Worlds Apart which recently launched on Steam & Nintendo Switch

216. Real-Time Rendering Tool with Reconstructions Based on UE4 Raytracing Tech

Direct use of UE4's pathtracing is a great yet not perfect solution, since UE4 uses BruteForce

217. The Unity Writing Contest: Round 1 Finalists Announced!

It’s time to celebrate the amazing content pieces shortlisted as finalists for the first round of the Unity Writing Contest by Tatum Games and HackerNoon!

218. Making Game Boy Games in 2021 with Quest Arrest Developer John Roo

In this AMA, we dive into John Roo's thoughts on game development, retro gaming, and the indie dev scene.

219. Understanding AI-Powered Simulated Worlds with Christopher Entwistle

In this slogging AMA, we chat with Christopher Entwistle about the Improbable, his career, the future of the metaverse and how to make money in it, and gaming.

220. On Bot Development in FPS Games

We understand how difficult it is to find 10 players to play with, especially for a new indie game. Can you imagine playing a first-person shooter without anything to shoot at? It simply didn't make sense. As a result, we decided to include bots in the game so that players could play even when their buddies were unavailable.

221. Assist Me In Designing a Board Game - Part 3

I think it might be a fun experiment to share my design progress online — and create a better game with live feedback from you

222. Godot 4.3 RC 2: The Safe Fixes

This section covers changes made since the previous RC 1 snapshot, which are mostly regression fixes, or “safe” fixes to longstanding issues.

223. The Godot Editor Is Now Available in the Meta Horizon Store

This is an early access version of the Godot Editor running natively on Meta Quest devices, enabling the creation and development of 2D and 3d xr apps

224. 223 Stories To Learn About Game Development

Learn everything you need to know about Game Development via these 223 free HackerNoon stories.

225. 5 Mind-Blowing Real-World Applications Made with Unity — Taking Gaming Technology to the Next Level!

Unity has been used to create some amazing real-world applications that have revolutionized the way we interact with technology.

226. The Making of The Walking Dead: Saints & Sinners - Skydance Interactive Podcast

In this special episode of the Hacker Noon podcast, I talk to Mark Domowicz and Todd Adamson from Skydance Interactive, the acclaimed developer of The Walking Dead: Saints & Sinners, one of the best virtual reality games on the market today.

227. Advantages of AI in Gaming: How We're Creating Smarter Competition

Why artificial intelligence is being introduced into competitive and cooperative games today, and how the development teams of such games use AI.

228. You Will Love These Entity Component System Benefits In The Unity Engine

To date, a truly vast majority of both well-established companies and amateur game developers and indie teams use the Unity engine to develop games, applications, simulations, visualizations, etc. One of the reasons for such popularity is the rather low entry threshold compared to peers. It allows beginners to create their first game prototypes after just a few days or even hours of training.

229. How to Improve Marketability of a Mobile Game Application with Concept Testing

Game publishers may have no idea that they have weak marketability until they soft launch their product, and at this point they have already invested huge resources into the development. Yet, there’s a way to make sure that the game can hit its business goals before writing a single line of code. I’m referring to game concept testing.

230. 5 Things You Should Know Before Developing CTV Games

Learn 5 main steps that CTV developers should take into account when they are creating a new game.

231. Configuring Your Phaser 3 Game With Webpack For Production

I am writing this article to help people that are just starting to learn Phaser 3 and need extra support when deploying their game to production. This tutorial will focus on configuring your app with Webpack, I will run through each line of code explaining what they are doing and why they are important. This tutorial won’t show you how to set up your Phaser 3 game, in that case I recommend you to start with this template and jump to configuring your prod.js in this article (Step 5).

232. Xsolla Debuts Xsolla Wallet To Provide Access To Embedded Finance Solutions And Instant Earnings

The Xsolla Wallet is a game-changing solution offering embedded finance options specifically designed for developers and creators.

233. Coding for Gamers: The Long Dark

Before I became a programmer I loved to play games. I played games for many years before I even knew the most basic concepts about coding. However these days I see that people are trying to introduce their kids to programming and looking for ways to make programming concepts more approachable. I think that using existing games people love is a great way to do just that. That is why I wanted to start this new coding for gamers blog series. In this tutorial I will show you how to do that by walking you through the process of extracting a feature from a video game called The Long Dark and recreating it on your own.

234. Parallel TCG Releases On Epic Games Store

. Players collect cards, build 40-card decks combining cards from one of the five factions and the Universal pool, and engage in strategic battles against their

235. On Game Development with Salvatore Calì from Rise of Cultures (InnoGames)

In this slogging AMA, we chat with Salvador Calì about the Rise of Cultures, Innogames, game development, the metaverse, and leadership in gaming.

236. The Real Reason Most Indie Games Flop (It Has Nothing To Do With Gameplay)

An explosion of high-quality games has saturated traditional channels. As discovery breaks down, distribution is becoming the industry's biggest bottleneck.

237. The Tech Behind War Robots’ First Sword-Wielding Mech

Go behind the scenes of War Robots’ first melee fighter, SWORD Unit 190, and discover how we designed swords, physics, and animations for epic battles.

238. The Gaming Industry is Going Through a Revolution in 2021

Blockchain technology is resulting in a revolution in the gaming industry.

239. What I've Learned By Making And Promoting A Game To Help Stray Cats

At the beginning of summer 2019, I've got an idea to make a cat-themed game to help stray cats by donating all the revenue to cat charities.

240. Fixing Code Errors in Amnesia: The Dark Descent

Just before the release of the "Amnesia: Rebirth" game, the vendor "Fractional Games" opened the source code of the legendary "Amnesia: The Dark Descent" and its sequel "Amnesia: A Machine For Pigs". Why not use the static analysis tool to see what dreadful mistakes are hidden in the inside of these cult horror games?

241. Why You Shouldn't Quit Your Job to Make Money Playing Games

The what, why and when of playing to earn games.

242. Blockchain Game Development: What Is It, And How Do You Get Started?

In this article we’ll take a look at blockchain game development. We’ll also list popular games and some of the best blockchain game developers.

243. How the Pandemic is Transforming the Gaming Industry

The Coronavirus has shed light on innumerable industrial and sociopolitical problems: our fractured healthcare system, racial disparity in access to emergency services, the crushing failures of capitalism more generally.

244. Godot's Usage on GitHub: A Deeper Look at the Stats

Godot gets almost the same number of new pull requests per month as new issues, roughly 600 of each per month (that’s 20 PRs and 20 issues per day).

245. Connected TVs are the Future of Hyper-Casual Games

CTV is great for many reasons, and here is one more: it's perfect for hyper-casual gamers

246. The Noonification: How to Create a CI/CD Pipeline Using GitHub and AWS EC2 (5/1/2024)

5/1/2024: Top 5 stories on the HackerNoon homepage!

247. Ufbx Importer in Godot 4.3: Everything That Came With It

The ufbx importer is a major step in improving the accuracy and ease of use of Godot’s 3D importer. It is but one of many improvements.

248. Here's Why the Godot Foundation Has No Plans for Console Ports

Nonetheless, here we attempt to describe the current blockers to the best of our ability, and detail what that means for you as developers looking to port

249. A Game Developer's Guide to Making Your Automated Tests Awesome in 5 Simple Steps

How to use automated tests in mobile games. Tips for effective work.

250. Is a Career in Game Development Right for You?

Where to start if you want to work as a programmer in gamedev.

251. TGS 2022 Suffers a Nearly 50% Decrease in Guests, But 'Nothing Stops Gaming'

In a flash report to press attendees, the TGS 2022 press contact has announced that the event was able to bring in 138,192 Visitors over a 4-day period.

252. Blending Worlds: How to Integrate External IPs Without Losing Your Game’s DNA

How to successfully integrate external IPs into your game without losing its core identity - insights from real-world collaborations.

253. Assist Me In Designing a Board Game - Part 4

I think it might be a fun experiment to share my design progress online — and create a better game with live feedback from you

254. Ready Player China: An Introduction to China’s Booming Video Game Market

Despite its history of strict regulation against the industry, China’s gaming market is flourishing. Chinese MMOs and RPGs are topping lists around the globe while high-quality cross-platform releases, along with creative marketing through films, eSport competitions, and livestreaming, have set the tone for China’s growing gaming market for years to come at home.

255. No Tool Could Handle Our Load‑Testing Framework for Games—So We Built Swarm

How we designed Swarm, our in-house load-testing framework, to handle the challenges of end-to-end testing, custom protocols, and large-scale bot simulations.

256. Games That Embrace the Spirit of Satoshi

It is clear to see which games are in keeping with the ethos of Bitcoin. Such games provide their users with more control over in-game currencies and items

257. A Podcast with NIS America: How has COVID Changed the Gaming Industry?

258. How Better Daily Routines Can Improve Art Production by 70%

Case study: daily routine fixes that unblocked art implementation—raising merges to 8.5 branches/version and cutting bugs to 0.75/branch.

259. Stereoscopic Imaging Technologies for PC Game Developers

The principles of stereoscopic imaging, its evolution, and impact on PC game development. Learn from the expertise of Konstantin Morshnev

260. C++ Isn’t Going Anywhere in Game Development

C++ remains the backbone of modern game engines—and it’s not going away anytime soon.

261. How to Create Promotional Assets: An Insider's Guide into the World of Graphic Design

I offer you to go through the evolutionary stages of promo materials.

262. Godot 4.4: Metal Rendering Backend, 3D Physics Interpolation, and More

Metal is a low-level graphics API similar to Vulkan or D3D12. Godot currently supports using Vulkan or D3D12

263. Bugs from the 90's: The Code of Command and Conquer [Volume 2]

264. 5 Open-Source Projects To Donate via Kivach, Episode VII: Games To Play for Free!

We can enjoy a lot of free and ad-free games on mobile and desktop, all of them designed with passion. Let's discover them!

265. Why Political Science Can Take Game Development to the Next Level

266. How to Build a Pokémon Game and Learn Vyper in the Process

Last month, I started exploring DeFi.

267. Designing a Flexible Ability System in Games Using the Chain of Responsibility Pattern

Game abilities are built from reusable checks (mana, cooldown, etc.) linked in a chain. Execution is handled separately. This makes abilities modular, testab...

268. Cinematic Playground: Exploring the Fusion of Movies and Games

Game development and movie making go a long way. Both are two apples fallen from the same creative tree in the boundless orchard of entertainment.

269. Why Designers Should Venture Outside Their Industry for Inspiration

In my opinion, it's important to understand the main principle: approach your work with an open mind, be curious, and find new sources of inspiration.

270. Altura Launches $1M Web 3 Gaming Grant Fund to Empower Developers

Altura’s $1M grant fund revolutionizes Web3 gaming, offering developers $50K/month to create groundbreaking projects.

271. Reinventing the Legendary Fish Shooting Game Using Blockchains

With the emergence of new technologies like AI/ML, AI, and Blockchains, the gaming industry today is ready to bring new advancements in the gaming field and create a whole new experience for gamers worldwide. While other techs are slowly picking up the pace, blockchain-based gaming platforms have already started to revolutionize the sector. With their transparent and decentralized ecosystem, they have become sought-after games for players worldwide who are looking for more than just an enhanced gaming experience. Fishcoin is one such blockchain game that is intending to revolutionize the ever-famous fish shooting game by taking it on a blockchain ledger.

272. Blockchain Can Create a User-Focused Gaming Industry - Unhashed #5

The gaming industry is growing rapidly and raking in trillions of dollars in revenue. Yet, the gamers get nothing of real value. Blockchain can change that.

273. Education of a Programmer: Why It Should Not Be Same as Other Professions

"I hear and I forget. I see and I remember. I do and
I understand" ~Confucius.

274. My Experience as A Team Lead For Unity3D Gamedev Team

Recently I became the team lead in the company I am working for and here I want to share a few lessons that I already managed to learn.

275. How to Optimize Work With Collisions in Unity

Hello everyone, I would like to share a solution that, for some reason, I have not seen anywhere before, but it does a good job of optimizing the work

276. AdTech: The Game Changer in Enhancing KPIs and Monetization for the Mobile Gaming Industry

AdTech is revolutionizing the gaming industry by enhancing KPIs, optimizing acquisition funnels, and maximizing game monetization strategies.

277. Blockchain Games Hold More Potential Than Previously Understood

Blockchain technology is step by step penetrating many areas of our lives, not just becoming an innovation, but shaping the approach and requirements for market products.

278. The HackerNoon Newsletter: Why “Small Changes” Don’t Exist in Production Game Systems (2/28/2026)

2/28/2026: Top 5 stories on the HackerNoon homepage!

279. Diversity in Gaming: Art & Design that Reflects Reality

The popularity of online, PC and gaming apps skyrocketed during the Covid pandemic.

280. Wait, That's How Much Game Dev Costs?!

Mike Vittiglio dropped some serious knowledge bombs about game dev on this episode of The HackerNoon Podcast. Amy asks Mike about the cost of game development.

281. GameGPT Launches Genesis AI NFT Collection, Combining AI And Blockchain For The Future Of Gaming

With this launch, GameGPT aims to redefine how video games are created: providing gamers, creators, and blockchain enthusiasts with next-generation tools for im

282. Blockchain Tech In the Gaming Industry: Major Players To Spark Mass Adoption?

283. The first generation of Crypto Games and Crypto Gaming Guilds

A review of the current Crypto gaming landscape, particularly on the economic design, stakeholders, and core gaming principles.

284. Disney Dreamlight Valley Launches Early Access in September, New Gameplay Trailer Released

Gameloft and Nintendo revealed some new footage of the upcoming life-sim adventure game, Disney Dreamlight Valley, which hits Nintendo Switch in September.

285. What If We Could Build an MMO on the Blockchain?

Imagine your Ragnarok loot wasn’t just digital junk, but something you could sell for real money.

286. Making Games More Accessible With Accessibility Specialist Ian Hamilton

In this AMA, Ian talks about his role in the gaming industry, what games he has worked on and how he sees the future of accessibility in gaming.

287. How Many Times Do We Need to Remake Resident Evil 4?

The remake is being developed for PlayStation 5, Xbox Series X/S, and Windows PC via Steam.

288. Guardians of the Game: How Online Gaming Developers Continue to Combat Trolls and Hackers

Explore the fascinating world of reputation scores, uncover the parallels between trolls and hackers as antagonists in a video game narrative

289. Are Web3 Gaming Chains the New Digital Consoles?

Blockchain gaming: the new digital console. With asset ownership and thriving economies, these platforms could revitalize the industry.

290. XP.GG Gaming Platform Launches with Universal Battle Pass

Get Good and Get Rewarded in Fortnite, CS2 and Overwatch

291. The Emergence of CTV Gaming

Worldwide pandemic changed a lot about our everyday lives. But how it affected our gaming preferences?

292. Demographics of the Gaming Industry: Reading Between the Lines

An overview of recent developments in the gaming industry and what they mean for publishers and developers.

293. Understanding 3D Modeling as a Game Designer

3D Modelling in the games industry has its own requirements, unique from most forms of 3D modelling in the rest of the world, because of the interactivity.

294. Assist Me in Designing a Board Game - Part 1

I think it might be a fun experiment to share my design progress online — and create a better game with live feedback from you

295. The Evolution of Blockchain Games

Did You know that with a simple plugin You can transform any game in a blockchain game?

296. The NFT Artist Who Wants People To Make Decisions For “The Presidents”

This artist created the largest NFT collection of leaders (20,000 avatars) for a project that grants users access to its governance system over its presidents.

297. A Look at Games Made With Godot XR (December 2024)

Godot has a very active XR-focused community on the XR channel of the official Godot Discord server. Today, we want to put a spotlight on a number of them

298. Good Things Happen When Devs Start Building on Metaverses: The WoF Story

299. Beyond Your Window: A Look Into Visual Novel Development

Beyond Your Window is a Visual Novel divided into 4 different short stories based on the themes of love, responsibilities and difficult daily choices. As Team SolEtude’s first full-length release, we decided to write down this post-mortem to let other designers/writers/fans of the Visual Novel genre know how we developed it from the prototype to the released version.

300. 3 Reasons Why Wordle is So Addicting

Let's discuss three reasons behind the immense popularity of the Wordle game.

301. Gamifying Bitcoin Using Blockchain-APIs - Part 1

If Bitcoin is truly gamified, everybody will want to play with it.
Key to this future are blockchain APIs.

302. 'I Made a Small RPG in Two Weeks' An Interview w/Game Developer Joana Almeida

Joana is a programmer, hobbyist game developer, and technical writer. She grew up in a household where tech was always present.

303. Assist Me In Designing a Board Game — Part 2

I think it might be a fun experiment to share my design progress online — and create a better game with live feedback from you

304. The Brainrot-ification of Mobile Game Economy Design

A look at how modern mobile games streamline currencies, progression, and rewards to lower cognitive load and increase player engagement.

305. Indignant CEOs and Struggling Developers: Have Game Developers Lost the Plot with NFTs?

I love Worms. Therefore, I love Team17. But a CEO launching surprise NFTs while artists and devs are starving is not cool. Have game-makers lost the plot?

306. The Metaverse is Coming and There Will be Millions of Them

The metaverse will change the Internet as we know it today. It will let us socialize, play, and work online in new, more immersive ways than ever before.

307. On Map Design in Blockchain Games: A Festival Map for Nearly Friendly Tribes

Nearly Friendly Tribes, our upcoming game, is set to introduce a new map, the Festival Map. This map is the second in our series, following the first map, the

308. Who Doesn't Love the Classic Snake Game?

Create a classic Snake game using Python and Pygame. Learn game development basics, including loops, conditionals, and rendering graphics.

309. From 3D Rendering to Motion Capture: What's Next for Game Development?

310. 5 Steps You Should Take To Launch A Cool Game

The key steps of the game development process, how each of them functions, and what roles and operations they consist of.

311. Three Lessons For Building a Killer Ad Game

Use elite marketing tactics in combination with gaming to sell your product, generate leads, and land new customers. Marketing made simple with gaming.

312. Tech Trends that will Rule the Gaming Industry in 2022

India's gaming sector has achieved 38% astronomical growth and is expected to exceed $ 5 billion by 2025. India, home to 420 million onlinegamers, is also second only to China.

313. Designing Progression That Feels Like Play, Not Grind

Learn how to design progression systems that balance intrinsic and extrinsic rewards, short- and long-term goals, fair monetisation, and meaningful endgame.

314. 141 Stories To Learn About Games

Learn everything you need to know about Games via these 141 free HackerNoon stories.

315. Write a Story on Unity Game Development, Win from $3,000

This writing prompt is for the #Unity Writing Contest by Tatum Games and HackerNoon. Here’s your chance to win from $3,000 prize pool!

316. How to Use Enum in C#

It’s hard to find a developer who has never heard about enum. But do you use it correctly? Let’s find out.

317. Forgotten Playland: A Multiplayer Party Game Like No Other Is Live On Epic Games Store

Available on PC now, Forgotten Playland offers a fresh, fast-paced gaming experience where players embody the mischievous PlushKyns, adorable yet unruly stuffed

318. 6 Surprising Insights You Can Gain From Unity Analytics

These unexpected revelations pave the way for informed decision-making, optimized gameplay, and successful marketing strategies.

319. The Importance of Music in Video Games

320. The HackerNoon Newsletter: Microservices: Is It Worth the Trouble? (8/15/2025)

8/15/2025: Top 5 stories on the HackerNoon homepage!

321. Recognized and Accepted: The Inevitable Rise of the Gaming World

Gaming fosters the mindset that allows creativity to grow. Now that gaming has been slowly recognized, will it continue to rise against all odds?

322. What Can You Do to Make Reddit Aware of Your Game? A Real Experience

In this article, you will find how to promote your game on Reddit, how to get karma, and what subreddits you can use for this. All you need is this article.

323. VR Math: The Difficulties of Moving Objects in Virtual Reality

Applied game dev math can be tricky, but is really rewarding. Here’s a follow-up to Nevyn’s Twitter thread on his journey from incomprehensible mess to enlightened one-liner.

324. 51 Stories To Learn About Gamedev

Learn everything you need to know about Gamedev via these 51 free HackerNoon stories.

325. How I Built A 2D Platformer Using Unity3D game engine

Forest Assassin is a 2D adventure platformer game with easy controls and fun gameplay, which helps every one to get started, this is a classic platformer game with wonderfully designed characters and world.

326. The HackerNoon Newsletter: The First Provable AI-Proof Game: Introducing Butterfly Wings 4 (2/10/2025)

2/10/2025: Top 5 stories on the HackerNoon homepage!

327. Creating a Notification-Based Game via Unity and Courier

I built a notification-based game with Unity Engine, Courier, Twilio, and Mailjet. This post discusses how I used Courier to build Rain Spikes.

328. Days Gone 2 Denied by Sony: This Game Needs to Happen

Are you hoping for an announcement for Days Gone 2? Well, you're not alone as there's an ongoing Days Gone 2 petition you can sign to support the game.

329. The Skeleton Modifier 3D: Its Design, Plus More

In Godot 4.3, we are adding a new node called 'SkeletonModifier3D.' It is used to animate Skeleton3Ds outside of AnimationMixer

330. Building a High-Performance Platform on AWS to Support Real-Time Gaming Services Using Presto and Al

An innovative platform with Presto and Alluxio as a data orchestration layer to support online services with instantaneous response within the gaming industry.

331. Gaming Industry Having a Boom During Pandemic: Will It Last?

No matter where you look, the coronavirus has done grievous damage. It has disrupted the lives of millions of people in every way imaginable. It has also upended the global economy in a manner not seen since the Great Depression. At the time of this writing, millions are out of work, and companies are cutting costs in an effort to survive the crisis.

332. Where Does Game Development Stand With the Unity News?

Unity's pricing changes rock game development! How will this affect smaller devs and the future of game creation?

333. Reviewing My App Development Experience for Mafia: The Game

In this article, I would like to share the development experience of my latest project, Mafia: The Game, a multiplayer game for iOS, macOS, tvOS, and the web.

334. Video Games Can Help Kids Choose Future Careers

Netflix documentary series on video games: High Score. Video games were the exact reasons I chose to study computers in college and work in IT.

335. The 'Cult' Of Kojima

Can one man have so much love and hatred at the same time?
If Your Hideo Kojima, it's par for the course.

336. GIANTX Partners With XP.GG

GIANTX, XL Studio will help elevate the quality of gameplay on XP.GG

337. Sonic Colors Ultimate Switch Version is an Unsurprising Embarrassment

Sonic Colors is yet another example of why this trend in gaming needs to die.

338. How Sandbox Technology Could Revolutionize The Gaming Market

The last decade in the global gaming industry is undoubtedly marked by the rise of mobile gaming, which has completely changed this industry.

339. Storytelling in Virtual Reality – The State of VR Podcast w/One Hamsa

Virtual reality is one of the most exciting and rapidly growing technology industries in the world. While many companies have been developing VR headsets, apps, and games for a number of years, VR has not yet broken into the mainstream. However, with the release of the PSVR in 2016 and the Oculus Quest in 2019, VR is growing rapidly in the gaming sector.

340. No-code, No life

No code is the emperor's new clothes.

341. The HackerNoon Newsletter: Microservices: Is It Worth the Trouble? (8/16/2025)

8/16/2025: Top 5 stories on the HackerNoon homepage!

342. An Intro to Ethermore: A Blockchain RPG Built by the Community

Ethermore is a blockchain RPG and emerging fantasy world built on the Ethereum blockchain.

343. Gaming as a Socially Acceptable Career

The gaming industry keeps evolving. Now, you can also make a career in gaming and earn a lot of money in this industry. Yes, it is possible.

344. Mega Man Battle Network Legacy Collection Coming in 2023

Capcom has officially announced the Mega Man Battle Network Legacy Collection featuring all 10 games from the Mega Man Battle Network series.

345. 5 Essential Unity Analytics Features for Successful Game Development

Understanding player behavior, optimizing game performance, and enhancing the overall experience are all vital for creating successful games.

346. What I Learned During the Steamworks Virtual Conference

Today I learned more on how to build a community through communication and so can you. This is a condensed view of my experience at the Steamworks Virtual Con.

347. Exploring the Wizarding world: My Magical Experience Playing Hogwars Legacy

The attention to detail in Hogwarts Legacy is truly impressive. This is a must-play for every harry potter fan or video game geek.

348. What is Cloud Gaming and How is Google Leading the Industry?

349. Everreach Labs Unveils Official Trailer For New Co-op PvE Shooter REVENGE

This groundbreaking co-op PvE extraction shooter - powered by Unreal Engine 5 - has already drawn significant interest across the gaming community, with over 60

350. Tap Fantasy: The Lost World of Odom [Part 1]

The story begins with a young adventurer and the planet Odom far, far away.

351. Players Are Not Quitting Games - They’re Quitting Bad Experiences

Players are not quitting games — they are quitting bad design, wasted time, and frustrating experiences.

352. Warped Games Embraces Premature Teaser Release To Highlight "Warped Universe"

The post racked up 80,000 impressions over the subsequent days before the Warped Team decided they might as well keep the post live.

353. Persistent Payday 3 Server Problems Frustrate Gamers for Fourth Day in a Row

Payday 3 has experienced service interuptions for a huge contingent of gamers for 4 consecutive days, find out the details now.

354. Decentralised AI Could Trade Up Lost Bitcoins (and Other Stories)

Decentralised ai could find a way to sell lost bitcoins by selling cool stories, like me, about lost bitcoins. I am also making a BTC game to run on the LN.

355. Deceptive Perception of User Experience

The article explains the limitations of traditional playtesting surveys and how neuropsychology can help capture accurate user experience data using EEG devices

356. 'Seed' by Klang Games: Part 1 of The Game AI Series

I spoke to their excellent game AI engineer Alessia Nigretti to get some insights into the team’s development process and the technology unpinning the game.

357. The Making of Arizona Sunshine - Vertigo Games Podcast

In this podcast, I talk to Arjen van Heck from Vertigo Games, one of the biggest VR game developers in the industry, and the renowned creators of the zombie apocalypse game Arizona Sunshine.

358. Meta Tutorial In Games: How It Works and Why It’s Useful

Any respectable game with multiple layers of content need tutorials. This article describes how meta tutorials work.

359. The HackerNoon Newsletter: The Secret Hidden Power of Questions (3/2/2025)

3/2/2025: Top 5 stories on the HackerNoon homepage!

360. The Indie Game Renaissance: Interview with SOTY 2024 Nominee, Parampará Game Studio

Vote for Parampará Game Studio in HackerNoon's Startups of The Year! We create unique, fair, and immersive indie games. Discover our journey and achievements!

361. BinaryX Hackathon: $25,000 in Cash Prizes For Game Devs Who Want to Shape the Future of GameFi

BinaryX, a leading GameFi and IGO platform, announced today their first-ever hackathon event.

362. Gomble Games Launches GOMBLE BUILDERS: A Web3 Game Creation Platform For Communities And The Masses

From asset licensing and gameplay concepts to AI-powered characters and IP integrations, every contributor plays a part in creation

363. 6 Reasons to Utilize Sandbox Technology in Game Development

Running a successful online application is an exciting journey, But it is also full of challenges. It starts from product-market fit (PMF)

364. The Noonification: Last Mile of Blockchains: RPC and Node-as-a-Service (7/26/2024)

7/26/2024: Top 5 stories on the HackerNoon homepage!

365. Fall Guys' Free Fall: Is Mediatonic Resuscitating a 'Dead' Game?

Back in 2020, the highly competitive battle royales space was swamped with path-breaking games like Fortnite and Call of Duty: Warzone. These games cornered the majority of the market size and were really intense. Amidst all this, Fall Guys made its debut in the market as a game with a comic show setting.

366. Aleksandr Pindyk on Creating, Playing and Writing About Games

This story is a part of Hacker Noon's Meet the Writer series of interviews. Aleksandr Pindyk is an AI game developer and HackerNoon contributor.

367. Meet Sergei Golitsyn: #Noonies2021 Nominee, Game Developer, & Lifelong Learner

Sergei Golitsyn is the Senior Software Engineer @ ZillionWhales. He has been nominated for several 2021 Noonies award.

368. COVID and CTV: How the Pandemic Fueled a Boom in VOD

What made CTV so great in time of the worldwide pandemic?

369. The HackerNoon Newsletter: How WebSockets Power Real-Time Apps (3/10/2025)

3/10/2025: Top 5 stories on the HackerNoon homepage!

370. The HackerNoon Newsletter: Why You Shouldn’t Judge by PnL Alone (9/23/2025)

9/23/2025: Top 5 stories on the HackerNoon homepage!

371. Oh You're Going to Your First Game Jam? Read Me First

372. Empowering Game Developers with Cloud-Based Hosting

Cloud-based hosting is breaking barriers for game developers. Learn how to build, deploy, and scale your games with the power of the cloud.

373. New Hybrid Models for Multiplayer Games and More with Noonies Nom, DoubleX

A general interview of DoubleX, one of those being nominated for HackerNoon Contributor of the Year - architecture, which is one of the Noonies award.

374. What Happened to Bully 2?

Despite the success of the game, Rockstar has yet to do anything with the Bully IP in years. Why is that? What happened to Bully 2?

375. GTA 6 Delay: The Cost of Building Games Everyone Worships

Why GTA 6's delay reflects bigger issues in AAA game dev, fan expectations, and the future of massive open-world titles.

376. Far Cry 6’s Gameplay Doesn’t Need to Change, but Ubisoft Does

Far Cry doesn't need to change its core gameplay, but Ubisoft does need to change how it makes and releases other franchises.

377. On Games as a Service Streaming Platforms & nerdytec w/ CEO Chris Mut

In this Slogging thread, we talk about nerdytec, Netflix, and the future of the gaming industry, considering the growing impact of GaaS platforms.

378. Blockchain’s Most Underrated Real-world Use Case is Fixing Video Game Item Markets

Excited about blockchain fixing video game markets? Hugo explores an underrated use case, enhancing CS2 & WoW with transparent, trackable items

379. The HackerNoon Newsletter: A Table as an API? Illusions and Reality (3/5/2025)

3/5/2025: Top 5 stories on the HackerNoon homepage!

380. How to Start Your Video Game Quest Writing Career on Ethermore

Ethermore is your chance to break into the world of video game quest writing by giving you a platform to show off your writing skills. Here's how it works.

381. The HackerNoon Newsletter: The Tech Behind War Robots’ First Sword-Wielding Mech (7/24/2025)

7/24/2025: Top 5 stories on the HackerNoon homepage!

382. Interactive Video: Past, Present, and Future

Do you remember Dragon’s Lair? If you grew up in the eighties and spent any time around arcade games, there’s a good chance you will. Its most recent high profile name-check was in Stranger Things: a nod to its enduring pop-culture legacy. And there’s talk of a film in the works.

383. Wanna Get Great At Making Indie Games? Make Lots Of Them

384. The Noonification: Why Humans Are Drawn to Games (4/22/2024)

4/22/2024: Top 5 stories on the HackerNoon homepage!

385. The Three Elements of an Effective Game Development Team

The process of composing a development team can look a lot like starting a fighting game where you choose characters to fight your battles. Here are many tips

386. The Noonification: A More Complex Ability System, but a Smoother Gamedev Workflow – How? (2/8/2024)

2/8/2024: Top 5 stories on the HackerNoon homepage!

387. The HackerNoon Newsletter: Optimizing the Ever-Growing Balance in an 11-Year-Old Game (9/4/2025)

9/4/2025: Top 5 stories on the HackerNoon homepage!

388. Coding for Gamers Series: Hellblade Senua's Sacrifice [Part 2]

In my last Coding for Gamers post we talked about replicating the hunger meter in The Long Dark. Today’s post is about replicating a feature from Hellblade: Senua’s Sacrifice. Hellblade is one of the most harrowing journeys into a mentally ill person’s mind that I have ever seen in a video game. If you haven’t played it, I highly recommend checking it out. You don’t even have to worry about getting addicted because the game has a concrete beginning, middle, and end. One of the unique aspects of Hellblade is a mini puzzle game that involves finding a shape in nature that matches a shape carved into the various runes in the world.

389. Why Hits Feel Different Now: Mobile Chases TikTok, Console Chases Community

Reflections on attention, platforms, and audience expectations.

390. CGC|LIVE: Cutting-edge Games Conference Coming September 22 - 26

Cutting-edge Games Conference invites all game industry professionals and enthusiasts to plunge into a completely different world for five days, to explore new capabilities of technology and creativity during the game developers’ conference sessions and on the online exhibition area!

391. Freighter Dev Log 2: Securing the API

A blog post about how I secured my API gateway on AWS using a custom Lambda Authorizer.

392. Streamlining Data Debugging for Game Engine Development with Algolia and Rust

Learn how Algolia and Rust can streamline data debugging for game engine development. Insights from Starschema's Senior Developer Gyula László!

393. Taking your Interactive Pixelated Game to the Next Level

Add camera movement, music, a health status bar, and more to your first pixelated game!

394. The HackerNoon Newsletter: No Tool Could Handle Our Load‑Testing Framework for Games—So We Built Swarm (5/20/2025)

5/20/2025: Top 5 stories on the HackerNoon homepage!

Thank you for checking out the 394 most read blog posts about Game Development on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

159 Blog Posts To Learn About Functional Programming

LearnRepo — Mon, 03 Aug 2026 15:00:50 +0000

Let's learn about Functional Programming via these 159 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

Dig Recursion? Welcome to functional programming

1. Real-world Use Cases of Dynamic Programming

Applications of dynamic programming

2. Function Composition with Lodash

Have you been reading JavaScript posts lately? Maybe you’ve noticed that functional programming is really popular right now. It’s a really powerful way to program, but can be overwhelming to get started with. Thankfully the most popular NPM package (with 48 million downloads this month) has a very useful functional programming package to help us get started!

3. The Basics of The Firmware Development Process

Firmware development is a necessary process in creating a new device and an embedded system. All the features and functionality of a device depend on its firmware. In simple words, firmware lies between software and hardware parts. So, it helps run software on a device and makes hardware perform required functions without involving users.

4. How to use componentWillMount with Functional Components in React

Functional components are far more efficient than class based components. Less code is needed to be written to achieve the same goal.

5. Including Files and Deeply Directories in Rust

One of the things that's been criticized by newbies in Rust is the file include mechanism. About 2 days ago, I spent around 5 hours on how I was supposed to include a file that was referenced deep down in a directory tree. The docs didn't help, as they were simple structures. Here I'll show you how you can include your code in different parts of the application, even when the structure is complex, and save you hours on how to do this supposedly trivial task.

6. Mastering Synchronization Primitives in Go

Golang's Goroutines make it easy to run code concurrently. We can simply add the keyword “go” in front of a function call to make it run in a separate routine, or asynchronously.

7. Creating a Middleware in Golang for JWT based Authentication

8. 9 Functional Programming Concepts Everyone Should Know

This article will introduce functional programming concepts that every programmer should know. Let's begin by defining what functional programming is (FP from now on). FP is a programming paradigm where software is written by applying and composing functions. A paradigm is a "Philosophical or theoretical framework of any kind." In other words, FP is a way for us to think of problems as a matter of interconnecting functions.

9. Functional Programming With JavaScript: A Deep Dive

Unlock the power of functional programming in JavaScript! Learn key concepts, practical examples, and unleash its potential in your projects.

10. Inheritance vs Composition: Using a Role-Playing Game in JavaScript as an Example

How to avoid inheritance problems using composition and functional programming

11. Object-oriented Programming vs. Functional Programming: Which Is Better?

Let’s dive in to learn about object-oriented programming and functional programming. What is object-oriented programming/OOP? What's functional programming/FP?

12. Practice with Functional Programming in Go

Take a look at a functional programming paradigm in Go

13. Inheritance vs Composition in JavaScript

Inheritance vs Composition in JavaScript. What is better, when use inheritance, when use composition. We will look at different examples on JS.

14. Choosing Your First Programming Language: A Beginners' Guide

Choosing the best programming language to learn first can be overwhelming. We are reviewing popular languages and giving resources to learn them for FREE.

15. Modern Style of Javascript with Arrow Functions

The complete explanation of Arrow functions in Javascript, and how it helps developers to write flexible and consistent code.

16. State Machines Can Help You Solve Complex Programming Problems

The notion of state machines is extremely useful in programming. It streamlines the process of developing more complicated use case apps.

17. Functional Programming is a Lie

Or a small rant against Elixir.

18. Learn Advanced TypeScript

Despite the popularity of currying and the rise of functional programming (and of TypeScript), it is still a hassle today to make use of curry and have proper type checks. Even famous libraries like Ramda do not provide generic types for their curry implementations (but we will).

19. Multiclass Classification with Keras

In the article the author describes the common pipelane of multilass classification solution using keras

20. How To Implement Simple State Container From Scratch

Let's imagine that we have a component, a simple counter. The counter has a state and two buttons to manipulate with this state. We also have a function to render the state.

21. Inserting 'User Profile Info' into your React Navbar

This article shows you how to insert the profile information of any user into the react navigation bar, so as to make it sign-in aware.

22. Patterns from Other Languages and Frameworks to Enhance Your Frontend Projects

Drawing from 12 years of programming across various languages, I'll share how I've applied principles from these to my frontend projects.

23. This is How You Can Learn All Programming Languages, Yes - “all”

24. Functional Programming: An Effective Approach for Experienced Programmers

Functional programming is a way of writing code that relies on the use of functions to solve problems.

25. How To Design Domain Model in Kotlin

Type-safe domain modeling in Kotlin. If it compiles, it works. With Valiktor and Konad

26. Farewell, Ramda

Ramda, Functional programming, Native JavaScript, TypeScript, Lodash, ES2020, Code readability, Performance optimization, Coding style

27. React Functional Components are the future

React Functional Components grabbed all the attention after the introduction of Hooks. They sidelined Class Components to become the main hero of React apps.

28. The Best Programming Languages for Working with AI

You will require coding skills if you want to work in the field of artificial intelligence (AI). How do you begin? and Which programming language to use?

29. Model-View-Controller Architecture Pattern: Usage, Advantages, Examples

How the MVC architecture is built, how the code is structured and it can benefit your work.

30. Everything You Need to Know About Using Elixir for Web Development

The Erlang VM-based programming language, Elixir, is slowly but surely gaining popularity. Let's take a look at some benefits of Elixir development.

31. A Deeper Look into Method References in Java

What Are Java Method References And Kinds Of Method References Available?

32. Exploring the Potential of Bioinformatics with C#

In this article, we'll examine how to apply bioinformatics and C# coding to effectively deal with biological information.

33. Say Goodbye to Null-Checking and Exceptions: Using the Maybe Monad in Symfony

Functional programming is old. But it did not become popular, and probably for a reason.

34. Functional Programming is not What Makes Haskell Great

This post is substantially directed to non Haskellers. Haskell frequently appears on hackernews or /r/programming but the content is commonly evangelizing some aspect of functional programming, strong types, and purity.

35. Understanding Currying, Closures, and Coupling in JavaScript

Here's a problem. You have an object in your code exposed via an export. You also have a function in the same file (also exported) consuming that object directly.

36. 105 Stories To Learn About Functional Programming

Learn everything you need to know about Functional Programming via these 105 free HackerNoon stories.

37. How the TypeScript NonNullable Type Works

The NonNullable type is a utility type in TypeScript which creates a new type, whilst removing all null or undefined elements.

38. How to Implement the Perceus Reference Counting Garbage Collection

Experience in implementing the Perceus reference counting algorithm in the Pen programming language

39. What Is Haskell, Who Uses It, And Where Can You Learn To Code It

Haskell language (and functional programming approach) has become more and more popular in the industry – businesses need robust and safe software solutions, and some of the problems can’t be solved without an advanced technological stack.

40. Elm in Production: Developer Reflections After 34k Lines of Code

(Photo by Diego Madrigal from Pexels)

41. Why My Brain Is Wired for Clojure

The world according to Clojure is nothing but data.At any point in time, it’s one piece of data.

42. Telegram Bot In Scala 3 With Bot4s + http4s + Doobie for CI notifications

Scala 3 is finally here, but have you seen many real-world applications written in it? In this article, I will show you an example of such an application!

43. Either Monad: A Functional Approach to Error Handling in C#.

Dive into error handling in C# with the Either monad using LanguageExt. Learn to differentiate success (Right) and errors (Left) effectively.

44. Functional Programming Techniques in Java with Examples

If you’re a Java developer, I’m sure that you have seen code similar to the featured image snippet above at least once. The code in the snippet above is an example of functional programming paradigm implementation in Java, which will filter and transform the List in the request to another List.

45. 4 Steps to a Better Imports List in Haskell

So your thoughts on seeing this title might be “Holy cow, an article about imports…could there be anymore more boring?” But bear with me. This is actually something that is pretty easy to do correctly. But if you’re even a bit lazy (as I often am), you’ll do it wrong. And that can have really bad effects on you and your teammates’ productivity.

46. Array Filter vs Array Reduce vs For Loop

Array reduce is a powerful functional programming technique that can be used to simplify complex data manipulation tasks. One of the main advantages of using array reduce over traditional for loops and filter operations is that it allows for more concise and expressive code.

47. Javascript: From Objects to Factory Functions And Modules

Objects

48. How to Use Azure Functions to Build a QR Code Generator

How to build a fun QR code project and learn about Azure Functions at the same time. Using the latest .NET technologies.

49. How DevOps Evolved Into DevSecOps

The rise in cybercrime and the sophistication of attacks has made security a crucial part of the development process and not just an afterthought.

50. Welcome to the OOP pattern matching: Visitor Pattern

Visitor pattern is dead. Long live to Visitor pattern. (With Kotlin examples)

51. Demystifying SOLID Programming (Part 1): Single Responsibility Principle

We dive deep into the first principle of SOLID programming, the Single responsible principle. It states "A class should have one and only one reason to change"

52. Rethinking Web3: How to Build Faster Using Scrypto

How to use the new programming language to build more efficiently.

53. Where is Your Deep Object in the Query?

From version v3, the OpenApi standard brings another way to introduce query parameters via DeepObject.

54. Functional Programming in Python (with Examples)

Simply put, functional programming is a programming style that relies exclusively on functions.

55. How To Create Simple API Client with ZIO and Http4s

Discussing with a brazilian friend about the situation in our country, we realised how difficult it is to find information about public spending, and when available, how difficult it can be to reason about it. Joining our forces, we decided to explore some data exposed by the Brazilian government, aiming to provide an easier way to visualise and understand how the public resources has been used.

56. Function Composition (Pipe, Compose) in JavaScript Explained

Functional programming is about developing small simple functions and combining them for the purposes of executing more complex tasks.

57. Why We Bet on Clojure and Built Freshcode Around It

Why we chose Clojure: functional programming that yields faster features, fewer bugs, smaller teams, and measurable delivery metrics for client projects.

58. 3 Things I Learned in 1 Year Working with Functional Programming

Just like the great majority of programming-related courses, I was introduced to programming with the object-oriented paradigm (OOP). Even though many languages are multi-paradigm, like Python, C++, JavaScript and Ruby, we still have OOP as the norm.

59. How to Design Pure Functions

Today I am going to talk about how to design Pure Function and help you understand the benefits of pure function.

60. Functional Programming In Ruby: How To Create Pure Functions

In functional programming, pure functions are at the core of this paradigm. When we speak of pure functions we mean that these functions satisfy two main conditions; the first is that they will not cause any side effects and the second is that depending on their arguments they will return the same result. When you create pure functions you should try to make them take care of one thing and only one, so your functions will be very easy to test and scale. Consider the following function:

61. Inside BEAM: How Elixir and Erlang Leverage a Shared Runtime for Resilient Applications

Explore the origins and guiding principles behind Erlang and Elixir to understand their full potential and innovation.

62. Building Your Own Programming Language From Scratch Part IV: Implementing Functions

Build your own Programming Language from Scratch Part 4, where we start new function constructions & implementing functions.

63. Become a Better Developer by Learning Functional Programming in JavaScript

Functional programming is a programming paradigm. This post tells you the basics and benefits of it and how to use it in JavaScript.

64. Forms of Composition in JavaScript and React

One of the core ideas in functional programming is composition: building larger things from smaller things. The canonical example of this idea should be familiar with legos.

65. Functor Applicative and Monads

I am putting my understanding about functor,Applicative and Monad after spending few days to find out what monad is . Here is what I found. I am using Kotlin to explain with examples

66. Functional Programming in Python For Beginners

Learn about functional programming, pure functions, map(), filter(), zip(), reduce() concepts

67. Functional Programming Paradigm in JavaScript

There’s nothing new about Functional Programming. Functional Programming has been around for much longer than OOP as it dates back to the 60s.

68. Higher Order Functions in C#: A Practical Example

If you have been programming for any length of time, you may well have come across higher-order functions but may not have fully appreciated them.

69. ClojureScript Macros: A (Not So) Long Journey [Part II]

The writing of Clojure/Script macro may seem as a wizard senior programming craft, but this article will show you that it's not the case. This is the second part of my journey to learn Clojure/Script macro and this article will deal with Clojure macro.

70. Folding in C++ using Variadic Function Template

Template parameter pack was introduced in C++11. Today we will utilise it to write our fold function. To the ones who don't know what a fold function the expression fold(add, 1, 2, 3, 4, 5) , we will output (1 +(2 + (3 + (4 + 5)))) = 15 (which is left fold). Similarly for fold(mul, 1, 2, 3, 4, 5) , we will output 120. More about it can be found here.

71. JavaScript: The Apocalyptic Dumpster Fire That Has Coders Begging it to Stop

The Frankensteinian Hodgepodge That Puts Mr. Burns' Smithers in Charge of the Starship Enterprise and Leaves Coders Screaming 'Wubba Lubba Dub Dub!'"

In a real

72. My Experience with Length Control for a DC Actuator

It all started when we ordered an actuator, with an encoder, from China for a project. But something went wrong, and a month later, we received actuators withou

73. How To Build a Multilingual Text-to-Audio Converter With Python

Learn how to build a multilingual text-to-audio converter using Python. This guide covers essential libraries, techniques, and best practices

74. A Brief Introduction to Lambda Expressions in Python

Lambda expressions in python are one-time anonymous functions which we don’t need more than once.

75. Senior Engineer`s Opinion: Why Does Scala Win Against Kotlin?

This article is based on a story of one of our developers, ex Java now Scala developer, who decided to follow the Scala path because he found writing in Scala extremely developing and interesting.

76. Composable Resource Management in Scala

We’re all using resources on a daily basis. You turn on the water tap, wash your hands for at least 20–30 seconds, and turn it off. You switch the light on if it’s dark, and off when you no longer need it.

77. Functional Programming and Justice in a World Without Time

My grandfather was staring deeply into the television screen in the dimly lit living room. After his cataract had over matured, he swapped the newspaper he peeled through every morning for a news channel with as much depth as the flat screen it was served on.

78. How learning Elixir helped me build a SaaS for Marketers

In 2019, I was looking for a project.

79. Seeing Javascript Objects as Functions Changed How I Code

So you probably know that functions are objects in javascript (if not go up the prototype chain of a function to find out). But recently, I noticed that javascript objects can be treated like functions. Which leads to some pretty cool implications!

80. Go Beyond Functional Testing: How to Use Playwright for Front-End Performance Insights

Playwright isn’t just for UI testing — it can also measure front-end performance from a real user perspective.

81. Refactoring using Functional Programming

What

82. Break the Loop: How I Finally Understood Functional Programming (Without the Math)

Stop fighting the 'Celtic runes' of functional programming. Learn FP through a simple model of computation, from basic recursion to the magic of shared thunks.

83. Query Select All The Things!

Almost all the Codepens I've written this year have had some form of a JavaScript function that I call qs()(). That's not a typo! There are two sets of parenthesis following it, and it is good practice as this function uses closures. In just one line, I create a Swiss Army knife of several functions.

84. Hands-On Project: Oh-My-Bill

The first exercise for my mentees was to draw on a piece of paper the interface that they see for this application.

85. What is Functional Programming?

Most of what I will discuss in this article is knowledge accumulated from reading, “Functional Programming in JavaScript”, by Luis Atencio. Let’s dig right in…

86. Using Union Types to Improve Your TypeScript Code

What are union types and how you can use them to your advantage!

87. How to Build a GUI-Based Currency Converter App in Python

Build a Python currency converter with Tkinter. Learn API interaction, user input handling, and GUI design for real-time currency conversion.

88. Implementing a Java Stream Collector

Java Stream's Collectors methods fit most use-cases. They allow returning either a Collection or a scalar. For the former, you use one of the toXXX() method, for the latter, one of the reducing() one.

89. Understanding Chrome V8 - Chapter 24: How does V8 Describe Your JavaScript Function

"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

90. Swift Dependency Injection With Functions

Implementing an architecture within an application can be challenging. There are rules we can follow (SOLID, Clean Architecture) and patterns to guide us (MVVM, MVP, MVI, Redux, …) but sometimes, things we thought were well established deserve a step back.

91. Сurrying 101: A Quick Guide for JavaScript Devs

The essence of currying is simple: to take a function of any arity (number of expected arguments) and make it into a unary function.

92. The .NET Framework Is The Most Suitable Language For Businesses And Here's Why

By far, Microsoft .NET is one of the best platforms for building secure, robust, and scalable desktop or web applications. Used by most Fortune 500 companies, Microsoft .NET is very popular for large-scale applications.

93. This One Programming Concept Made Me a Better Coder (and Planner)

How functional programming changed the way I write and think about code — with easy Python examples and lessons from real coding struggle.

94. Recursion Can Be Weirder Than You Think

I love recursion. I think it's a very elegant way of writing code, and sometimes it lets you write simple but yet effective pieces of code. And if you happen to use languages like Scala, then recursion is a must.

95. This One Programming Choice Completely Changed These Tech Firms—Here's How

Clojure is reshaping how teams build software, enabling small, focused groups to tackle complex challenges efficiently.

96. Eliminating Event Storms With Debouncing in JavaScript

Using debounce, the function will be executed only when a certain amount of time has passed since the last function call.

97. JavaScript Loops: for/forEach/for.. in/for.. of Explained

There are quite a few ways in Javascript to loop through an array of items or any other iterable item in Javascript. You may have seen them:

98. Higher-Order Function in JavaScript with ES6 Examples

In this article, we are going to learn higher-order functions in JavaScript, as well as see the ways you can use them.

99. ClojureScript Macros: A (Not So) Long Journey [Part I]

I’m learning the Clojure and ClojureScript craft and I must say, I enjoy it. This article explains what leads me on the track of learning Clojure/Script macro. This is the first part of my journey on this topic.

100. A Closer Look into Different Programming Styles and Paradigms

Imperative and declarative styles of programming.

101. 10 Questions for Aswin Ganesh, Noonie Nominee for Functional Programming

102. I Built a Functional, Data-Oriented 3D Game Framework in Rust for Low-End PCs

A lightweight Rust game framework built with Macroquad and ECS, designed to run on low-end hardware while exploring functional programming patterns.

103. Essentials of Vintage QuickCheck - Property-Based Testing (Part 2)

Learn how the first property-based testing library, QuickCheck, works by implementing it in Python.

104. How To Use The Spread Operator on a Function

You can’t officially do it, but you can write a function that does virtually the same thing. Let’s see how and maybe why you should.

105. Researchers Revisit Codata, Dependent Types, and the Limits of the Expression Problem

A deep dive into codata, dependent types, and defunctionalization—reframing the expression problem through data–codata duality.

106. Deep Dive into Functional Programming in Javascript

functional programming emphasizes the use of pure functions, immutability, and advanced techniques like currying, memoization, and monads to create cleaner code

107. Would You Use Clojure Again? These Companies Say Yes — and Here’s Why

"Clojure in Product. Would you do it again?" podcast explores how teams use the language to grow their businesses.

108. Deriving Dependently-Typed OOP from First Principles

A new calculus unifies functional and object-oriented paradigms in dependently typed languages using duality and defunctionalization.

109. Hannes Mehnert on MirageOS and OCaml

Our backend engineer, Pavel Argentov, traveled to Marrakech, Morocco to attend the ninth MirageOS retreat, which was held from March 13-19, 2020. The goal of the event is to bring both experienced and brand new MirageOS users together to collaborate and sync various MirageOS subprojects, start new ones, and help each other fix bugs.

110. Why Mutable Developers are Essential for Learning New Paradigms

The process to learn functional programming can be daunting and slow as new concepts are involved. Here are 5 tips for you to consider when learning FP.

111. How I Extracted Meaningful Information from Inconsistent Data Using ChatGPT

Data Analyis Project using Spacy and Regular Expressions to extract specific strings from a data set.

112. An Introduction to F# as Microsoft's / .NET's Answer to a Functional-First Programming Language

Recently I've been learning how to write code in F#. For those who haven't heard of it, F# is Microsoft's/.NET's answer to a functional-first programming language. My motivation was to learn a functional programming language that would make coding for scientific computing and data analysis more expressive, concise, and maintainable, all while fitting seamlessly into the .NET ecosystem that I already know and love. F# fits that bill perfectly.

113. Some Ways to Apply Some Programming Wisdom in Real Lives - Exceptions

What would happen if we apply some wisdom from handling exceptions to handling negative emotions?

114. Your First Hardware Hacking Bench: The Only Tools That Matter

New to hardware hacking? Learn the essential tools you need to avoid costly mistakes. This guide covers the survival kit every beginner should have.

115. Default Parameters in JavaScript: Beginners Guide

In this short article we will cover Function Defaults and learn how to use it in our day to day JavaScript programming. This article assumes you have some familiarity with coding in the JavaScript ecosystem.

116. Kotlin Nullables: How to Compose Them Right

How to compose independently computed Kotlin nullables, in an easy and clean way

117. A Closer Look at Immediately Invoked Function Expressions (IIFE) in JavaScript

Immediately invoked function expressions, or IIFE, are functions that are run as soon as you define the function.

118. Higher-Order Functions Explained

Whether you are a beginner or a 10x developer, chances are that you have used the methods of the Array Object. The methods in the Array Object are classified into two different categories. One category takes a value as arguments( string, integer, array, object) and another category takes a function as arguments. l

119. How to Define an Active Menu Item in a Phoenix Framework Through Short-Circuit Evaluation

Use Elixir's short-circuit evaluation syntax to build lists and make it easier to define active menu item in Phoenix Framework.

120. 100 Days of Code: Death of Summer on the Island of NixOS

We are a hundred days deep in the Lambda Quadrant part of the galaxy, resting on a deep space Moonad, myself and my crew, my parter and my
lovematch, our infant son, and a cat. We study the properties and relations of Haskell abstract entities, enjoying meditating the pure functional programming vibe. It is deep work and we take time and turns. We also watch the second season of Star Trek Discovery and enjoy seeing the bright stars of its universe.

121. How Grammarly and Kasta Made Ukraine a Global Clojure Hotspot

Grammarly’s AI engine and Kasta’s e-commerce platform showcase functional programming at global scale.

122. Why Judgmental Equality Fails Under Defunctionalization

Exploring how defunctionalization breaks judgmental and eta equality—and the naming-based solution that preserves type safety.

123. What Sequent Calculus Teaches Us About Computation

A clear breakdown of how λμμ˜-calculus relates to sequent calculus, typing rules, and operational semantics like label/goto.

124. Have you Used the Streams API in Java?

Introduction to streams API

125. A Formal Core for Dependent Data and Codata with Type Soundness Guarantees

A formal core calculus for dependent data and codata with pattern matching, copatterns, call-by-value semantics, and type soundness proofs.

126. What Functional Programmers Can Learn from Sequent Calculus

Explore 5 powerful insights into the 𝜆𝜇𝜇˜-calculus, from first-class evaluation contexts to the elegant duality between data and codata types.

127. From Chaos to Control: Building a Standardized Dev Environment for 1,000+ Students

A standardized tech stack (ArTEMiS, VSCodium) for automated grading and collaboration in a large-scale Haskell course.

128. My Experience with Scala

If you are learning scala or wondering if you should use for new project in your organisation, I suggest that you do. As always, see if scala and scala’s ecosy

129. What is Lexical Functional Programming ?

Lexical functional programming - jargon and naming convention. How to standardize descriptive names?

130. The Proof Expression Problem, Reimagined Through Object-Oriented Lenses

A case study showing how dependently typed OOP enables modular web servers, extensible routes, and type-level enforcement of HTTP properties.

131. Understanding Algebraic Data and Codata Types in Functional Programming

Discover the dual nature of algebraic data and codata types in the Fun and Core languages—exploring pattern, copattern, symmetry, and lazy evaluation.

132. An Introduction to Evaluation Contexts in Programming Semantics

Evaluation contexts solve nested expression stalls in functional languages like Fun and Core by enabling precise operational semantics.

133. Rethinking OOP Through Dependent Types and Codata

A deep dive into dependently typed object-oriented programming, codata design, self-parameters, and verified interfaces.

134. How Typing Rules and Type Soundness Work in Core and Fun Programming Languages

Learn how typing rules and type soundness theorems ensure safe program evaluation in Core and Fun, including codata handling and recursive definitions.

135. Using Go Defer and Rust Drop to Defer the Call to Rollback

Forgetting to close things off in Go can potentially come back to bite you. The most basic and straightforward method is to call rollback or commit.

136. Code Smell 267 - Objects Aliasing

Discover the importance of using immutable objects in programming to prevent unexpected changes, reduce bugs, and improve code predictability.

137. What Codata, Control Flow, and Logic Teach Us About Programming

Learn how programming concepts like logic, control flow, and evaluation strategy shape the languages we use.

138. Shrinking for Easier Debugging - Property-Based Testing (Part 3)

An explanation and short implementation of how shrinking works in property-based testing

139. Programming Paradigms: All the Things We’ve Learned Not To Do

Programming paradigms don't give freedom—they take it away. Here's why Structured, OOP, and Functional might be the last paradigms we ever get.

140. Rethinking Data and Codata Through Matrix Transposition

A formal study shows de- and refunctionalization preserve typing and program well-formedness in a dependently typed language.

141. Too Scared to Ask? How We Solved the #1 Problem with Large University Lectures

To engage 1000+ students, lectures evolved from simple Q&A to a moderated live board, boosting synchronous interaction and solving the 'silent majority' problem

142. JavaScript Currying: The Secret Sauce to Smoother, Cleaner Code

Learn about currying in JavaScript and how it can enhance your coding experience.

143. Functional Programming in Javascript for Busy People

You’ve probably used map, reduce, and other functional methods in Javascript before, but there are a few use cases you probably haven’t thought about much or used before. In this post, I’d like to go over these methods (and a few other surprises!) to show what’s possible.

144. Code Smell 241 - Referential Transparency Violation

Learn how to write pure functions to enhance code readability, maintainability, and testability.

145. Your Toolkit for Teaching at Scale: Lessons from a 1000-Student Haskell Course

A toolkit of practical methods—bonuses, instant feedback, competitions, and workshops—used to engage 1000+ students in a large-scale Haskell course.

146. The Noonification: Bouncy Castle (1/19/2023)

1/19/2023: Top 5 stories on the Hackernoon homepage!

147. How Do You Teach I/O Before Monads? Inside a Radical Syllabus for a 1000-Student FP Course

The operational playbook for a 1000+ student Haskell course, detailing syllabus design, staffing logistics, and a practical-first pedagogical approach.

148. Understanding the background of the Hospital Bed Rental Industry

Healthcare organizations that follow HIPAA guidelines must be explicitly aware of security threats. Ethical hacking needs a more critical role in the framework.

149. How Let Bindings Improve Code Readability in Functional Programming

Explore let bindings, top-level definitions, and continuation semantics in λμμ˜-calculus and how they shape functional programming evaluation.

150. How Focusing Resolves Stuck Terms in Core Evaluation

Learn how focusing in Core helps eliminate stuck terms, optimize evaluation, and improve program compilation through static transformations.

151. Sequent Calculus vs CPS: A Compiler’s Perspective on Consumers and Evaluation Strategies

Explore how sequent calculus handles consumers, evaluation orders, and eta laws better than CPS, with insights on linear logic and functional compilers.

152. Why Type Soundness Matters in Functional Programming Languages

A breakdown of typing rules in Fun and Core languages, with insights into control flow, type soundness, and data vs codata handling.

153. The Try Block in Rust: Streamlining Error Management Beyond the '?' Operator

Discover how Rust's experimental try block feature simplifies error handling beyond the traditional ? operator.

154. What If Programming Languages Could Think Ahead?

Discover the λμμ̃-Calculus: a powerful tool for compiler writers that simplifies evaluation contexts without the complexity of CPS types.

155. From Campus to Cloud: Our Journey Teaching Functional Programming to Thousands During a Pandemic

A case study on engaging 2000+ students in a Haskell course with automated feedback, creative projects, and shareable tools for educators.

156. How Functional Languages Simulate Goto with Labels and μ-Bindings

Explore how first-class functions and control operators like label/goto are desugared and implemented in functional programming using codata and μ-bindings.

157. Why Compiler Writers Care About Case-of-Case

Explore the duality between let-bindings and control operators, and how λμμ˜ calculus enables powerful compiler optimizations like case-of-case.

158. Programmer's Version of Schrodinger’s Cat: Options for JavaScript

Bringing Options to JavaScript and TypeScript.

159. Why Arithmetic in Functional Languages Needs Sequent Calculus

Explore how arithmetic expressions in a functional language are translated into Core's sequent-calculus framework using producers, consumers, and statements.

Thank you for checking out the 159 most read blog posts about Functional Programming on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

74 Blog Posts To Learn About Full Stack Development

LearnRepo — Mon, 03 Aug 2026 07:00:33 +0000

Let's learn about Full Stack Development via these 74 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

Full-stack development involves working on both the front-end (user interface) and back-end (server, database) of a web application. It matters for creating complete, functional web experiences and is highly valued for its versatility in building comprehensive digital solutions.

1. Choosing Between Front-End, Back-End & Full Stack Developers

Hire a team of front-end and back-end developers or full-stack developers at Systango.

2. Optimize React Native Map in Your Applications [A How To Guide]

Four ways to make your React Native map become a lot faster and more responsive.

3. How to Reset Password with Node.js and Angular [Part 1]

There are lots of tutorials about user authentication but all of them are just covering the topics like how to sign up and how to sign in. Even if you find a tutorial about reset password then you will see that it covers old school method without APIs and using jQuery based front-end. In this tutorial, we are going to use a Node.js based API which will connect to Angular front-end. Let’s get started:

4. Adding Google Sign In On Flutter Web

Add Google Sign-In to you Flutter web app and authenticate users in a single click

5. Course Review - The Complete Web Developer in 2023: Zero to Mastery

Are you someone who would like to learn Web Development, but don’t know where to start? Well, you are in the right place.

6. Here's What You'd Typically See In A Full Stack Developer Job Description

If a career as a full-stack developer caught your eye, you’re not alone. It’s one of the most sought-after jobs in the world and many people interested in tech

7. Build a Simple HTML Website with Postgres Database Connectivity

This tutorial covers step-by-step instructions, prerequisites, and the necessary code snippets to get you started in web development.

8. 10 Best Courses To Learn Spring Boot for Full Stack Java Developers

Hello folks, Spring Boot is one of the top Java frameworks to learn in 2020,
but as a full stack Java developer, just learning Spring Boot is not enough, you also need to learn all the technologies which make the eco-system like containers, could, testing spring Boot application, advanced Spring Boot features like Actuator, creating Microservices using Spring Boot, deploying Spring Boot applications on cloud platforms like AWS, Azure, and GCP.

9. How To Populate Your Database with Fake Data: Ruby On Rails Tutorial

This is going to be a very straightforward article, no jokes included.

10. A Guide on Writing Tests in Full-stack MERN Web Application

Writing tests may not be necessary for demo projects or coursework projects, but it is critical for real-world applications.

11. The Definitive Command Cheat Sheet for Rails Beginners

When I was a newbie in Rails, the first couple of weeks I survived reading all the articles and understanding only like 30% of what I was doing. It was a lot of information, and one of the things that annoyed me the most was that when, after a lot of effort, I finally realized what I have to do, I have to look through all the readings and find the correct command that I need to write on my terminal (after all this time, now I can type them almost with closed eyes but at first it was incredibly tough).

12. How to Transition from Full-Stack Developer to Web3 Pioneer in 2022

Looking to dive into Web3 development? Here is an intro and quick example of how full-stack developers can get started in the decentralized web.

13. How to Develop a Signup system with React, Redux, and Rails

I have always been fascinated with one’s ability to create or recreate. Software development for gives me a way to translate my imaginations into useful tangible things. The feeling I get after going through challenges to figure out how to put my ideas together, is incomparable. Full-stack development is the combination of both front-end technologies and back-end technologies to create a fully functional application. In this tutorial, we are going to combine front-end technology called React and Redux with a back-end technology called Rails to create a simple sign-up system.

14. 10 Static Site Generators to Watch in 2020

Using a Headless CMS to generate and handle static sites has gained popularity, especially because many of the constraints that made it difficult to develop a static site don’t exist anymore.

15. 6 Best Online Courses to Learn GraphQL for Beginners and Experienced JavaScript Developers

Hello guys, you might have heard about GraphQL, another exciting technology. GraphQL is gaining a lot of popularity because of its superiority over traditional REST APIs.

16. PostgreSQL or MySQL: What Should I Choose for My Full-Stack Project?

A comprehensive guide comparing PostgreSQL and MySQL for full-stack developers, covering installation, transactional support, performance, security, and more.

17. Developers Should Drive Their E2E Tests to Cypress

All software companies strive to produce quality products. The journey begins with a product that works. Software correctness is usually defined as the adherence of software to its specification. In most cases, formal verification is not possible. As such, we typically impose functional correctness with test coverage.

18. Understanding Authentication: A Guide to Cookie-Based and Session-Based Authentication

Cookies-Based Authentication Vs. Session-Based Authentication: All You Should Know!

19. Building a Full Stack Amazon Clone with Next.js, Tailwind CSS, Zustand, Amplication and More.

This Amazon Clone features a wide range of technologies and functionalities, including Next.js, Tailwind CSS, Zustand, Typescript, Prisma and Amplicaiton

20. 16 Commands For Every Use Case to Set Up React Apps in Seconds ⚡🚀

In this article, I have handpicked 16 commands to set up your React apps in seconds.

21. Typescript: Why It's a Perfect Fit for Your RAG App

Why TypeScript/JavaScript excels in RAG app development, offering rich prompt engineering, seamless API integration, and dynamic UIs for modern web apps.

22. Why It's Your Destiny To Become A Full-Stack JavaScript Developer

I've never met a true, passionate web developer who isn't a multi-dimensional specialist interested in a wide variety of topics related to their job.

23. The Roadmap and Resources to Becoming a Full Stack Developer

In this blog, I am going to be sharing with you the Roadmap and the Resources that you require to become a Full Stack Developer.

24. I Don’t Trust AI to Write My Code—But I Let It Read Everything

Tools like Copilot, Cursor, and Claude already save me hours every week by reading code, exploring messy open-source projects, and filling gaps where necessary.

25. Web3 Walkthrough — Part 2 — Becoming a Web3 Developer

Learn to be a web3 developer today. Take ACTION!

26. How to Add React.js to Laravel

How to add ReactJS to your Laravel project

27. Why I Quit My Full Stack Web Developer Job

Learn how to recognize red flags in your workplace culture as a software developer.

28. Interactive App Development: The Perfect Technology Stack

What is an interactive application? It is a type of a usual web or mobile app with interactive features that allows users to interact with content via gamification, VR/AR, and visualization.

29. In Brief: What You Should Expect from A Full-Stack Dev

Hiring a full stack development company or developer reduces the need to hire too many resources in-house for product development. Broadly speaking, the software development process is divided into two parts:

30. Why Should You Hire Full-Stack Developers for Your Project?

What advantages do they have compared to other software engineers? This article will guide you about full-stack developers and talk about their importance.

31. How to Write Your First Full-stack Android App

In the span of 4 months, I planned out a mobile app idea, self-taught myself the Android framework, wrote my first REST API, and released my finished Android app onto the Google Play Store. I learned a lot along the way, so I thought I'd share what I learned.

32. I Built a Platform to Help Users Practice Programming Challenges Guided by AI

Walking through the process of building a platform leveraging AI to help users practice for interviews; integrating feedback from the first few live user tests

33. How A Full Stack Framework Can Make An Impact In Your Business

It's been a year since the exhibition of QCObjects in the Web Summit and now a lot of people and companies are interested in placing QCObjects at the very core of its enterprise software solution. But why is it?

34. Coding Is More Creative Than You Might Think

Coming from a creative background, people often look quite puzzled when I tell them I’m a Full Stack Developer. It seems the stigma of the maths-obsessed programmer is still fairly prominent in most social circles. However, when I explain that coding is actually… quite creative, puzzled expressions turn into intrigue.

35. Stop Overcomplicating Claude Code: 3 Rules That Actually Work

The three essentials for Claude Code fullstack development: full-stack debugging visibility, LLM-friendly docs, and an opiniona

36. Frontend Vs Backend Developers: All You Need to Know

Frontend is anything that the user sees and interacts with. Backend, on the other hand, ensures that everything that you’re seeing works fine.

37. A Breakdown of Software Development Types for Small Businesses

Want an in-depth knowledge of the top software development services? Hire a custom software development company today!

38. The Rise of Ukrainian EdTech: 10 Companies Shaping the Future of Education Amid the War

By the end of 2022, almost a year after a Russian full-scale invasion, 85% of Ukrainian tech firms kept their activities at the pre-war level.

39. How I build Coronavirus Tracking Application

What is Coronavirus (COVID-19)?

Coronavirus (COVID-19) which is an infectious disease caused by respiratory illness and symptoms like flu, cough, fever, difficulty breathing, on December 31, 2019, the first case was recorded in Wuhan, China and later the virus got spread around the world and as of now, around 1 million+ confirmed cases are being recorded since then.

You can protect yourself from this virus by following basic precautions like washing your hand frequently, avoid touching your face, maintaining a distance of (1 meter or 3 feet) between people and most importantly if you are sick then immediately call for medical help at your nearest hospital.

40. The Git Flow Process is a Great Way to Manage Your Software Releases

The Git Flow process is a proven method for managing version control and release of software.

41. How to Use Redis for Caching in Full Stack Applications

Redis can cache many types of data and actions. The key is to identify parts of your app where speed matters most — and where data doesn’t change every second.

42. What is the Difference Between Front-End, Back-End, and Full-Stack Development?

The world of web development is rapidly changing, so staying on top of all the latest tools is an ongoing task. In order to stay current with the latest trends

43. Learn To Build a DIY Web App

Discover a streamlined approach to creating web applications by integrating the server and client in one repository.

44. Read This And You Won't Worry About Being Replaced By an AI as a Software Developer

Why have so many IT developers been let go? How can you keep your IT job in the AI era? Read this article to find out!

45. What is all the Fuss about Full Stack Developers?

A Full- stack developer is someone who possesses proficiency in each subcaste of the tech stack.
So, originally, let’s see from the seeker’s perspective.

46. It's Time: Become A Professional Programmer Now!

Do you want to pursue a career in Technology and don’t know where to start?

47. Should You Use Spring Boot for Full-Stack Development?

The thing with Java and Spring Boot is that it is slightly harder to learn them; once you have learned and spent some time with them, it is a breeze to use.

48. How I Got Over My Fear of Webpack

And why you should too

49. A Simplified Guide for the"Dockerazition" of Ruby and Rails With React Front-End App

This is a brief description of how to set up docker for a rails application with a react front-end

50. The Superpowers of Array.reduce() Method

ECMAScript 5 introduced many awesome features in 2009, the majority of them being array methods like isArray, forEach, map, filter, every, some. But let’s talk about my favorite one: reduce.

51. JavaScript Fetch Patterns You’ll Actually Use

Fetching should be predictable, reusable, and efficient. In real-world apps, it’s about: avoiding unnecessary requests and handling errors properly

52. A Recipe For A Checkerboard Styled Page

Last week, as part of an assignment for a Ruby on Rails application, I was given the challenge to create a checkerboard styled page. The design is from Nelson Sakwa and the requirements were as follow:

53. How I Became a Web Developer at 17

In this article, I describe my story of becoming a Web Developer at 17, working with real-world clients and projects.

54. "True Pain is the Inability to Breathe" - Muhammad Bilal, CEO of BreatheIO

I find that work and personal life are just categoricals, that only come to play with respect to space, not even time.

55. Setting up a Full Stack Development Environment for Beginners

A full stack developer is someone who works on both the frontend (what users see) and the backend (how things work behind the scenes).

56. Creating a RAG chatbot with NextJS, OpenAI & Dewy

This guide will walk you through building a RAG application using NextJS, the OpenAI API, and Dewy as your knowledge base.

57. How to Write a Full-Stack Application to a Backend Engineer

The first part of immersing PHP developers in the world of modern frontend with Laravel Livewire

58. How to Use Redux in a Project

Redux is JavaScript library which is use for centralized state management .

59. How to Get Started with Fullstack App Development

Are you a beginner starting a new full-stack project? Let's go through the basic terms such as user interface, API, storage, and database and how they work.

60. Auth in a React App with AWS: How Does It Really Work?

For this Tech Stack in 10, I'm diving into some best practices for using authentication in your full stack application with AWS Cognito, DynamoDB, and AppSync.

61. Blending AI and Engineering: Kartik Venkataraman’s Blueprint for Scalable, Intelligent Software

Austin-based developer Kartik Venkataraman merges AI and software engineering to build scalable, high-performance systems that drive real-world impact.

62. Understanding the Art of Full Stack Debugging

Tired of frustrating bugs? Learn practical, real-world strategies for full stack debugging to effortlessly track down issues from frontend to backend!

63. Rethinking Full-Stack Development: Is a Custom Backend the Best Choice?

Explore traditional full-stack development, its limitations, and an alternative backend solution to enhance your custom-built applications.

64. Let’s Make a Pie By Using CSS Gradients

Nowadays, web pages use CSS and CSS provides a lot of chances to make different things. Gradients and a pie done by using gradients are some example of them.

65. Streamlining Web App Development with Zipper: Write TypeScript and Offload Everything Else

After reminiscing about the good-ole-days of Ruby on Rails, I discovered the Zipper platform and wanted to see just how quickly I could build something valuable

66. I want to be a Web Developer, but where do I start?

The demand for experienced web developers grows steady for years. Learn how you can become a web developer yourself with these simple tips.

67. React Hooks Are Powerful—But Here’s What They Won’t Fix

Hooks are powerful—but they won’t fix bad design, unclear logic, or rushed decisions.

68. Why Git Says “Unrelated Histories” (And the Fast Fix)

Git’s “unrelated histories” error usually means your branches don’t share the same commit ancestry—even if the files look identical.

69. The Accidental Programmer

Aspiring data scientist ends up as a full-stack developer.

70. Beginners, Start To Ask "What They Do" not "How To Be one"

I have met many young engineers, students who wants to do great in their career , they are so bright , hard working & full of potential still they mess up. Why ?

71. A Guide to Finding and Hiring Quality Freelancers for Web Development

So, you are ready to create a killer web design and build an online presence. You already have excellent ideas for blog posts and landing pages. Now it is time

72. From Frontend Finesse to Backend Brilliance: A Journey in Full-Stack

Krishi Reddy Karkal’s journey from frontend empathy to backend logic and cloud mastery shows how full-stack skills drive innovation and system performance.

73. Most "Full Stack" Developers Aren't Really Full Stack

Most developers call themselves "full stack." But if you ask them to build a feature across the entire stack—They freeze.

74. Django vs. Laravel: A Beginners Guide

Django is a straightforward option to pick up and offers a backend customized according to the users' needs.

Thank you for checking out the 74 most read blog posts about Full Stack Development on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

441 Blog Posts To Learn About Frontend

LearnRepo — Sun, 02 Aug 2026 23:00:41 +0000

Let's learn about Frontend via these 441 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

The face, the experience - your product's first impression!

1. 10 Frontend Projects to Take Your Coding Skills to the Next Level

Improve your front-end development skills and expand your portfolio with these 10 front-end projects. Take your coding game to the next level!

2. 110% Complete JWT Authentication with Django & React - 2020

ReactJS is a fantastic frontend framework, and Django is a fantastic backend framework. However, as usual when dealing with anything of more than trivial complexity, it isn’t easy to get the two to place nicely together. It's not like taping a banana to a wall.

3. Working with Environment Variables in Frontend Application Releases

Streamline managing environment variables in frontend apps with this step-by-step guide to reduce build times and ensure consistency across projects.

4. How To Write Semantic HTML

As a Microverse Student in the last time, I have been struggling with some HTML and CSS projects. They challenged me to learn new features of these technologies all the time. My projects were made gradually trying to follow good practices but none was as striking for me as the use of semantic HTML.

5. The Best CSS Unit For a Responsive Design

CSS units are very important when creating a responsive website and you might wonder which one to use considering we have several CSS units. I had the same issue while working on a project, so I did some research on it. In this article, I will show you the most suitable CSS units to use for responsive design.

6. The Role of Frontend Development in Achieving Business Goals

It is common knowledge that frontend development is essential for creating responsive, engaging, and visually appealing websites and applications.

7. How To Create Box Element Using CSS Only

Every beginner should first start with the basics. In case of CSS, the basics are learning the box model. Before proceeding with learning any other CSS concepts, this is the one you should master first!

8. How to Create a Chrome Extension with React

Chrome Extensions, React SPA, Manifest V3, Building Chrome Extensions, Web Extension API, Service Workers, TypeScript, CRA

9. How to Import Icons From Figma in a Cool Way

This guide shows how to easily import icons from Figma into a React/Vue project,

10. State Management in SolidJS Applications

State management for SolidJS applications with signals and stores. Do you need a state library like Redux or MobX for your SolidJS app?

11. "If You Have a Goal, You Can Reach it" Nominee Nominee Yan Tsishko

Yan Tsishko is a chief software engineer at Oxagile. He believes Javascript/TypeScript is the most exciting technology & that frontend is the future of tech.

12. How to use idb, a 1kb package that makes IndexedDB easy

13. Making Your Links Look Pretty With CSS: Practicum Coding Bootcamp

A professional-looking site is all about the details: the colors, the graphics, the subtle elements, and the overall look and feel. In this project, I’ll show you how to make beautiful, elegant, and professional-looking links that can help your website stand out.

14. Making TypeScript Truly "Strongly Typed"

How to Control the "Any" Type to Achieve Ultimate Type Safety With TypeScript.

15. Best Practice in CSS: Organisation and Naming Conventions

I've been writing code for over three years. I have always asked myself about the good practices and how I could make my code more readable, understandable, easy to maintain and to be handled by other developers.

16. Using React Router v6 for Private and Public Routes with Access Validation

In essence, React Router is a routing library designed for React-based web applications. Its main purpose is to facilitate navigation between components or view

17. Angular 16: A New Way to Get Route Information in Angular

Angular 16 introduces a simpler way to obtain route information through @Input. Streamlined code, enhanced development experience. Embrace the power of Angular

18. Streaming in Next.js 15: WebSockets vs Server-Sent Events

Next.js supports both WebSockets and Server-Sent Events (SSE), making it an excellent choice for building scalable real-time applications.

19. 5 Most Popular React UI Component Libraries

According to Stack Overflow Developers Survey 2020, ReactJS was voted as the most loved and wanted Javascript web framework.

20. Basic HTML Tags Classification

An HTML tag is a special word or letter surrounded by angle brackets, < and >. HTML tags are the hidden keywords within a web page that define how your web browser must format and display the content. Most tags must have two parts, an opening and a closing part.

21. An Introductory Guide to System Design for Frontend Developers 👩‍💻

You starting point to a successful System Design interview round as a Frontend Developer!

22. How to "Instantly" Create a Front-end for Your Python Program

How to "instantly" create a front-end for your Python program.

23. Integrate Bootstrap 4 and Font Awesome 5 in Rails 6 [A How To Guide]

Rails 6 is out for few months now, I happen needed to do a project with it. But I found I can't use the same way to integrate Bootstrap 4 & Font Awesome 5 in Rails 5 in my new project. Because in Rails 6, it start to use "webpack" as default Javascript complier.

24. A Step by Step Guide to Creating a Multi-step Form

Recently I wanted to add a multi-step form to my site. Since my site runs on Hexo, a static page generator, I had some doubts about how to execute this task. I already had a static form on my site, and I didn’t want to spend too much time on the development of features like steps, show/hide logic or validation.

25. How to Handle Asynchronous Data Requests Using Redux Toolkit

Fetching data asynchronously with Redux Thunk was always too much of a hassle for developers until Redux Toolkit arrived with so many promising features.

26. Semantic HTML Tags That Will Boost Your Markup Quality

It's been a long time since Hypertext Markup Language (HTML) showed up to become the basis of the web. Since that time, many things have changed, and some features of the HTML files went from desirable to negative. Thus, a cryptic markup or an obfuscated source code once considered useful things to avoid unauthorized copies, seems to be a nonsense in the fight for positioning in search engine results that we live in today.

27. How To Create Truly Responsive Images With Flexbox

If you're trying to learn CSS Flexbox, I bet you've spent some time watching a few tutorials on YouTube. Maybe you've seen the Wes Bos series, that’s a great one. Maybe you're bi-lingual and found some helpful content in your native tongue. Most technical content on the internet is in English, as we know. Yet, sometimes I find some amazing content in my native Portuguese. (Like this remarkably simple to understand tutorial on Flexbox). Finally, how can you not have resorted to the Interneting Is Hard tutorials?

28. Opinionated or Not: Choosing the Right Framework for the Job

There’s a foundational question that every project starts with: accept the freedom to roll your own solutions along with the burdens that go with it, or take the chance to use sensible defaults that allow you to move quickly, but hide a multitude of decisions and set you on a prescriptive path.

29. Fetching Data And Displaying It On Widget In Flutter

Fetching data from internet is one of the most common operations that every developers should master. In Flutter, this operation is pretty straightforward. In this post we will learn how to handle data from fetching to displaying it on our mobile apps.

30. How To Use VIM for Frontend Development: 2020 Edition

Why would you want to use an editor that is almost 30 years old?
Because it has come to stay, and isn’t it better to learn something that will stick around? Well, also because it is damn powerful.

31. Remix Framework Review

Edge SSR, nested routes, and no client-side state differentiate Remix from Next.js, Gatsby but not best suited for realtime apps and sharing data across routes.

32. Testing a Clean Architecture in a Frontend Application - Does It Make Sense?

Exploration of a real-life example of Clean Architecture in action on Frontend application. What could go wrong?

33. Creating A Custom Plugin for Vite: The Easiest Guide

How plugins work in Vite and how to create a custom plugin for Vite

34. React Project Structure: Best Practices

A more standard way of structuring React applications which scales across frameworks and projects.

35. Top Lesser Known HTML 5 & CSS 3 Tips and Best Practices

There is a lot of information about different HTML/CSS features.
I want to tell you about equally useful, but less popular tips for you work!

36. Sharing Reusable Angular Components

When building Angular applications you compose the UI of your applications through shared reusable Angular components.

37. 10 Cool Angular Material Admin Dashboard Templates

Speaking about frameworks for making web applications, we must consider worldwide known Angular, which goes in two different versions — Angular or AngularJS.

38. How to Configure Path Aliases in Frontend Projects in the Native Way

We’ll explore the imports field in package.json and how it can be used to configure path aliases for various use cases.

39. Boost Your CSS with BEM Naming and SASS Nesting

We all have struggled with keeping our CSS classes ordered, maintainable, and more specific. SASS nesting and the BEM (Block - Element - Modifier) structure will help get us to get rid of this concern.

40. Top 5 Boilerplate Admin Templates With Node.js Backend

More and more developers are currently deciding to boost their workflow, minimize unnecessary tasks, and structure their virtual desks through admin panels with Node.js backend.

41. Vue.js: Propagating Props Like a Pro

Probably the cleanest way to forward base props from a wrapper component in Vue.js

42. 110% Complete JWT Authentication with Django & React - 2020

43. Animating Line Charts With D3.js

Chart animations, which will make your application shine.

44. React Native Animation Guide

React Native Animation is an interesting topic56 where a dull application could be converted into an interactive and beautiful app. When you first login into an application, the thing which impresses us the most is interface and its interactivity. Working with animations could look a bit overwhelming at first but it is essentially a process of just 3 steps.

45. Autocomplete Search Component With React and TypeScript

Autocomplete Search Component With React and TypeScript

46. Top 5 TypeScript Performance Tips

Hi everyone! Today I want to talk about fast TS compilation. There are a lot of tips and tricks about TypeScript code style. But not about compiler performance.

47. 10 security tips for frontend developers

Web security is a topic that is often overlooked by frontend developers. When we assess the quality of the website, we often look at metrics like performance, SEO-friendliness, and accessibility, while the website’s capacity to withstand malicious attacks often falls under the radar. And even though the sensitive user data is stored server-side and significant measures must be taken by backend developers to protect the servers, in the end, the responsibility for securing that data is shared between both backend and frontend. While sensitive data may be safely locked in a backend warehouse, the frontend holds the keys to its front door, and stealing them is often the easiest way to gain access.

48. How to Create SVG Sprite With Icons

The best way to use SVG icons is to create an SVG sprite. Here's an easy tutorial for beginners and pros alike.

49. 7 React Admin Dashboard Templates For Your Next Project

Developing an admin area for your React web application can be very time-consuming. And it is just as important as designing all of the front-end pages. Both admin area of your web-application and the pages themselves must be pixel-perfect, fully responsive and have mobile-first and user-friendly web design. In this article, I listed some of the best ReactJS admin dashboard templates that can speed up your development and save you a lot of time and money, eliminating the costs of creating a web application from scratch.

50. Debugging Angular Application in Production mode

Debugging Angular Application in Production mode

51. How to Create Custom Flash Messages in React [Part 1]

In the first part of this tutorial we are going to build a flash message step-by-step with React and Material UI.

52. Creating a Personalized Map for Your Website with the Google Maps API

Learn how to create and integrate a personalized map on your website using Google API.

53. Patterns from Other Languages and Frameworks to Enhance Your Frontend Projects

Drawing from 12 years of programming across various languages, I'll share how I've applied principles from these to my frontend projects.

54. React Hook to Measure an Element's Size and Handle Responsive Components

react-cool-dimensions is a React hook that measure an element's size and handle responsive components with highly-performant way, using ResizeObserver. Try it you will ❤️ it!

55. How to Upload Source Maps to Sentry with Next.js

Troubleshooting with source maps uploading to Sentry with Next.js

56. How to Set up ReCAPTCHA in Your React Application

reCAPTCHA is a tool that can protect your applications from fraudulent actions.

57. 2019 in Frontend Development: JS, TS, React, Vue & More

Originally published on gitconnected.com

58. Unsafe use of target=”_blank”

Developers have been frequently using this attribute to open a new webpage. But this attribute, though looks pretty simple, can create a major security threat to your application.

59. Building An Infinite Scroll Using React Hooks

There are a lot of React pre-made components out there that promise infinite scroll functionality. The problem with that is that sometimes they are not tailored to fit your specific needs, especially if you are using the newly featured React-Hooks to create functional components all across your application. These pre-made components work well with class components, but they have not been updated to work with the state-of-the-art functional hook-components.

60. Unleashing the Power of TypeScript: Improving Standard Library Types

How to achieve better type safety and code quality by improving types in TypeScript's standard library.

61. Cool CSS Variable Tricks To Try

In this article, we will consider several interesting hacks that allow you to use custom properties for what would seem impossible without preprocessors or JS.

62. Context and Provider Pattern Using Vue 3 Composition API

The React Context API provides a way to share properties that are required by many components (e.g., user settings, UI theme) without having to pass a prop through every level of the tree (aka prop drilling). Although Vue.js does not provide the same abstraction out of the box, in this article, we’ll see that in Vue 3, we have all the tools we need to replicate the same functionality quickly.

63. Upgrading Angular From v8 to v13

Upgrading from Angular 8 to 13 - the most common errors and their respective solutions

64. Introducing Tailwind CSS: Pros and Cons of Tailwind

As you might notice, Tailwind CSS has become popular among the developer community. I'm a big Tailwind fan and recently, I've built several React projects with Tailwind CSS. In this article, I'll describe why Tailwind CSS has brought so much value to the front-end development community.

65. A Design System Architecture: What You Need to Know

How a design system can serves as a cohesive language bridging the gap between design and front-end development.

66. Creating Mouse Tracking Eyes using Javascript 👀

Today we'll be making this cute chicken follow your mouse! We will use JavaScript to make the eyes of this CSS chick follow where ever your mouse goes.

67. How to Implement Basic Modular CSS Guidelines

Web page styling has evolved over the years, from just styling HTML elements to a well thought, organized and scalable approach. Implementing CSS style on a web page can be a complex task with many different display presentations available on modern websites. Paying closer attention to how smaller parts of the webpage fit into the whole design flow of the webpage can be an important tool for efficient development.

68. How to Bring Live-Reloading Back to a Django And React Project

This article is a prequel of sorts to my earlier 110% Complete JWT Authentication with Django & React - 2020 article. That article covers how to get started with JWT authentication in a typical React and Django Rest Framework project, and it does that well enough. There's just one major annoyance with it - I couldn't figure out how to get live reloading working! So for every change made to the frontend, we had to shut down the dev server, rebuild the React bundle, and start it up again. Talk about tedious!

69. Bootstrap Vs. Material UI For React Based Project

Do you enjoy building fast and professional looking pages using React and Bootstrap? What if I tell you that there is a more efficient way (and in my opinion, that looks more professional) to build websites.

70. Do We Really Need A Web API: Simplifying Communication Between Layers

Typically, when we build a single-page application, the frontend and the backend are living in two very separate worlds that are connected with a web API. Even if they are implemented with the same language (JavaScript), they cannot communicate directly using this language. They need something else in between, so we build a web API (REST, GraphQL, etc.), and that complicates everything.

71. Creating Beautiful Documentation Website For Your JavaScript Project

Nowadays, as a webdeveloper, you rarely build anything from scratch: your daily job mostly consists of integrating various Javascript libraries together. If you are building a web app you are most likely going to use some framework like React, Vue or Angular for your front-end. To transmit and manage the data you will be using Redux or GraphQL. For the backend, there will be Express and probably Loopback. Then you need to cover everything with tests, so Jest, Mocha or Jasmine must be present too. Finally, there will be UI frameworks like Bootstrap and maybe some charting tools. I have already counted at least 7 core libraries and all of these are in a single project! And what about underlying technologies like Javascript itself, Node.js and, probably, Typescript? Well, that’s a lot!

72. The Differences Between Blazor WebAssembly And Blazor Server

If you are aware of the latest developments in .NET for the last couple of years, you must have heard the buzzword ‘Blazor’ quite often. It is a revolutionary client-end User Interface framework developed by Microsoft’s mighty ASP.NET Expert team.

73. 10 Reasons Why Front End Development Is a Great Career Choice

As the world becomes increasingly digitized, the demand for front-end developers is only going to increase.

74. The Easiest Way to Create Your First NPM Package

A fast and easy way to create an NPM package from start to finish

75. Building Embeddable Widgets with TypeScript

Step-by-step process from creating an Embedded widget using Shadow DOM and Typescript.

76. Concurrent React Mode: Using Suspense and useTransition to Build A Better UX

The React JS dev team announced some exciting changes several months ago - React would be getting a "Concurrent Mode". Essentially this would allow React to perform multiple UI renders concurrently. Of course, JavaScript is single threaded and true concurrency is an illusion, but the new features will allow web apps (and Native Apps once these features hit React Native) to be much more responsive and snappy than they are now with less effort and custom code from the developer to make this happen.

77. How To Access Properties Of Objects On Observables Like A True Expert

Hi, fellow RxJS streamer! 👋

78. React Hooks: The Difference Between useMemo and useCallback

React library provides us two built-in hooks to optimize the performance of our app: useMemo & useCallback. At first glance, it might look like their usage is quite similar, so it can get confusing about when to use each. To clear that confusion, let’s dig in and understand the actual difference and the correct way to use them both.

79. Concurrent Rendering in SolidJS

Concurrent rendering in SolidJS with Suspense, transitions, and time slicing can greatly improve the experience of users with a slow CPU or a slow connection.

80. How CSS Position Sticky Really Works: Tips For Beginners

PH: Danny Meneses from Pexels.

81. Overriding Bootstrap Classes Using CSS

Are you having a hard time changing some properties of some bootstrap classes with CSS?

82. How to Create a 3D Art Model with CSS3 [Step-by-Step Guide]

Have you ever come across a rather complex 3D creation while surfing the internet and your curiosity leads you to click on it to see if it has been rendered in Flash? These days, the features that come with modern browsers give you the power to create amazing projects without needing an external animating tool.

83. How To Serve a Vite + Vue3 Page Inside a Sub-folder

Using Vue3 and Vite page inside of sub-folders.

84. How to Choose the Technology Stack for Your Web Application

The right technology stack used for building a web application is a critical element of project success. The reason is pretty simple. The product creation doesn’t only imply making an outstanding user interface design and ensuring high usability. It is also about delivering a stable solution that works as intended and adds value to users.

85. How I Received 3 Front End Engineer Offers in a Tough Market as a Non-CS Graduate

Discover how a non-CS background led to securing multiple offers as a Frontend/Software Engineer, overcoming challenges in job hunting.

86. Efficient State Management in JavaScript Apps with Statemanjs

Statemanjs is a powerful, efficient state management library for JavaScript and Node.js.

87. 13 Angular App Optimization Tips for Frontend Developers

How to optimize an Angular app? First, we need to consider how we understand optimization as such. Optimization helps achieve better app performance and easier code maintenance. Optimization is not a checklist or a to-do-list, and there is no universal way to optimize your app.

88. Why the Hell Do People Confuse Prettier With Eslint?

Clearing up the confusion between Prettier and ESLint. Prettier tidies code, ESLint ensures quality. Use both wisely!

89. Streamlining Form Validation with JSON Schema for Front-End and Back-End

Efficiently validate forms with a single set of rules for both front-end and back-end using JSON Schema.

90. jquery: Is Still Relevant or Is It a Product of the Past?

Learning it will not hurt you, but introducing it into a project can raise a few eyebrows. For greenfield projects, it makes sense to default to vanilla JS.

91. Gatsby Won Against Next.js in this Heads Up Competition

A comparison of static site generators and how server-side rendering hurt performance

92. The State of Vue 2022: What Has Changed In The Last 12 Months

Check the latest statistics on the usage of Vue and learn why this framework is growing in popularity.

93. Review of 12 Online Code Editors for Web Developers

Some online code editors have basic features similar to text editors while others complete Integrated Development Environments (IDEs). We review both.

94. PurgeCSS 2.0 Introduction: Remove Unused CSS From Your Project

When you are building a website, you might decide to use a CSS framework like TailwindCSS, Bootstrap, MaterializeCSS, Foundation, etc… But you will only use a small set of the framework, and a lot of unused CSS styles will be included.

95. 302 Stories To Learn About Front End Development

Learn everything you need to know about Front End Development via these 302 free HackerNoon stories.

96. The Double-Edged Sword of Atomic Design

Unlock the potential of Atomic Design in UI development: Benefits, drawbacks, and a comprehensive case study with React.

97. The Best Complex Frontend Architecture: What You Need to Know About Feature-Sliced Design

This article discusses the Feature-Sliced Design architecture, as in my opinion, it is the best for complex frontend projects among the available options.

98. How to Take a Photo in Your Browser with JavaScript

Modern browsers are more powerful than ever before. We can do many things in the browser with JavaScript now, we'll capture images in the browser with js.

99. Understanding React's useEffect Hook: A Deep Dive

Dive into the workings of React's useEffect Hook. Learn how to handle side effects in your functional components through real-world examples and use-cases

100. 12 JavaScript Concepts That Will Level Up Your Development Skills

JavaScript is a complex language. If you’re a JavaScript developer at any level, it’s important to understand its foundational concepts. This article tackles 12 concepts that are critical for any JS developer to understand, but in no way represents the full breadth of what a JS developer should know.

I will be continuously updating this list in a Github repository called JS Tips & Tidbits. Please star ⭐ and share if you want to follow along!

101. How to Setup Tailwind CSS Framework with React

Tailwindcss provides a modern spin on writing css. And unlike bootstrap, it allows us write css without predefined classes i.e we can create our own custom styles without external opinions on how things should look.

102. JavaScript Essentials (Concepts + Code) Frontend Development For Beginners

JavaScript was is and will always be the first language of choice for developing front-end of any web application. We all know it.

103. Introducing An Open Source Backend Server for Mobile & Web Developers

Appwrite is a new open-source, end to end backend server for frontend and mobile developers that allows you to build apps a lot faster. Appwrite goal is to abstract and simplify common development tasks behind REST APIs and tools, to help developers build advanced apps way faster.

104. Building Engaging Real-Time Data Visualizations In React With Highcharts

Learn to create real-time charts in React with Highcharts and WebSocket. Includes setup guide, code examples, and GitHub repo for quick experimentation.

105. CSS Grid is a Grid Framework

On October 10, 1994, Cascading Style Sheets (CSS) was proposed to style online documents. But then the Internet exploded with web apps and devices, and CSS fell behind. It was not designed to layout complex user interfaces on multiple screen sizes.

106. Truly Reusable Design Systems in Practice: Web Components

Companies like Airbnb, Apple, Uber, and GitHub have changed the ways they design digital products by incorporating their design language and organizing it into a system that can be used across all employees — and even outside of the company.

107. Get the Fastest Frontend Tooling Experience with Vite JS

If you plan to enhance your experience in frontend development, ViteJs is the next-generation tool you should consider. Let's understand why Vite is faster.

108. Run, JavaScript, Run

JavaScript runs the world (at least the virtual part), but what runs JavaScript? That's exactly the question we are going to answer!

109. Frontend Testing for Busy Engineers: A Guide

Learn effective frontend testing strategies to ensure application reliability, prioritize critical scenarios, and balance effort with quality.

110. How to Create HTML Pages Quickly

When you are creating a website there are several factors to take in count. One is that any website today has to be easy to read on mobile and desktop versions, it has to be friendly and also you should try to make it look good.

111. Pointer Lock API: How to Control Mouse Cursor

The Pointer Lock API (formerly called Mouse Lock API) provides input methods based on the movement of the mouse over time (i.e., deltas), not just the absolute position of the mouse cursor in the viewport. It gives you access to raw mouse movement, locks the target of mouse events to a single element, eliminates limits on how far mouse movement can go in a single direction, and removes the cursor from view. It is ideal for first person 3D games, for example.

112. A Frontend Developer's Perspective on UI Design Tools

Hey there 👋Thanks for checking my first Hackernoon article. My name is Vova and I'm a self-taught front-end engineer. I started learning front-end two years ago and was lucky to land my first job in a tech startup. Getting the first job is (very) challenging but the startup I applied to wanted to give equal chances to the professionals of all levels.

So the last 1.5 years I was playing with React, Redux, Webpack, fetch, Node.js, Express.js Backend, Webhooks.…You know, in a startup you are wearing different hats. I was making 20+ landing pages, setting up A/B tests, helping the marketing team to make automation and eventually doing some design tasks.

That's fun and I always enjoyed design tasks, even if they were small. So it became asking myself, what other people are using for making design tasks?

Here is what I got from a small Twitter research:

113. CSS Grid vs Flexbox: A critique

My first intro to positioning with grid and flexbox started with a course on CSS3. Three months after saw me in a coding boot-camp for remote software developers.

114. Why IDs Can be Problematic in CSS

OUTLINE

115. A CSS Property That Every Web Designer must Know

I am Javier, a guy starting in this world of web development. My background is the filmmaking business, especially the video edition. I am writing this article to help guys like me that are learning web development or everyone that considers the design or the “look” of a webpage one of their passions. Back in my days of video-editor, one cool thing that I found in the software video and design editors was the ability to blend two images or more in order to display better. So if you just put an image in a given color background you can start to discover how the different values can make interesting looks.

116. How Easily Create Responsive Layouts Using CSS Grid

Do you often find yourself banging your head against the wall when trying to make your page responsive? I sure did for a long time, that was before I became familiar with the grid system. I had already seen and used grid a few times but I was a little intimidated by the huge amount of properties that it has to offer, but today I’m pretty comfortable creating layouts with just CSS Grid, so in this article, I want to show you what I think are the most important properties that you can use in CSS grid to make your web page fully responsive.

117. 14 Top Node.js Open Source Projects: 2021 Edition

Note that under open source projects we assume the following:

118. Unleashing the Power of TypeScript: Key Considerations in tsconfig

How to Configure tsconfig for Optimal Type Safety in Your TypeScript Code.

119. How To Simplify Your Application State Management

The Introduction

120. The Most Interesting Vue 3 Bootstrap Admin Themes

Vue is quickly growing in popularity among developers and Vue admin templates and themes made with help of Bootstrap is its most popular category.

121. How to Use React to Replace useEffect

useEffect is a hook that allows us to perform side effects in function components. It combines componentDidMount, componentDidUpdate, and componentWillUnmount

122. Just Use Rem: Choosing between Pixels and Rems in CSS

When choosing between pixels and rems in CSS, you should almost always use rems. It's a simple rule to follow. This article explains why.

123. Front-End Development Without Node_modules Using Skypack and Snowpack

Once upon a time, we could simply put an HTML and a script file into an FTP server, quickly have a working website and call it a day.

124. 8 Beginner Design Projects for Aspiring Front-end Developers

These are 8 projects with requirements and designs that you can do to add to your portfolio as a Front-end Developer. The order of these projects is from easy to intermediate level.

125. “JavaScript has Never Been My Favorite Language” - Interview with Node.js Creator Ryan Dahl

Ryan Dahl speaks about the main challenges in Deno, the future of JavaScript and TypeScript.

126. Choosing Between React, Gatsby, Next.js For Your Frontend

React, Gatsby, Next.js. Which of the three should you choose for your frontend web development and what should you understand before you make the decision?

127. Filtering And Processing Data With useFilter Hook In React

A React hook to filter large amount of data using Web Worker.

128. Recreating The Instagram Double-Tap with JavaScript ❤️

Today we are going to recreate the famous Instagram double-tap to like effect!

129. 10 Cool Data Table Libraries with Advanced Features

JavaScript is on the list of requirements for a position as a web developer in any IT company at the moment. It is hard to imagine building modern web applications without JavaScript. This programming language provides IT specialists with an effective and relatively easy way to create interactive applications able to comply with the tastes of any picky customer. The choice of the JS libraries and frameworks adds dedicated followers to this language.

130. Create a Morphing 3D Sphere in Javascript with Three.js

In this guide, I create a morphing sphere with a cool, wireframe background.

131. Building Analytics React Dashboard With Cube.js

Imagine that you need to develop a web application from scratch to monitor and analyze raw data. For example, you own an average size online store. You are not satisfied with the existing solutions for data analytics and you want to manage what components will be in your admin panel by yourself. It is also very important for you to work with raw data and build analytical charts yourself.

132. Top 12 Lesser Known Tips for JavaScript Best Practices

There is a lot of information about different JS features.
I want to tell you about equally useful, but less popular tips for working with this language!

133. Top 7 Dark-Themed Admin Templates For Your Next Project

If you don’t have any definite preferences in design, you should try dark colors, because dark themes look so stylish and become more and more popular. That is why we decided to find the most amazing React, Angular and Vue admin templates with dark themes. If you ever googled admin templates then you probably know that there are tons of them and that is fine to be on the fence about which one to choose. If you are not sure whether to use admin dashboards templates or not you can read the article about the benefits of admin templates. The incorrect choice of an admin template may lead to a giant waste of time and money – so it’s the decision you should think about for a while.

134. How to Refactor Your React Application And Connect with Redux

Introduction

135. Facts Everyone Needs To Know About Front-End Development Practices

Front-end development takes much more than writing clean code. While writing concise and legible code is not mandatory, it will save many headaches in the future. The chances of writing code that will never be changed or never looked at again are slim to none, and time spent getting lost in old code is time wasted. Here are some key web development best practices for HTML, CSS, and JavaScript.

136. Higher Order Components (HOC) In React: Beginners Guide

In this tutorial, we are going to learn what is higher-order components, the syntax of higher-order components, and how to use HOC in React.

137. Compilation of the Most Common React.js Interview Questions

A comprehensive collection of React technical questions to help you prepare for frontend interviews.

138. Struggling to Pick a Charting Library for React? These 10 Options Cover It All

Explore 10 powerful open-source charting libraries for React to help you visualize complex business data, dashboards, timelines, and more.

139. Bootstrap 5 Basics

The world’s most popular open-source framework used by developers with HTML, CSS, and JavaScript is ready to roll out the new release - Bootstrap 5 anytime soon!

140. How Project-Based Learning Helping Me To Learn Web Development

Learning a new skill can be challenging. But as humans, we always strive for better ways to be more effective and productive.
Coding means using a programming language to get the computer to behave as desired. To a tech geek, that sounds easy or doable, but to a code newbie like myself, I barely see how that can be possible.

141. Building Rails Carousels Using Bootstrap

Bootstrap carousel with rails

142. Fixing CSS Stylelint Errors Generated By SASS [A How-To Guide]

So you’ve started using sass, it makes things easy, right? Well, true, but one day, I run into some errors that almost changed my mind about that.

143. Some HTML, CSS Little Secrets In One Article

There are many different guides and guidelines on the Internet.
I tried to go through all of them and put together a little cheat sheet.

144. Scalability: the Lost Level of React State Management

Apps grow. The React world often recommends half-baked solutions for state management. Prefer tools that scale well instead.

145. React-Redux Flow: Detailed Guide

State. That’s one word behind Redux’s existence in the React framework. But wait a minute what is the state of an application, and why does it matter in single-page applications(SPA). Oh, single-page applications? What are those too? Let’s back it up a bit and take it one step at a time.

146. A New Two Repo Approach to React Native Development That Will Help You Boost Team Efficiency

Develop React Native code without building the native binaries, or work on the native parts without the business logic in JS? You can have both, here's how!

147. Top 12+ React Boilerplates and Starter Kits for 2024

What criteria do you use when choosing a React boilerplate? We made a comparison of boilerplates by features and analyzed each of them

148. 50+ GitHub Repositories Every Front-End Developer Needs

50+ Github Repositories Every Front-end Developer Needs

149. Why You Should Choose Angular or Vue over React for Your New Web Application

An article that describes the advantages of the front-end frameworks Angular and Vue over the front-end React library.

150. 10 Things Every Beginner Should Know When Learning Javascript And React

React is build on top of pure Javascript for the most part. Here you will learn about 10 Javascript concepts that will help you write better React code.

151. Modern Front End Architecture

When you join the Front End world or you have a lot of years on this side, some questions appear for example: What is the best way to build the front end? How can I keep a front end cleaned and organized? Should I add unit testing? That's difficult to answer but I think I can share some good tips and articles about the Front End side so, let's go!!!

152. If/Else No More: Best Practices for Angular Developers

In this article, we'll explore the concept of avoiding if/else structures in your Angular code and provide practical tips to help you write better code.

153. Top 10 CSS Performance Tips

Hi everyone! There are a lot of tips and tricks about CSS styling. But not in this article. Today I want to talk about how to use CSS more efficiently and make

154. Bootstrap Vs. Bulma in Ruby on Rails Application

Bootstrap 4

155. How to Connect React, Highcharts And Cube.js

Started as a simple charting tool for monitoring a snow depth near the owner’s country house in Norway, Highcharts quickly became one of the most popular visualization libraries. It provides a lot of great built-in interactive features and is easy to use.In this tutorial we are going to build a simple e-commerce dashboard with Cube.js and Highcharts. We’ll use the main Highcharts library, as well as Maps, Stock, and Solid Gauge modules.

156. Maps on the Web Using React and Mapbox

I will illustrate how to use Mapbox with React and explain how these technologies work together.

157. Over 40, With no Technical Background, This is How I Learned a Frontend Framework in 2 Weeks

Over 40, with no technical background, this is how I learned a Frontend Framework in 2 weeks.

158. Creating Facial Expressions with CSS Animations

Learn how you can use CSS animations to create facial expressions through position, transitions, and opacity.

159. Intro to React CSS Modules

CSS Modules helps you create independent and customized cascading style sheets for any .js file rendering HTML in your React application.

160. Hooked on React's Array Destructuring Pattern

The other day I was reading up on the legendary React God Dan Ambrov’s great but very un-TLDR post on useEffect.

161. MUI (Material-UI) Releases v5 of its Core React Components

MUI (Material-UI) releases v5 of its core React components - brings advanced styling and customization features, new components, and more.

162. CSS Animation Basics

CSS Animations enable the front-end developer to animate HTML elements which in turn give your website a fun and cool look. In this post, we will take a deep dive into how to use animations in CSS. When you are done, you should have a good understanding of the topic. Try typing the code into your code editor and see how it works. This will help the concepts sink in deeper. Now let us take a look at this example.

163. Supercharge Your React Applications: 7 Best Practices and Techniques

When a React application is optimized, loading times are significantly reduced, allowing users to quickly access content and start interacting without unnecessa

164. jQuery vs JavaScript: Why We Decide to Remove jQuery From Our Templates

We at Flatlogic create top Vue, Angular and React admin templates for businesses to manage, analyze and visualize their data and one of the best React Native mobile templates

165. The Crazy Problems with Creating PDFs on the Frontend

166. How to Start an App And Choose React Native Stack

How to Build a React Native App

167. A Comparison Of Web Component Solutions

"Don’t repeat yourself." Every programmer has this concept drilled into their head when first learning to code. Any time you have code you find yourself duplicating in several places, it’s time to abstract that code away into a class or a function. But how does this apply to user interfaces? How do you avoid re-writing the same HTML and CSS over and over again?

168. Everything You Need to Know About Promises, Thenables, & Lazy-Evaluation

JavaScript Promises evaluate eagerly, but sometimes that's a problem. This post covers why and how to create custom lazy-evaluating promises.

169. How To Create And Use Skeleton Loader: Simple Example [Part 2]

In this post, we will dive into actual implementation of Skeleton Loader step by step.

170. How to Use Domain-Driven Design in Micro-frontend Architecture

Discover how to apply Domain-Driven Design principles to decompose micro-frontends. Improve your front-end architecture and enhance your development workflow.

171. Adding the ESLint to an Angular Application

Application example built with Angular 14 and adding the ESLint using @angular-eslint/schematics library.

172. Writing Clean Front End Code

Writing clean front end code for a resilient, readable front end code repository.

173. How To Make The Web Great Again

5 Major Challenges Faced by Web Application Development Teams Today and Solutions to Solve Them Without Breaking Your Company’s IT Budget

174. The Seven Best Admin Templates And Themes in React

The appearance of Node.js became the new era for JavaScript because of the opportunity to synchronize frontend and backend. All JavaScript programs with help of

175. Best Practices for Web Developers to Protect Against Browser Vulnerabilities

Discover how to secure your web applications against browser vulnerabilities with this comprehensive guide for web developers

176. Aspie Programmer: Embracing Neurodiversity and Unlocking Potential in the Tech Industry

In this piece, I dive deep into the complexities of Asperger's syndrome, discuss the pros and cons of having aspies on programming teams, and provide practic

177. How to Create a Google Chrome Extension Part 2: Image Grabber

How to Create Google Chrome Extension Part 2

178. Svelte Libraries to Help You Build Amazing Web Interfaces

This article provides a curated list of Svelte libraries to streamline app creation and offer ready-to-use solutions for various development tasks.

179. Introduction to CSS Media Queries

Learning web development is a journey an aspiring software engineer should consider, it involves learning, self-motivation and access to a lot of online resources, it’s also good to have a mentor.

180. An Open Source Starting Point For Abstracting Common Backend Tasks

Appwrite Is a New Open-Source Backend That Strives to Make Programming Less Painful

181. How to Add Localization to Vue.js App with vue-i18n and Localazy

Localization of any type of application, be it a web, mobile or desktop app, can be tedious and irritating. In this article, I’ll show you how can you handle that easily with Localazy and vue-18n in a way that you’ll spend your time effectively and actually enjoy the localization process.

182. Do You Really Understand the Viewport

If you are a web developer, you must have heard about viewport, and the below line may seem familiar to you.

183. How To Manipulate DOM Elements In React

DOM Manipulation is the process by which one can dynamically change the content of the web page. Working with DOM should be fairly easy.

184. How to use CSS pseudo-classes :before and :after

The CSS :before and :after properties are what also known as pseudo elements. They are used to add something before or after the content of an element. There are a lot of great uses for these pseudo elements, and we are here to explore some of them.

185. How To Create a Simple Autocomplete Field And Connect it With Elasticsearch

Autocomplete is a feature to predict the rest of a word a user is typing. It is an important feature to implement that can improve the user’s experience of your product.

186. HTTP Polling - the Good, the Bad and the Ugly

Explore three approaches to implementing short HTTP polling using client-side JavaScript.

187. Automate the Boring Stuff ...using Gulp.js

Full Disclosure:

188. When the Official Theming Path Was Not Enough: Making Kendo Behave in a Mixed Stack

Why theming breaks in mixed frontend stacks and how to fix it with isolation, render control, and strict composition rules.

189. Top Mistakes JavaScript Developers Make

This article will show you some typical mistakes that almost every Javascript programmer has made during his career.

190. How to Hack Bootstrap CSS for Better Looking Websites

A tutorial of actionable design tips to achieve satisfaction with the look of your bootstrap themed site.

191. How to Fix the NextJS App Router and FSD Problem

Solving Feature-Sliced Design aka FSD combination problem with NextJS

192. How to Build a Github User Finder App With Next.js & Tailwind CSS

In this project, we are going to build GitHub user Search App using Github API. We will design the UI of the app using Tailwind CSS with Next.js as a framework.

193. Top 6 Material Design Dashboards

I won’t make the intro too long. I will shortly introduce you to the Material Framework and mention our traditional criteria for evaluating dashboards/admin templates.

194. 10+ Ridiculously Cool Admin Themes And Templates

In today’s article, we will have a quick look at 10 admin templates and themes that are simple to use and good to look at.

195. JavaScript DOM Manipulation in Details

To have a solid understanding of the structure of an HTML page. Let’s add a basic code.

196. Coding Interview Prep: Let's Test Your CSS

A brief test of some CSS skills to help prospecting developers prepare for interviews or just to keep their skills sharp.

197. Flexbox Vs. CSS Grid or What Should You Use as Basic CSS Layout

Everyone who wants to become a web developer or a web designer needs to start by learning HTML and CSS. The HTML (HyperText Markup Language) is only for structured a page and CSS (Cascading Style Sheets) which adds more styles on the page. In this tutorial, we will focus on CSS.

198. How Does Vite Achieve Constant Time Builds?

The 3 key decisions that makes Vite faster than Webpack.

199. An Essential Guide to Re-rendering Vue Routes When Path Parameters Change

In single-page apps that use the Vue Router, it is common to create a path parameter that changes the behavior of a route. A common problem occurs when a user alters the path manually in the address bar. Manually changing the URL does not rerender the view! This can cause unexpected behavior because mounted() hooks don't fire and nested components don't reload.

200. Steps to Become a Front-end Developer

This article will help you to start a path to front-end development. In the last 10 year’s I didn’t pay any attention about programming and the way websites built. About 2 years ago, I started to spend more than 12 hours every day working as a remote tester for several platforms.

201. How can Self-Healing AI Help a Web Test Automation Developer?

I have been working in the automation field for more than a decade, and have seen automation tools evolve in unique ways. During the earlier years, when AI technologies weren’t prevalent, I remember how our automation team faced particular and unavoidable challenges which we, at that time, thought were some of the trickiest to resolve from our end. But we accepted it as just a part of daily life in the automation world and adapted to it.

202. Front-End or Back-End: What Should You Learn First?

As someone who’s held both front-end and back-end positions, and even been a hiring manager, read on and I’ll give you my thoughts.

203. What Adding display: flex Does

display: flex will change the way that your text will appear when rendered based on how you set its behavior and how large the box it is placed in is.

204. How To Use Gritter Notifications in Rails 6

Hello everyone, how has it been working with the challenges of COVID-19? Today, I will be sharing how I got gritter to work with Rails 6. According to the github Readme;

205. 4 ways CSS :has() can make your HTML forms even better

Learn how the CSS :has() pseudo-class can improve HTML forms through validation hints, conditional content, fancier designs, and more.

206. I Got a Job as a Developer at 16, and You Can Too

This is my story about how I got a job as a web developer at 16 using reddit while having 0 experience

207. The Power Of HTML And CSS Evolution

The HTML evolution from HTML 2 to HTML 5 has seen an enormous shift of things which has empowered web developers in tremendous ways. Committed web engineers that have been in this space long enough will tell you that these changes have made web development much easier. A release of an HTML version means a better and easier way of doing things and for those that have not been writing HTML some time, catching up with the rest without taking a course is next to impossible. With HTML 2 that was launched in 1995 all the styling and how the page looked was a responsibility of HTML.

208. Newbie React Developer? Watch Out for These 15 Common Mistakes

15 common mistakes that every newbie React developer ends up making

209. Predicting The State of Front End Development: 2021 Edition

Where is front-end development heading in 2021? Jay Freestone examines trends and technologies that will shape web development this year.

210. CSS Named Colors: Everything Explained

This page provides resources for working with CSS Name Colors. It contains Named Color groups, palettes, favorites, and even fun facts.

211. The Guide To Core Redux Concepts

In a React app, data is fetched in the parent component and then passed down to child components through props.

212. The Noonification: How to Use React to Replace useEffect (12/31/2022)

12/31/2022: Top 5 stories on the Hackernoon homepage!

213. A Guide on How to Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms

Avoid duplicate-request & race-condition when creating JavaScript enhanced forms. Cancel previous fetch requests with AbortController.

214. How to Simplify State Management With React.js Context API - A Tutorial

Master state management in React using Context API. This guide provides practical examples and tips for avoiding prop drilling and enhancing app performance.

215. Meet the Writer: HackerNoon's Contributor Nikita Starichenko, SWE at Snap Inc.

From Engineering to Surfing!

216. What Frontend Engineers Should Know About Backend

The vast majority of things a frontend engineers need to do can be done without knowing anything about the backend other than the API. If you work on different parts of the frontend for long enough though, you'll probably run into something that does require some backend knowledge. Here's the short list of topics that a frontend engineer should know about the backend.

217. Getting Started With Svelte Framework

Installation, Components, Properties and DOM events in a nutshell

218. A Guide to Building Interactive Charts in Flutter

The Flutter charting library Graphic has a well-designed interaction system for various interactive charts.

219. What if We Add Some CSS Animations to Our Page?

Have you ever watched the amazing animations of Tony Stark’s supercomputer? If so, do you remember when he was using his computer to build his armor suits or create a new element? It was amazing to see the smooth transitions in the UI (Jarvis) when he played with it. And what about if I tell you that now we can recreate some of these animations only with HTML and CSS.

220. How To Use PHP As A Backend While Using React For Frontend

This tutorial shows how to combine the functionality of a PHP backend and React front-end. The goal is to utilize their respective strengths fully.

221. A Developer’s Guide to Accessibility For Mental Health and Cognitive Disabilities

In this blog, we’ll explore common barriers on web pages faced by users with mental health challenges.

222. Tutorial: How To Use CSS Position Property

I am a student that recently commenced studying HTML and CSS. I was eager to learn how to apply the styles in the way I see foremost visually appealing as today’s standards.

223. Bootstrap 4 Customization According to Your Design

Twitter Bootstrap is the most popular CSS framework. It has been so since its first release in 2011. Its constantly rising popularity begs the question: what aspect of it allows room for the different look and feel of millions of websites that are built on top of it? In this article, I demonstrate how to modify Bootstrap 4 according to a design that has its own color theme, responsive breakpoints and spacing styles.

224. Frontend Vs Backend Developers: All You Need to Know

Frontend is anything that the user sees and interacts with. Backend, on the other hand, ensures that everything that you’re seeing works fine.

225. How to Bypass the Vercel Tax by Using Open-source Alternatives

226. rLogin: The New Authentication Libraries for Blockchain Based Apps

In this series of three articles, we are going to build a decentralized application with a back-end. We will use rLogin suite, developed by RIF Identity team, which will allow us to build a secure, reliable and scalable application from scratch.

227. How to Choose a UI Library for Your Frontend Project

Choosing a UI library for your frontend project can be a challenging task. I will try to help you make this hard decision.

228. Front-End Development Trends For 2022

The Front-end handles the presentation of a website for end users while a backend handles the relations and connections of servers and features with databases.

229. Python vs. JavaScript: A Comparative Review

Python and JavaScript are two of the most used programming languages. Even though both are object-oriented programming languages, they have different scopes.

230. Take Control of Your Forms with HTML5

‘ One should never trust data coming from the user side ’.

231. Do We Really Need to Separate the Model from the UI? TLDR: No.

Typically, domain models and UI views are completely separated. A few years ago, we had a good reason to do so because the views were mostly made of imperative code. But now that we have functional UI libraries (e.g., React with hooks), wouldn't it be possible to gather everything together, and implement the views as methods of the models they represent?

232. How To Create Your React Application From Scratch

In this article, you are going to build your first React application. React is the most popular front-end framework and it’s for good reasons. One reason is that React will only update the parts of your website that got changed.

233. The Amazing React Router

Context

234. Skeleton Mammoth : A Universal Approach to the Problem of Reusable Skeletons Loaders

In this article, I will describe the process of creating the skeleton loader solution and turning it into a library.

235. Answers to 5 CSS Questions that May Confuse You

What is the computed value of the display property for the .child element in the following example?

236. 3 Most Common Ways to Connect your Node and React Applications

There are different ways to connect react frontend and NodeJS backend. In this blog, I am going to tell you three ways how you can connect backend and frontend.

237. How to Do a Device-Driven Code Split in React With No Backend

This article is a mix of arguments, reality checks and a code solution at the end. Its focus: device (touch/desktop) driven code split in React with no backend.

238. 10 Dashboard Templates and Effective Indicators for Tracking KPI’s

KPIs or Key Performance Indicators are a modern instrument to make a system (business, for example) work effectively. KPIs show how successful the business is, or how professional the employee is. It works with the help of measurable values, that are intended to show the success of achieving your strategic goals. KPIs are measurable indicators that you should track, calculate, analyze, and represent.

239. Why You Should Care About Perfecting CSS Animations

My story with CSS animations begins when I was trying to figure out how to become a unicorn in the programming world, the mixing between designing a User Interface (UI) for working in the back-end later it was quite impressive and hard for me, a person with a fully theoretical/academic knowledge foundation, but, at one moment, my fairy godmother appeared in front of my eyes, pure CSS animations brought my page to life and started to give me the magic that I was needing for... Creativity.

240. How to solve the Z-index issue Within 1 minute😲😲

In this blog, I am going to tell one secret tool in the dev console that you can use to debug your next Z-index bug.

241. Tips for Displaying Frontend Numbers in a Friendly Manner

How do you smoothly display numbers in frontend? In this article, we summarized some practical principles, introduced a tool library - Number Display, and analyzed it's source code.

242. How We Lost 9 Months to Invisible Architecture Decay (And Fixed It in 3)

Architecture Decision Degradation (ADD) quietly kills velocity. Learn how it happens, the warning signs, and how to fix it with real-world patterns.

243. How I Copied My Favorite SaaS Landing Page 👀

I've got some bad news...

244. Implement Themes/Dark Mode in Your Front-End in 5 Minutes

No matter if you write your own CSS or use frameworks such as Semantic or Bootstrap, implementing dark mode is often the most procrastinated feature

245. Svelte UI: The JS Framework Shaping Tomorrow's Web Development

In an evolving world of web development, making the most suitable choice of UI frameworks can greatly impact the efficiency and quality of your applications.

246. A Quick Guide on How to Create Accessible Buttons in HTML

Creating accessible buttons in HTML is crucial to becoming a great front-end developer; learn how with this guide!

247. Top 15 Online Resources to Learn How To Code

Top 15 Resources to Learn Coding in 2021, Frontend Masters, FreeCodeCamp, Coursera, MDN, W3Schools

248. Introducing Neuron Lang: A New Language For Frontend Development

HTML, CSS, and JavaScript are combined in this elegant language.

249. What Happens When You Click a URL: DNS Lookup, TCP Handshake & HTTP Request

DNS stands for Domain Name System, and it is a huge database where domain names are stored with their corresponding IP addresses.

250. Angular Mastery: Reacting to Dynamic Input Parameter Changes

In this article, we will look at ways to solve this problem using the example of a "user-profile" component.

251. How Can Developers Save A Failing Project? - Learn from My Mistakes

Quick summary: A project is about to fail. Everybody feels it won’t meet the hard deadline. But the app ended up released on time and bug-free. How is that possible?

252. 3 Simple Reasons to Use a CSS Preprocessor

If you haven’t used a precompiler before, you are about to fall in love. When you first learn CSS, you learn it stands for Cascading Style Sheets, which is pretty accurate. Whatever property you change twice, it will be overridden by the latest line. Because of this, CSS involves a lot of repetition and specification. Either via classes, IDs or selectors you have to show the browser exactly what you want to style. But what if I told you this could be easier? You could write a very specific CSS file without repeating so much. When I learned about this, I thought I was dreaming. When I learned how to do it, I promised myself I would never go back to simple CSS if I could help it.

253. 5 React Frameworks That Could Help You Speed Up Dev Time

Here are 5 React frameworks that could speed up your development time when building a web application.

254. The Art and Science behind REST APIs

REST stands for REpresentational State Transfer

255. Optimizing Images in a Few Steps

Simple article about image optimization in browsers in a few steps.

256. How to Create Your Own Collectable Token on RSK Network

RSK is an open source platform for Ethereum compatible smart contracts based on the Bitcoin network.

257. Cloud-Native Buildpacks, BuildKit, and Container Images: Qu'est-ce Que C'est?

In this article, we’ll do a deep dive into the Buildpacks BuikdKit frontend implementation and see how it actually works under the hood.

258. Helpful CSS Selectors

A CSS selector is a set of rules which will allow us to style any HTML element. In
CSS there are many different selectors, they will also explain in detail and a descriptive
example of each of them.

259. Unlocking HTML's Hidden Powers

Unlock the hidden potential of HTML! Explore lesser-known features that can enhance your web development skills.

260. 20+ React Tools to Help You Become a More Productive Programmer

The goal of this post is to provide you with tools you need to be more productive when developing React applications.

261. Top 7 Bootstrap Admin Dashboard Templates

There is a huge number of admin dashboard templates on the internet and a significant number of free ones to download. They usually include such kind of things like graph/chart libraries, dashboard page, alert boxesbuttons, navigation schemes, icons, tables and so on. We will try to find some best suitable UI (user interface) toolkit for your project.

262. How to Create Effective Frontend Design Documents

Learn how to create effective frontend designs with this comprehensive guide. We cover everything from design principles to implementation strategies.

263. My Favourite Front-End Interview Question to Ask Candidates and Why

Interviews often says more about the interviewer than about the actual project and what tasks you would be assigned.

264. 4 JavaScript Portfolio Projects to Help You Land a Web Developer Position

If you're starting to apply for your first web developer junior position, then you might want to consider building out one of the 4 (if not all) projects.

265. Top 11 Popular CSS Interview Questions

CSS, Cascading Style Sheets, is a style sheet language that is simple and easy to learn. It is basically about how to represent HTML elements on the screen. It is mainly used for adding styles to web pages. It is one of the favorites of developers and designers for adding styles to web pages. So, today we will be talking about the 11 most asked questions on CSS.

266. 8 Great Material Admin Dashboards To Use In Your Project

Looking through the admin template market you can easily conclude that this market is saturated. It’s observed in the number of templates, the amount of developers and (what is of the most important) a bunch of articles of «Best templates …(and here year, description or whatever goes)». And the amount of template becomes bigger and bigger every year. After reading several articles you may find out that to remember the name of the template you have liked is not (just believe us, really “not”) an easy task (of course, if you keep a template page in a browser tab it’s much easier, but don’t forget that RAM is limited and your browser may already keep 40+ tabs).

267. Your Guide To Learning Redux

What is Redux : A beginners guide. Redux is very important if you're using state in your web app. Especially if you're React Developer then you must learn Redux

268. Practical Data Fetching with React Suspense That You Can Use Today

It’s the hottest topic these days in the React community, and everybody gets either super excited or completely confused when the word “Suspense” is thrown around.

269. How to Get Started with TypeScript

Sometimes it’s necessary to set up a development environment for writing TypeScript code. This article will show you how it’s done.

270. How to hire the Most Skilled Web Developers?

Did you know that by 2020, it’s expected that there will be 1 million programming jobs unfilled? Unfortunately, great developers are rare to find. If you have tried to hire a developer for your startup, you’d know how difficult it is to find qualified candidates who don’t only have the required skills but also fit your culture.

271. 3 Must-learn JavaScript Concepts to Master Before Learning React

Jumping on learning React is easy, but you'll hit your head hardly later on if you are not yet familiar with these 4 key concepts detailed in this article.

272. Troubleshooting CI Test Failures in Ember JS with Jenkins: A Journey of Discoveries

The story unfolds with a common challenge: encountering errors exclusively in the continuous integration environment, distinct from the local development setup

273. How To Use CSS Transform Property

Without the transition, transform property is able just to turn over the object it is applied to. So, in the most real-life situations (real-life?), these two options are applied together.

274. Stop Fighting with Date Formats—Angular’s DatePipe Has You Covered

Learn to use Angular's DatePipe for flexible date formatting and test across time zones with Chrome DevTools for consistent global user experience.

275. Next.js v15 — What’s new under the hood

The new version is interesting not only for its new functionality, but also for the shift in priorities, the organization and reflection on mistake.

276. Creating a Powerful Excel-Inspired Grid Framework with SASS

(Photo by Hilary Susan Osman from Pexels)

277. How and Why to Choose a Frontend Architecture: Tips From an Experienced Developer

Alexander Guzenko shares insights into the importance of good frontend architecture and feature-sliced design.

278. How I Started to Learn Web Development

In this article I will talk you about on how I started my path as a full-stack software developer and specifically about the first section on the microverse school program in which includes two elements of the front end development, those are HTML and CSS and not only that, this will include the difference between HTML and html5, CSS with css3 and about a wonderful thing that I always ignore in my life that will save your life in some cases, the frameworks.

279. How To Build A Portfolio Website with React, ChakraUi and framerMotion

Create or build a beautiful portfolio website with react, ChakraUi and framerMotion

280. Keyboard Layouts and Their Place in the Web

How come QWERTY became the most popular keyboard, despite the fact that it might be not the most comfortable to use?

281. Unlocking the Puzzle: Investigating Multiple Event Listeners in Vue.js

Explore Vue.js Event Handling: Unveiling Undocumented Behaviors in Multiple Listeners, Inline Handlers, and Method Detection

282. Introduction To Styled-Components

styled-components is a CSS-in-JS library that helps you to write CSS in a component. Here in this post, I will cover more than basics you need to know.....

283. My Web Development Journey With Microverse

HTML and CSS are two of the most popular tools used to create front-end designs for websites. As simple as they may seem from the outside looking in, they can prove to be quite a challenge at times, pulling one into a black hole of design thinking.

284. Frontend Development Basics: How to Save Time with SASS/SCSS

As a new comer to the development space I recall feeling over whelmed by the amount of time it would take me to complete a project. Working at a development company focused on CMS systems with PHP, my Front End/CSS skills were abysmal. My code was too long and a mess. Filled with repetitious code that looked as messy as spilled spaghetti.

285. Learning CSS Grid Layout: Basic Concepts with Example

Cascading Style Sheet (CSS) Grid Layouts is the most important and powerful layout system available in CSS. It’s built inside a two-dimensional
system, meaning it can handle both columns and rows. You can build a
true grid layout by applying CSS rules both to the grid element and
the parent element.

286. We Keep Reinventing CSS, but Was Styling Really the Problem?

We keep changing how we style the web, but the real problem isn’t CSS. It’s how we build around it.

287. Stale-While-Revalidate Data Fetching Composable with Vue 3 Composition API

When building apps that rely on data from an API, two things are essential: we want our data to be fresh, and we want it fast. The stale-while-revalidate caching pattern helps us to strike a balance between both.

288. How I Got Over My Fear of Webpack

And why you should too

289. How To Use CSS Sprites: An Ingenious Way of Reducing Page Loading time

Imagine you have six images on your home page. You might proceed with loading the images separately. After all, they are six different images and to be used in six different places. And you might be right ... from your perspective. You also know that loading six different images will force the browser to make six different HTTP requests to the server. And each time it makes a request, a few milliseconds gets added to your page loading time. That's bad news if you have fifty images.

290. Let Your Browser Take a Breather with Scheduler.yield()

A practical guide to scheduler.yield() – the new Prioritized Task Scheduling API that prevents Main Thread blocking and improves user experience.

291. Cool Newsletters for developers [Part 1]

Here we'll explore cool newsletters for developers for developers

292. Adding Responsive Website Design To Your Web Projects

293. The Superpowers of Array.reduce() Method

ECMAScript 5 introduced many awesome features in 2009, the majority of them being array methods like isArray, forEach, map, filter, every, some. But let’s talk about my favorite one: reduce.

294. Getting Started with the Neuron Language

A step-by-step guide to developing with Neuron.

295. Micro Frontends: Extending Microservices To Frontend Development

Extending The Microservice Idea To Frontend Development

296. Create A Lightning Text Effect Using HTML And CSS Using This Simple Code

Learn to craft a dynamic lightning text effect using HTML and CSS. Follow our step-by-step guide to enhance your web design skills. Start now!

297. APIs for Beginners: What They Are and How They Work

A beginner's guide to what an API is, what frontend, backend, server, and JSON are, and how communication between programs happens over the Internet.

298. Is the App Shell Model an Innovation in Web Development?

A few days ago I somehow ended up on Google's web.dev platform, which I'm assuming is rather new. There is of course the possibility that I have been–or still am–living under a rock, when it comes to new web technologies.

299. The Simple React and Redux Implementation Tutorial

Last month I started making some implementations of Redux in some React projects. In the beginning, it took me a while to understand how to set up everything. Because it is a little complex to set up. But it will help a lot to store the data of an app.

300. For Developers: How To Prepare for a Job Interview

Last week a friend asked me about interviews, it’s a good question because in our career we passed for a lot of interviews, sometimes to get a good job, change companies or probably you will be the interviewer, today I will try to cover both points of views to manage an Interview.
Interviews

301. Easily Integrate Embedded Analytics Into Your App

How to create performant embedded analytics with Tableau and Cube that are tailored precisely for your users, and do so efficiently and securely.

302. How to Use an Event Bus in Vue.js 3

In this tutorial, we will use the Vite build tool to scaffold a project.

303. A Custom Chart by Using the HTML Component Plainly Explained

This example demonstrates how to use the HTML component to embed a chart on a page. This is just one of the many things you can embed in your site using the HTM

304. How to Create a Customer Frontend Scaffold

This blog shall embark upon the construction of a custom-made scaffolding tool, commencing from naught.

305. The Binding Concept in Javascript

Javascript binding is done using the Bind() method. With the help of the bind method, we can make one common function and bind different objects, so that the function gives different results when it's needed. Otherwise, it gives the same result or gives an error while the code is executing.

306. AI Wants to Kill the Frontend Developer. It Won’t Work.

Every few years, something threatens to replace frontend engineers. AI is just the latest. Here’s why it won’t work, and what devs should do instead.

307. Why A Fintech Dev Writes About His Work

Why a Backend Software Engineer chose to write about his work on HackerNoon and how he managed to land his job at a fintech business with millions of clients.

308. Using CSS Custom Properties To Optimize Styling Efficiency and Readability

Learn about using fallback values with CSS Variables to optimise code.

309. Improving Your Web-Based App With Micro Frontends

In this blog post, we will explore what micro frontends are, why they are beneficial, how to implement them in your project, and potential uses

310. Component Interactions in Angular

Today, we are going to talk about Angular Component Communication, the last version of Angular is @9, but I will show definitions to communicate in all angular versions, probably it will be in the angular platform for a long time. If you need to start with basic concepts in Angular I recommend for you the tour of heroes tutorial before reading this article.

311. The Front-End Guide to Digital Accessibility

A comprehensive guide to accessible website design and development

312. 6 Tips to Write Better CSS For Beginners

My experience with CSS first started when I was trying to style my very first non-functional ugly-looking login page. Since then, I learned a lot about writing functional well-organized CSS code. All web-developers need to be good at HTML/CSS, but they don't have to be experts.

313. Philosophies I Learnt From 3 Different React Folder Structures

This article talks about the journey I have about react folder structure and the philosophies I think are important.

314. Evolution of Web Design: From HTML to HTML5

When most people think about evolution, what comes to mind is “the big bang”, usually describing it as way different types of living organisms developed from earlier forms during the history of the earth. Technology has also evolved over time, there are many technologies, major ones being web development, computer systems, software engineering, artificial intelligence and many more. The main focus of this article is on the evolution of Web Design. A deeper dive into HTML which is the backbone of every web page document that you see on the internet today. Yes, other supplements exist e.g. CSS, thats adds design for websites, but without HTML, displaying a webpage document is not possible.

315. How To Create CSS Neon Animation

Guys! Thank you all 🥳, I've hit a 100 subscribers to my Newsletter and I'm over the moon!

316. Rethinking Components with React Hooks

React Hooks have been around since React 16.8 and remain as popular and in demand as ever. They have introduced a completely new way of handling components in React, which may lead you to reevaluate your approach to coding on a fundamental level. Having already been established as the most beloved front-end framework according to Stackoverflow popularity polls, React went above and beyond with the introduction of Hooks.

317. The Art of Naming: CSS Guide

I have heard lots of developers say they hate CSS. In my experience, this comes as a result of not taking the time to learn CSS. So here is my latest post, I'll tell you about a few naming conventions that will save you a bit of stress and countless hours down the line.

318. The Advantages and Disadvantages of Angular

When you need to create a Single Page Application, your first idea should be to search for the best framework to implement it. We have a lot of frameworks but 3 are very famous: Angular, React, and Vue.js. Today I will teach you about Angular, its advantages, disadvantages, and how you can start to learn it.

319. Your Ultimate Guide On HTML Tags 🔥

HTML Cheatsheet For All Developers by Garvit Motwani

320. How The Modern Web Test Automation Is Changing Our Lives

This article leaves you with the thought of the importance of imagining and implementing solutions to help the test automation world evolve swiftly.

321. How to Use Clip-Path CSS Property

I was given a task to replicate the newsweek website and I thought that would be a walk in the park until I started working on the project. My focus will be on the red/orange background of the header used on that website, as shown on the image above and how I was able to come up with the design using the clip-path property in CSS3.

322. An Anthology of Flexbox Tools and Tutorials (Frontend Development)

We have a lot of great tutorials and courses, related to flexboxes.

323. How I Designed a Cool Landing Page Using HTML5, CSS3 and Bootstrap

Making project is a fun as well as a challenging task.

324. How to Make Web Calls Feel Native on Mobile

Practical techniques to improve mobile web calling UX using Wake Lock, screen locking overlays, and PWA standalone mode. Includes React examples.

325. How to Publish React Components from any App

In this tutorial, I'll demonstrate how to publish React components from any application to Bit's registry. Components will be published as independent packages that later could be installed using NPM, Yarn or Bit.

326. 5 Reasons to Learn HTML & CSS

HTML (HyperText Markup Language) is a basic tool to design web pages that complements itself with CSS (Cascading Style Sheets). So everyone who wants to join the web design world has to learn this tools, but even if you want to be a web back-end developer it would be nice to learn this, therefore we are going to list a few good reasons to do it:

327. Introduction to Pseudo-Class Selectors

What we will cover in this article more specifically is the subject of pseudo-classes! First of all, what pseudo-classes are, you may ask. They are keyword in CSS language that lets you interact with external factors or events, like moving the mouse over an element or visiting a link. We will not cover here all the pseudo-classes but after reading this article you will get the idea! The main idea behind this pseudo-classes is that they expose events in CSS language witch means that is easier to interact with HTML element on web pages.

328. Are Angular and Angular JS The Same?

In this article, we figure out the key differences between Angular and AngularJS open source tools for front end developers to make the usage of these frameworks, terms, and names more conscious. But before we start to compare, let’s clarify what these names mean.

329. Are there Cons in Specializing in a Front End Framework?

Four years ago I got my first job at a start up. It was a very proud day. I called my dad from a Starbucks holding the offer letter in my shaking hand, and already imagined myself taking the metro the following week and walking down to the new shiny office building downtown and feeling like a grown up city woman, finally entering the field I had struggled for two years to be taken seriously by, building up my portfolio bit by bit. I was told many times that specializing in a front end framework was the way to go, and it wasn’t until much later that I learned about front end framework cons.

330. Why You Should Use CSS Variables [Beginners Guide]

Introduction

331. CSS Basics For Noobs

Cascading style sheets ordinarily known as CSS is a language that illustrates how the elements of the HTML are to be presented on any media. CSS was proposed by Hakon Wium Lie on October 10, 1994. Several other style sheet languages were proposed at about the same time for the web. But the first one to be introduced was CSS1 and it was introduced in 1996.

332. Understanding Web Components And Custom Elements in HTML

A beginner's guide to custom elements and how they are used in web components.

333. Optimize Your Front End Applications by Migrating From Moment to Dayjs

Does your application use dates in some way?

334. Refactoring CryptoJS in Modern ECMAScript

Repository: entronad/crypto-es

335. Introduction to CSS line-height Property

The CSS property line-height defines the amount of space used for lines, most commonly in the text.

336. CSS Layout Basics: HTML5 & CSS3 Elements Positioning

HTML5 & CSS3 : Positioning of Elements

337. React is Not Really Reactive. Let's Fix That With RxJS!

Learn how RxJS make better React app for managing complex async data, API calls, and user events, making your apps more efficient and scalable.

338. React vs React Native: A Pocket Guide for Beginners

React and React Native are front-end technologies that use component-driven development and are known for crafting attractive User Interfaces.

339. ⚡️ 6 Vue.js UI Libraries (Vue 3) That Are Trending in 2024 🔥

Discover the top 6 Vue.js UI libraries of 2024 for Vue 3 apps. Explore Vuetify, Quasar, Element Plus, and more for efficient, modern frontend development.

340. How to start with Create React App?

Due to the numerous build tools, configuration files, and dependencies, developers frequently find it challenging to create React apps. React JavaScript library, which is a creation of Facebook, functions as a tool for designing user interface components.

341. Exploring React Error Boundaries For A More Robust Application

In React, an error boundary is a component that wraps around other components to catch and handle errors that occur within their subtree.

342. Once Upon a Time in Software Development

Some years ago, when I finished my studies. I worked in a small company with some friends and teammates. You know, it’s the common developer road: you studied a lot to pass algorithms class, math, sciences, and your deontology course to have ethics principles. At the end, some company hired you with a lot of promises about: good job, good salary and good opportunities for your career in software. Basically, it was the dream job after 4, 5, or 10 years of studies.

343. JavaScript, Memory, Architecture and Lifecycle

Explore JavaScript memory architecture. Main concepts and organization. Processes of memory allocation and release. Garbage Collection.

344. Front End Debugging Part 3: Debugging Networking Communication Issues

Practical tips for debugging front-end network issues using browser developer tools, with insights on request replay, throttling & storage management.

345. Creating CSS3 Animated Backgrounds From Scratch

Use CSS Filter and Keyframes to Create Awesome Effects

346. Your Microfrontend Ships More Icons Than It Uses: Here’s How I Fixed That

Microfrontends often ship hundreds of unused SVG icons. Learn how a build-time plugin reduced icon payload by 88% with zero runtime cost.

347. This Scroll-Based Header Will Make Your Website Feel 10x Smoother on Mobile

Learn how to build a responsive header with HTML and CSS that adapts to desktop, mobile layouts, and scroll behavior.

348. How to Render React Components: Comparing Loops and .map()

Explore the benefits and trade-offs of rendering React components with for loops vs. .map(). Compare syntax, immutability, JSX integration, and more.

349. Building Mobile Responsive Websites with Bootstrap

We live in a fast-moving world which has moved past the known desktops and big-screen laptops to portable mobile devices. Gone are the days when websites were built for big-screen users. Now, they are built majorly for mobile users. This development, which is no longer new as it used to be has finally come to stay in our world. Developers must then keep pace with this reality in other to be relevant and to also serve their clients, and most importantly, the end-users well.

350. Page Visibility API: Learn How to Use Browser-Based Visibility Interface

With tabbed browsing, there is a reasonable chance that any given webpage is in the background and thus not visible to the user. The Page Visibility API provides events you can watch for to know when a document becomes visible or hidden, as well as features to look at the current visibility state of the page.

351. How I Wrote 10, 000 LOC in just one Month

Ever scrolled your twitter feed and wondered how everything works. Writing a tweet, refreshing the feed, deleting a tweet, and editing tweets. Does twitter really have an edit feature? That's a topic for another day. Over the past years, I have always felt the urge to know all about software development.

352. Where To Apply The Micro Frontends Approach?

Brief thoughts about micro frontends, how they can be best used when building websites and when the best situations to implement them are as well as drawbacks.

353. How to set up NetSuite Token-based Authentication (TBA) in Laravel

Learn to set up Token-based Authentication (TBA) in Laravel for NetSuite integration with this step-by-step guide, including code snippets and UI screenshots.

354. The Evolution of Our Tech Stack: Lessons, Optimizations, And Outlooks

How to build a tech stack if you run an early-stage startup.

355. Create Scalable Interfaces With PostCSS-px-to-viewport Module

Most mobile and cross-platform web developers have encountered the problem at some point: you need your web app to scale neatly to the device screen size, regardless of which of the many thousands of devices there are out there, but your units only have one design layout width, mainly mobile. Or perhaps you need to create a per-device stylesheet for a truly scalable cross-platform UI, and want to use a scaled version of an original to base it upon. In either case, converting everything by hand is laborious and inconvenient.

356. Big Ball of Mud: What You Need to Know About the Antipattern, How to Avoid It, and More

Explore the Big Ball of Mud antipattern in frontend development - why it happens, how it affects your codebase, and practical steps to avoid or fix it.

357. What is CSS [Beginners Guide]

CSS is one of those things we see get thrown around but not really explained. If it does, we only get to scratch the technical surface. Over the years, CSS has grown from something that makes the web prettier into a tool that can be infused with user experience psychology and conversion inducing patterns. To add to it all, the differences in browsers and screen size requirements push CSS’ potential to be complex through requirements just a little bit further.

358. Flexbox Guide For Beginners

Flexboxes gives web developers control over the location of elements, and their alignment inside the container. This allows you to align the elements vertically and horizontally; change the order of their appearance; set the direction in which all the elements are laid out, and much more.

359. Enhancing Web Performance: Strategies for Efficient Resource Fetching and Prioritization

Discover powerful strategies to optimize web performance through efficient resource fetching and prioritization techniques. Learn about preconnect, DNS-prefetch

360. What it Takes to Create a Simple JavaScript Table in 2022

A few of you might still remember the post "How it feels to learn JavaScript in 2016" - It's 8 years later; a lot should have changed, shouldn't it?

361. How I Grew My Open-Source Japanese Learning Platform to 10k Monthly Users and 640+ GitHub Stars

How a solo developer grew KanaDojo, an open-source Japanese learning platform, to 10k monthly users and 700+ GitHub stars through community and authenticity.

362. Chronology and Evolution of Angular through the Years - From v2 to v19

The Chronology and Evolution of Angular through the Years - From v2 to v19

363. 6 Reasons for Using Bootstrap Framework

Usually, when we are making a web page, we need to use the code that we created before in other projects. That means that we are going to redo the same features over and over again.

364. Pointer Events

Much of today's web content assumes the user's pointing device will be a mouse. However, since many devices support other types of pointing
input devices, such as pen/stylus and touch surfaces, extensions to the
existing pointing device event models are needed. Pointer events address that need.

365. A Frontender’s Guide To The Galaxy: Pt I & II

For the last few months, I’ve been working on creating a foundation for moving away from an outdated frontend stack (ColdFusion) towards something that will lasts us another 3 to 5 years. In this article I will outline the choices made and how they solve (classical) frontend development problems. It is technical, but it doesn’t assume the reader is up to date with the developments in the frontend world.

366. Benefits of Admin Templates Explained

When your web development project requires custom, well-designed admin panel or dashboard interface, you might be still on the fence about the tech you are going to use. Should you develop it from scratch, or stick with the chosen CMS, or go for a template? Well, of course, you should go for a template! Because it’s almost always the fastest and the most cost-effective solution when you aim for extensive customization and integration of your admin panel. But don’t just take our biased word for it, read on to see for yourself.

367. How to Start With CSS Displaying Basic Elements in HTML

This article helps you to start in CSS3, explaining the basics of how to display elements in an HTML document.

368. Code Reviews That Truly Elevate Frontend Quality

Most frontend reviews sign off clean code. But your users don’t see the code, they see the bugs you missed.

369. The Critical Role of Architecture in Going From Chaos to Clarity

Discover why software architecture matters, key concepts like cohesion and coupling, and how to build scalable, maintainable projects in React, Vue, Svelte.

370. How to Dynamically Hide and Show Slot Content in a Web Component

My attempt at dynamically showing/hiding various slots.

371. My First React App, markView: An Interactive Markdown Previewer

Here is mine documentation for markView: Interactive Markdown Previewer, my first React app.

372. How I Switched From My Traditional Career Path to a Tech-Savvy Software Developer

Just a short story about how I switched my career path to software development.

373. Introduction to Web Workers API in JavaScript

Web Workers makes it possible to run a script operation in a background thread separate from the main execution thread of a web application. The advantage of this is that laborious processing can be performed in a separate thread, allowing the main (usually the UI) thread to run without being blocked/slowed down.

374. Understanding Project Dependencies Through the NPM Lens

Code dependencies are like Lego's. We're able to pull in other people's code; combining and stacking different packages together to fulfill our goals.

375. Making Progress on My Site, Art & Culture

I created Art & Culture, a digital gallery for global art lovers. This is my tech stack, challenges, and insights from my journey.

376. 6 Hacks for Reducing Docker Image Sizes

If there are top ten buzzwords in the technology industry in the year of 2019, container is sure to be one of them. With the popularity of Docker, more and more scenarios are using Docker in the front-end field. This article shows how do we use Docker in the visualization interface of Nebula Graph, a distributed open source graph database.

377. How To Build a Realtime Photoshop 🎨

This weekend we are going to make something amazing, we are going to re-create Photoshop!

378. HTML5 And CSS3: Tidbits Galore

You might be aware that each language in web development has a very specific purpose, i.e HTML is used to structure the web page and also have other metadata, while CSS is used to design the web page and creating a responsive layout, and JavaScript is usually used to add interactivity, functionality and much more.

379. Agentic AI: A New Threat Surface

This study establishes a baseline research that defines agentic AI while explaining all the security threats that this technology faces through its features.

380. 15 Lodash methods for everyday coding

The Lodash open-source library has some useful methods that can help developers write code faster and streamline their processes to improve their work.

381. To UI Engineering and Back Again

This is going to be one of those once upon a time articles so buckle up and prepare for a story.

382. A Class on why classNames are Used in React but not Preact

If you use JSX inside React you can't use standard HTML properties, like class. You have to camelCase HTML properties. But it's not the case with Preact!

383. Solid Tips On How Get Better At Responsive Web Design

Better Responsive Web Design, A Structured Approach

384. Organizing Data In Table: A Quick Guide

The table is the HTML way to layout the data. We can use tables to structure data in columns and rows.

385. How To Setup Split Testing With Netlify

Split testing is a great way to test changes with your visitors without minimizing risk. In this tutorial, we’ll learn how to set it up with Netlify

386. The Frontend is Gross: Why I've Always Preferred the Backend

6 reasons why I prefer backend development to frontend development.

387. Going From Zero to Transpiling your First App in TypeScript

TypeScript for Beginners - Introduction, setup and running your first TypeScript code

388. Flexboxes, Align and Justify Props, Explained

As a beginner, you’ll often find it difficult to understand the differences between “justify-content”, “align-items”, and “align-self”, here’s a quick break down on how to understand these properties and never get confused. This article assumes you have basic knowledge of CSS classes, selectors, and flex.

389. This Image Converter Runs Entirely in Your Browser

Learn how to build a browser-based image converter using JavaScript that runs entirely on the client without uploading files to a server.

390. CSS Grumbles: We Have All Been There

Developers and designers alike, have all felt the frustrations of styling with CSS at one time or another.

391. Understanding The RxJS Autorun Process

Hey, RxJS streamers! 🙋‍♂️

392. JavaScript Enthusiast & Technical Author David Walsh Interview

David Walsh is a well-known frontend developer experienced and interested in JavaScript, HTML/5, CSS, as well as PHP and Python.

393. Why Type-Safe Testing is Crucial in Backends-for-Frontends

As BFFs can aggregate and map downstream data however you like, from various sources, each with its own architecture, testing becomes more critical.

394. APIs Are Secretly Wrecking Your Website, and You Don’t Even Know It

API can break the frontend if it sends unexpected data or returns an error in the response.

395. NPX Introduction: Fast Work With NPM Package Binaries

With Node.js, building CLI utilities and development tools have gotten so much easier.

396. Glossary: Design Systems Defined for Developers and Designers

Design systems are interdisciplinary by nature. They are built and consumed by designers and developers, therefore it is important for common terminologies to exist to support the communication between these two disciplines and other related actors.

397. Exploring Hidden Navigation for Domestic Violence Sites

Recently, I had the incredible honor to work with an individual who was a Survivor of Domestic Violence. This was all part of a business "hackathon."

398. How to Use HTML to Improve Accessibility for Low-Vision Users

The power of the Web is in its universality.
Access by everyone regardless of disability is an essential aspect.
Tim Berners-Lee, W3C Director and inventor of the World Wide Web

399. When Time is of the Essence, These are the 19 Gems I Reach For

An application can only be as good as the features it is providing for its end-users. Every developer toes the line between indiscriminately adding gems and building new functionality themselves. When time is of the essence, these are the gems I reach for:

400. Easy & Clear: Variable Fonts Guide

A basic introduction to Variable Fonts.

401. Why is Redux State Immutable?

This blog covers an analysis of why redux state is immutable and how you should go about modifying state in your Redux applications

402. How PostCSS-px-to-Viewport Module Can Help To Create Scalable Interfaces

403. How Elements Positioned and Behave on the Web Page

It is interesting to everyone who started his journey in web development positioning element through in single display with tons of properties. It comes a time that all elements start behaving itself not in a way we want.

404. Creating a ChatGPT TUI App with Textual

Textual is a framework for building impressive TUI apps. The chatui project leverages Textual to build an interface for ChatGPT and OpenAI API in Python.

405. CSS3 Gradients: The Gradients That Are Not Really Gradients

For beginners, it is intuitively difficult to guess that the pattern above is created with CSS gradients. They will be like, “how possibly can it be gradients while all I see are solid colors?” After all, gradients are supposed to be smooth transitions between colors. That is how I used to think two months ago before I start an HTML & CSS course at Microverse.

406. Want Stronger Frontend Skills? Spend a Week On-Call

You’re going to hate me for saying this, but I actually like being on-call. Honestly! It’s taught me more about frontend quality than any bug tracker ever did.

407. Best Front-End Settings To Create a PWA [QCObjects Edition]

Here are some recommended settings for a good result doing your first steps creating a PWA using QCObjects:

408. Google Forms Customisation and The Irony of reCAPTCHA

Getting feedback from the audience has always been important to me. Luckily, there are plenty of form services available in the wild such as SurveyMonkey and TypeForm. Anyone can integrate these into their sites quite easily. For a few use cases, I choose Google Forms because 1) I already have an account, 2) It's easy to integrate, 3) The responses can be populated into Google Sheet natively, and 4) I trust Google with (some of) my data. However, the default look and feel don't go well with any non-material design websites.

409. How Accumulating TODOs Turns Into Technical Debt (and My Open Source Tool to Manage It)

CLI tool to analyze and report TODO comments in JavaScript and TypeScript Git repositories

410. How to Include Bootstrap in Your Next Web Development Project

First of all, web development is an interesting discipline because things are always changing, evolving, and improving. But, as a beginner to front end web development, the constant change could be a barrier to your learning and motivation.

411. How to Achieve Column Reordering with Bootstrap 4

Responsive web pages are websites that adjust to different screen sizes. Audi.com, in 2001 was one of the websites to adopt this design.

412. How to Add a Dark Theme to a Web App Without Begging a Designer for Help

Find out how to add a dark theme to your web app by yourself. Improve accessibility of your application in a blink of an eye.

413. The Story of How I Got My First Job in IT with Perseverance and a Plan

It’s hard to believe, but after two and a half years of studying and about two years of meaningful job search, I finally got my first job in IT.

414. How to Build a Responsive Page Using Bootstrap

One of my every project challenge was to build a responsive page with media querys and a few knowledge about how it works, but after it, Bootstrap came to me...

415. Avoid Headaches by Understanding CSS Specificity

Among all the concepts you have to understand in CSS, Specificity is a tricky one; and, it may be the reason why that font-size is not being applied to the element you're trying to target.

416. My Key Takeaways From the WeAreDevelopers World Congress

WeAreDevelopers World Congress is one of the biggest IT events in Europe. This year I got to be one of the participants.

417. How to Optimize Your Time When Coding Frontend

I recently took some serious time to improve my skills in front-end HTML and CSS.

418. Micro-frontend Migration Journey — Part 2: The Toolkit

Creating a robust toolkit is crucial for a successful migration of existing apps and the smooth adoption of new micro-frontends in the future.

419. DNS Resolution: Optimization Tools and Opportunities

DNS resolution is the first thing that happens when a request is made to a remote server. It is a process of finding the computer-friendly address of the remote server using a human-friendly domain name.

420. How To Create a Good Markup

There is a myth that the easiest thing about web development is building a web-page layout. Based on this, some developers decide not to waste time on learning a competent approach to layout. And it’s in vain. There are many ambiguous moments in the layout, which are worth paying attention to.

421. An Introduction to CSS for Aspiring Web Designers

CSS stands for “Cascading Style Sheets.” It is a formatting language that allows us to visually improve our HTML tags (size, color, font, etc.). As the name suggests, it does it by cascading.

422. Writing CSS Rules for a Better Relationship with Stickler CI

When you start this way of learning the fundamentals of HTML and CSS you can find a lot of web sites that can help you to know HTML semantic tags, how to name classes, how to write rules for tags, events, animations... and even how to use more advanced models as FlexBox and CSS grid.

423. Understanding How CSS3 Aspect-Ratio Property Works

This content drop presents the new aspect-ratio property on CSS.

424. How to Clear Floats using clear-float property

A little while ago we wrote about the float property. So, now is a good time to explain the clear property.

425. Sass Introduction

INTRODUCTION

426. Semantic Design Tokens That Scale Across Platforms

A practical guide to semantic design tokens for multi-platform UI.

427. Why Paid Commercial Web Accessibility Plugins Is Better Than Free Plugins

Building website these is one thing, building an accessible and useable website is another thing entirely as it requires some expertise and use of accessibility tools.

428. How to Build Proffesional Websites Using Flexbox

429. Nesting in Less and Sass

A code should be organized. That’s the fact and I think is a very good one for the opening of the text about nesting.

430. The Noonification: Expression (12/23/2023)

12/23/2023: Top 5 stories on the HackerNoon homepage!

431. CSS Basics: How To Take A Control

As a web developer, we have to work at some point on the visual aspect of our applications and this is where we talk about style and therefore CSS (Cascading Style Sheet).

432. Design Your Responsive CSS Grid

Do you have any difficulty to build responsive design?

433. Using Lazy Loadable Components Can Lead to CLS Duality and Slow Connections

Why lazy loadable components can cause CLS on slower connections and how to prevent it.

434. Improving User Experience And Growing Leads By Building Forms Properly

Learn how to leverage form tools and make your website more user friendly

435. Creating a Marvel 'Guess The Decade' Game Using Alpine.js

Guess the Marvel Decade using Alpine.js and Cloudflare workers.

436. The Noonification: The Double-Edged Sword of Atomic Design (5/11/2023)

5/11/2023: Top 5 stories on the Hackernoon homepage!

437. My Acquaintance with Flexboxes and CSS Grid

Until recently, I was only browsing the site as a user. Yes, of course, I noticed that the appearance of the pages of sites that I view on the Internet changes over time.

438. Understanding the Essential Elements of an End-to-End Setup

In this article, I’ll walk you through all the necessary pieces of a successful E2E setup.

439. Coding for Gamers Series: Hellblade Senua's Sacrifice [Part 2]

440. How to Handle REST API Requests in React

REST APIs are commonly used in web development. They are programming interfaces that web apps use to 'talk' to each other. They are used to access features and data. 'REST' (Representational State Transfer) is a concept that defines the APIs properties. This article will focus on the use of web-based APIs to retrieve data from a database.

441. Dicas para ter um “bom” Front End

Apresentarei aqui algumas abordagens que ajudam( ou podem ajudar) no desempenho e qualidade de seu Front End. Estas ideias foram fundamentadas em minha experiência profissional e no curso de Arquitetura de Software. Serei mais sucinto possível. Qualquer dúvida entrem contato comigo.

Thank you for checking out the 441 most read blog posts about Frontend on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.

202 Blog Posts To Learn About Frontend Development

LearnRepo — Sun, 02 Aug 2026 15:00:23 +0000

Let's learn about Frontend Development via these 202 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

Frontend development is the practice of building the user interface and user experience of websites and web applications. It's essential for creating intuitive, engaging, and responsive digital experiences that users interact with directly.

1. How to Add Script Tags in React

Adding a new script tag and directly appending it to the element of the page is the easiest way to add tags in the React app.</p> <h3> <a name="2-3-coding-interview-challenges-for-midlevel-react-developers" href="#2-3-coding-interview-challenges-for-midlevel-react-developers" class="anchor"> </a> <a href="https://hackernoon.com/top-3-coding-challenges-for-mid-level-react-developers">2. 3 Coding Interview Challenges for Mid-level React Developers</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/teit0rbx231r29wiffzj.jpeg"/><br> React interviews can be challenging. There are several concepts in React. Most React interviews have coding challenges. </p> <h3> <a name="3-cleanup-functions-in-reacts-useeffect-hook-explained-with-examples" href="#3-cleanup-functions-in-reacts-useeffect-hook-explained-with-examples" class="anchor"> </a> <a href="https://hackernoon.com/cleanup-functions-in-reacts-useeffect-hook-explained">3. Cleanup Functions in React’s UseEffect Hook — Explained with examples</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/a2df1fm3eyww7inpntb5.jpeg"/><br> Cleanup functions in React’s useEffect hook allow us to stop side effects that no longer need to be executed in the component.</p> <h3> <a name="4-6-best-webgl-libraries-for-perfect-3d-web-graphics" href="#4-6-best-webgl-libraries-for-perfect-3d-web-graphics" class="anchor"> </a> <a href="https://hackernoon.com/6-best-webgl-libraries-for-perfect-3d-web-graphics">4. 6 Best WebGL Libraries for Perfect 3D Web Graphics</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/weo4h49zxbco6gllmoet.jpeg"/><br> Modern frontend, game, and web development are the things that WebGL can transform into 3D web masterpieces. It leads to an interactive user experience.</p> <h3> <a name="5-the-role-of-frontend-development-in-achieving-business-goals" href="#5-the-role-of-frontend-development-in-achieving-business-goals" class="anchor"> </a> <a href="https://hackernoon.com/the-role-of-frontend-development-in-achieving-business-goals">5. The Role of Frontend Development in Achieving Business Goals</a> </h3> <p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l8cp7zm7qp5zniopwj4t.jpeg"/><br> It is common knowledge that frontend development is essential for creating responsive, engaging, and visually appealing websites and applications.</p> <h3> <a name="6-frontend-developers-and-designers-bridging-the-void" href="#6-frontend-developers-and-designers-bridging-the-void" class="anchor"> </a> <a href="https://hackernoon.com/front-end-developers-and-designers-bridging-the-void-311w34c7">6. Front-End Developers And Designers: Bridging The Void</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/7d9esmw764kk24jylia4.jpeg"/><br> I’ve come quite a long way as a web developer and happened to work in different teams and with different designers. Regardless of the number of people and type </p> <h3> <a name="7-how-to-create-a-chrome-extension-with-react" href="#7-how-to-create-a-chrome-extension-with-react" class="anchor"> </a> <a href="https://hackernoon.com/how-to-create-a-chrome-extension-with-react">7. How to Create a Chrome Extension with React</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/7qtfgjvq1byihj3iuwys.jpeg"/><br> Chrome Extensions, React SPA, Manifest V3, Building Chrome Extensions, Web Extension API, Service Workers, TypeScript, CRA</p> <h3> <a name="8-mastering-higher-order-components-hocs-in-react" href="#8-mastering-higher-order-components-hocs-in-react" class="anchor"> </a> <a href="https://hackernoon.com/mastering-higher-order-components-hocs-in-react">8. Mastering Higher Order Components (HOCs) in React</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/t6xwidzyhs1r8kdfxgbl.jpeg"/><br> Discover how to supercharge your React applications with code reuse and maintainability.</p> <h3> <a name="9-building-a-realtime-chat-application-with-websocket" href="#9-building-a-realtime-chat-application-with-websocket" class="anchor"> </a> <a href="https://hackernoon.com/building-a-real-time-chat-application-with-websocket">9. Building a Real-Time Chat Application with Websocket </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/duh9r0xwxs9glt9zsctw.jpeg"/></p> <h3> <a name="10-why-vite-is-better-than-createreactapp-cra" href="#10-why-vite-is-better-than-createreactapp-cra" class="anchor"> </a> <a href="https://hackernoon.com/why-vite-is-better-than-create-react-app-cra">10. Why Vite is Better Than Create-React-App (CRA)</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/zeh6nuw2qigsn9nz15ym.jpeg"/><br> Vite is a build tool similar to Webpack. It can be used for React, Preact, Svelte, Vue, Vanilla JS, and LitElements. Vite is 100 times faster than Webpack and b</p> <h3> <a name="11-an-introductory-guide-to-system-design-for-frontend-developers" href="#11-an-introductory-guide-to-system-design-for-frontend-developers" class="anchor"> </a> <a href="https://hackernoon.com/an-introductory-guide-to-system-design-for-frontend-developers">11. An Introductory Guide to System Design for Frontend Developers 👩‍💻</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/hace0emlme0l8pgb1i7g.jpeg"/><br> You starting point to a successful System Design interview round as a Frontend Developer!</p> <h3> <a name="12-understanding-pseudoclass-selectors" href="#12-understanding-pseudoclass-selectors" class="anchor"> </a> <a href="https://hackernoon.com/understanding-pseudo-class-selectors-mg443t89">12. Understanding Pseudo-Class Selectors</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/95gamelpgoeky9cx6ys2.png"/><br> Front-end Developers don’t just need to understand how to write CSS, they also need to know how to write it effectively and efficiently. Sometimes we work on huge projects which need optimized CSS for speed meaning, you need efficient selectors to effectively style elements without their ids or classes. This, therefore, calls for a clear understanding of selectors available. Enough of talking let’s jump right to it 😉</p> <h3> <a name="13-top-7-best-frontend-development-frameworks-and-when-to-use-them" href="#13-top-7-best-frontend-development-frameworks-and-when-to-use-them" class="anchor"> </a> <a href="https://hackernoon.com/top-7-best-frontend-development-frameworks-and-when-to-use-them-4v3a3wwa">13. Top 7 Best Frontend Development Frameworks and When To Use Them</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/l1uwej1ds2zx5sahexs4.jpeg"/><br> For the past few years, Frontend developers have shown partiality towards React, with Vue.js and Angular tagging behind closely. Comparative interest in Vue has held back a bit due to the long-awaited and somewhat delayed Vue 3.0 release. Similarly, the interest in Angular has decreased due to the long delay in shipping Ivy (its frontend renderer).</p> <h3> <a name="14-testing-a-clean-architecture-in-a-frontend-application-does-it-make-sense" href="#14-testing-a-clean-architecture-in-a-frontend-application-does-it-make-sense" class="anchor"> </a> <a href="https://hackernoon.com/testing-a-clean-architecture-in-a-frontend-application-does-it-make-sense">14. Testing a Clean Architecture in a Frontend Application - Does It Make Sense?</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/17owh2agjeh4noahxcj1.jpeg"/><br> Exploration of a real-life example of Clean Architecture in action on Frontend application. What could go wrong?</p> <h3> <a name="15-how-to-remove-console-statements-from-production-build-in-3-easy-ways" href="#15-how-to-remove-console-statements-from-production-build-in-3-easy-ways" class="anchor"> </a> <a href="https://hackernoon.com/how-to-remove-console-statements-from-production-build-in-3-easy-ways">15. How to Remove Console Statements From Production Build in 3 Easy Ways</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/jzlgy93kewxlsu6pkj0t.jpeg"/><br> Console statements create performance or security issues if you mishandle them. This article explains three ways to remove them from your production build.</p> <h3> <a name="16-serverside-rendering-in-angular" href="#16-serverside-rendering-in-angular" class="anchor"> </a> <a href="https://hackernoon.com/server-side-rendering-in-angular-dnf93yup">16. Server-Side Rendering in Angular</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/jrmxn79rvi15oxehf697.png"/><br> The technology that allows us to run our Angular applications on the server is described in the Angular docs as Angular Universal.</p> <h3> <a name="17-8-games-you-can-play-right-in-this-article-built-with-html-css-and-js" href="#17-8-games-you-can-play-right-in-this-article-built-with-html-css-and-js" class="anchor"> </a> <a href="https://hackernoon.com/8-games-you-can-play-right-in-this-article-built-with-html-css-and-js">17. 8 Games You Can Play Right In This Article Built With HTML, CSS, and JS </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/rh0hjfc2z3cti9pdy1mw.jpeg"/><br> In this article, I have compiled some of my favorite games built only with HTML, CSS, and JavaScript so that you can get inspiration for your future creations.</p> <h3> <a name="18-css-architecture-style-guides-for-frontend-developers" href="#18-css-architecture-style-guides-for-frontend-developers" class="anchor"> </a> <a href="https://hackernoon.com/css-architecture-style-guides-for-frontend-developers-lj28332a">18. CSS Architecture Style Guides For Frontend Developers</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ve30v3f3yjuq39y6mut4.jpeg"/><br> Understanding how to apply CSS in your project’s codebase can be invaluable when your project begins to scale. Find out why we need a strong CSS architecture.</p> <h3> <a name="19-reactjs-custom-modal-component-using-hooks-and-portals" href="#19-reactjs-custom-modal-component-using-hooks-and-portals" class="anchor"> </a> <a href="https://hackernoon.com/reactjs-custom-modal-component-using-hooks-and-portals-p12j35le">19. ReactJS Custom Modal Component using Hooks and Portals</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/jzd11tvh2jyq4wwqb8zf.jpeg"/><br> Create reusable modal component in react js using hooks and portals. Using this modal you can render content dynamically with cool animation.</p> <h3> <a name="20-breaking-the-monolith-a-comprehensive-guide-to-code-splitting-techniques" href="#20-breaking-the-monolith-a-comprehensive-guide-to-code-splitting-techniques" class="anchor"> </a> <a href="https://hackernoon.com/breaking-the-monolith-a-comprehensive-guide-to-code-splitting-techniques">20. Breaking the Monolith: A Comprehensive Guide to Code Splitting Techniques</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/2iiqvnwecqhlttn42oup.jpeg"/><br> Discover how to elevate your codebase by mastering code splitting techniques. Make your project stand out with efficient and scalable front-end architecture</p> <h3> <a name="21-10-security-tips-for-frontend-developers" href="#21-10-security-tips-for-frontend-developers" class="anchor"> </a> <a href="https://hackernoon.com/10-security-tips-for-frontend-developers-oi4624ld">21. 10 security tips for frontend developers</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/4let0u2l97h94jv3xc8c.png"/><br> Web security is a topic that is often overlooked by frontend developers. When we assess the quality of the website, we often look at metrics like performance, SEO-friendliness, and accessibility, while the website’s capacity to withstand malicious attacks often falls under the radar. And even though the sensitive user data is stored server-side and significant measures must be taken by backend developers to protect the servers, in the end, the responsibility for securing that data is shared between both backend and frontend. While sensitive data may be safely locked in a backend warehouse, the frontend holds the keys to its front door, and stealing them is often the easiest way to gain access.</p> <h3> <a name="22-react-useref-hook-explained-with-examples" href="#22-react-useref-hook-explained-with-examples" class="anchor"> </a> <a href="https://hackernoon.com/react-useref-hook-explained-with-examples-cc1z35jx">22. React useRef Hook Explained with Examples</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/a9xculni5m5ezy0evsds.jpeg"/><br> Well, we all know that ref helps us to get access to the DOM. But let's consider next situation, we have some React component and we want to know how many times this component was rendered. How can we achieve that? Well, maybe we can use React useEffect and useState hooks to determine that the component was re-rendered. Something like this:</p> <h3> <a name="23-understanding-the-power-of-proxy-in-javascript" href="#23-understanding-the-power-of-proxy-in-javascript" class="anchor"> </a> <a href="https://hackernoon.com/understanding-the-power-of-proxy-in-javascript">23. Understanding the Power of Proxy in JavaScript</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/t7kqxu9g0yg38ib3dzlx.jpeg"/><br> A Proxy object is an object that wraps another object and intercepts fundamental operations on it, such as property access, assignment, and deletion</p> <h3> <a name="24-is-angular-still-worth-learning-in-2022-extended-edition" href="#24-is-angular-still-worth-learning-in-2022-extended-edition" class="anchor"> </a> <a href="https://hackernoon.com/is-angular-still-worth-learning-in-2022-extended-edition">24. Is Angular Still Worth Learning in 2022? Extended Edition</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/a6gxlkn10mcyns3118mv.jpeg"/><br> A fresh perspective on if Angular is dying or if it's still worth learning in 2022!</p> <h3> <a name="25-how-to-create-flame-animation-using-js-and-css" href="#25-how-to-create-flame-animation-using-js-and-css" class="anchor"> </a> <a href="https://hackernoon.com/how-to-create-flame-animation-using-js-and-css-qh3531ba">25. How To Create Flame Animation Using JS and CSS</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/8zpzgqxl4s2gjne6yqmn.jpeg"/><br> Simple CSS fire animation of using HTML CSS. </p> <h3> <a name="26-creating-mouse-tracking-eyes-using-javascript" href="#26-creating-mouse-tracking-eyes-using-javascript" class="anchor"> </a> <a href="https://hackernoon.com/creating-mouse-tracking-eyes-using-javascript-y31q3upm">26. Creating Mouse Tracking Eyes using Javascript 👀</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/b77asefitmlx4qig95om.jpeg"/><br> Today we'll be making this cute chicken follow your mouse! We will use JavaScript to make the eyes of this CSS chick follow where ever your mouse goes.</p> <h3> <a name="27-level-up-your-frontend-game-with-these-8-sideproject-ideas" href="#27-level-up-your-frontend-game-with-these-8-sideproject-ideas" class="anchor"> </a> <a href="https://hackernoon.com/level-up-your-front-end-game-with-these-8-side-project-ideas">27. Level Up Your Front-End Game with These 8 Side-Project Ideas 🥇</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/tqt8i67s74kr4y6vilsv.jpeg"/><br> Over the span of a year, I created 8 web app and game clones. I decided to share them, so the community can get some inspiration to build as well.</p> <h3> <a name="28-why-order-in-react-hooks-matters" href="#28-why-order-in-react-hooks-matters" class="anchor"> </a> <a href="https://hackernoon.com/why-order-in-react-hooks-matters">28. Why Order in React Hooks Matters</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/4rexn89jvdmpeyofn1vv.jpeg"/><br> React Hooks are a new feature in React 16.8. They are a powerful way to write stateful components. All this power comes at a cost, however.</p> <h3> <a name="29-top-6-code-playgrounds-that-every-web-developer-should-check-out" href="#29-top-6-code-playgrounds-that-every-web-developer-should-check-out" class="anchor"> </a> <a href="https://hackernoon.com/top-6-code-playgrounds-that-every-web-developer-should-check-out">29. Top 6 Code Playgrounds That Every Web Developer Should Check Out</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/csrf6w2ceirlugp70j3u.jpeg"/><br> Code playgrounds are becoming increasingly popular, with more developers using them than ever before, here are the top 6.</p> <h3> <a name="30-building-embeddable-widgets-with-typescript" href="#30-building-embeddable-widgets-with-typescript" class="anchor"> </a> <a href="https://hackernoon.com/building-embeddable-widgets-with-typescript">30. Building Embeddable Widgets with TypeScript</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/fq6mhl3z8j039023ut47.jpeg"/><br> Step-by-step process from creating an Embedded widget using Shadow DOM and Typescript.</p> <h3> <a name="31-using-auth-modules-redirect-in-tandem-with-routerpush-in-nuxtjs" href="#31-using-auth-modules-redirect-in-tandem-with-routerpush-in-nuxtjs" class="anchor"> </a> <a href="https://hackernoon.com/using-dollarauth-modules-redirect-in-tandem-with-dollarrouterpush-in-nuxtjs-i68r3yi8">31. Using $auth Module’s Redirect in Tandem With $router.push in Nuxt.js</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/noqz651welc40t1o9f8x.png"/><br> Recently I came across the issue of using the auth module in Nuxt.js and invoking a $router.push in subsequent line of code in the same method. The conundrum began when the lines after the auth.loginWith method did not execute as intended since the page was redirected to the redirect URI.</p> <h3> <a name="32-react-hooks-the-difference-between-usememo-and-usecallback" href="#32-react-hooks-the-difference-between-usememo-and-usecallback" class="anchor"> </a> <a href="https://hackernoon.com/react-hooks-the-difference-between-usememo-and-usecallback-5no3t0x">32. React Hooks: The Difference Between useMemo and useCallback</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/d6wuhkt8wli5zojwfi9b.jpeg"/><br> React library provides us two built-in hooks to optimize the performance of our app: useMemo & useCallback. At first glance, it might look like their usage is quite similar, so it can get confusing about when to use each. To clear that confusion, let’s dig in and understand the actual difference and the correct way to use them both.</p> <h3> <a name="33-unit-testing-sass-functions" href="#33-unit-testing-sass-functions" class="anchor"> </a> <a href="https://hackernoon.com/unit-testing-sass-functions">33. Unit Testing Sass: Functions 🧪</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/atvruudk1fu4awjz3a63.jpeg"/><br> Did you know you could unit test your Sass/Scss? No? Me neither.</p> <h3> <a name="34-overriding-bootstrap-classes-using-css" href="#34-overriding-bootstrap-classes-using-css" class="anchor"> </a> <a href="https://hackernoon.com/overriding-bootstrap-classes-using-css-5qjx3y9x">34. Overriding Bootstrap Classes Using CSS</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/z51o1gvr9qkbgtqndcqg.jpeg"/><br> Are you having a hard time changing some properties of some bootstrap classes with CSS? </p> <h3> <a name="35-how-i-received-3-front-end-engineer-offers-in-a-tough-market-as-a-noncs-graduate" href="#35-how-i-received-3-front-end-engineer-offers-in-a-tough-market-as-a-noncs-graduate" class="anchor"> </a> <a href="https://hackernoon.com/how-i-received-3-front-end-engineer-offers-in-a-tough-market-as-a-non-cs-graduate">35. How I Received 3 Front End Engineer Offers in a Tough Market as a Non-CS Graduate</a> </h3> <p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yrtplpu2l1np0mhhi0eq.jpeg"/><br> Discover how a non-CS background led to securing multiple offers as a Frontend/Software Engineer, overcoming challenges in job hunting.</p> <h3> <a name="36-10-best-practices-for-every-react-developer" href="#36-10-best-practices-for-every-react-developer" class="anchor"> </a> <a href="https://hackernoon.com/10-best-practices-for-every-react-developer">36. 10 Best Practices for Every React Developer</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/t6gf09mf6pfipq00dl73.jpeg"/><br> React Best Practices, How to get the most out of React library and what steps you should take.React is one of the most popular front-end libraries for JS</p> <h3> <a name="37-12-javascript-concepts-that-will-level-up-your-development-skills" href="#37-12-javascript-concepts-that-will-level-up-your-development-skills" class="anchor"> </a> <a href="https://hackernoon.com/12-javascript-concepts-that-will-level-up-your-development-skills-ha1a364w">37. 12 JavaScript Concepts That Will Level Up Your Development Skills</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/keuqxe412wnljm82g832.png"/><br> JavaScript is a complex language. If you’re a JavaScript developer at any level, it’s important to understand its foundational concepts. This article tackles 12 concepts that are critical for any JS developer to understand, but in no way represents the full breadth of what a JS developer should know.</p> <p>I will be continuously updating this list in a Github repository called JS Tips & Tidbits. Please star ⭐ and share if you want to follow along!</p> <h3> <a name="38-get-the-fastest-frontend-tooling-experience-with-vite-js" href="#38-get-the-fastest-frontend-tooling-experience-with-vite-js" class="anchor"> </a> <a href="https://hackernoon.com/get-the-fastest-frontend-tooling-experience-with-vite-js">38. Get the Fastest Frontend Tooling Experience with Vite JS</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/zxcctlg1dadvciwewemx.jpeg"/><br> If you plan to enhance your experience in frontend development, ViteJs is the next-generation tool you should consider. Let's understand why Vite is faster.</p> <h3> <a name="39-how-maruti-techlabs-simplified-medicare-policy-sales-for-healthpro-insurance-cutting-processing-time-by-50" href="#39-how-maruti-techlabs-simplified-medicare-policy-sales-for-healthpro-insurance-cutting-processing-time-by-50" class="anchor"> </a> <a href="https://hackernoon.com/how-maruti-techlabs-simplified-medicare-policy-sales-for-healthpro-insurance-cutting-processing-time-by-50percent">39. How Maruti Techlabs Simplified Medicare Policy Sales for HealthPro Insurance, Cutting Processing Time by 50%</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/cxmgztwimh438fxuk0y1.png"/><br> Maruti Techlabs automated policy data management for HealthPro Insurance, improving efficiency, reducing manual effort, and enhancing data accuracy.</p> <h3> <a name="40-how-to-create-html-pages-quickly" href="#40-how-to-create-html-pages-quickly" class="anchor"> </a> <a href="https://hackernoon.com/how-to-create-html-pages-quickly-oo5b3wwm">40. How to Create HTML Pages Quickly</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/a03czoy8pvp1ab0irt3q.png"/><br> When you are creating a website there are several factors to take in count. One is that any website today has to be easy to read on mobile and desktop versions, it has to be friendly and also you should try to make it look good.</p> <h3> <a name="41-how-to-implement-authentication-in-your-bff-architecture-in-minutes" href="#41-how-to-implement-authentication-in-your-bff-architecture-in-minutes" class="anchor"> </a> <a href="https://hackernoon.com/how-to-implement-authentication-in-your-bff-architecture-in-minutes">41. How to Implement Authentication in Your BFF Architecture in Minutes</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/6i7dvz8t6pftb4b324d4.jpeg"/><br> In the web development field, auth (authentication + authorization) plays a vital role in securing user access and protecting sensitive data.</p> <h3> <a name="42-how-to-simplify-your-application-state-management" href="#42-how-to-simplify-your-application-state-management" class="anchor"> </a> <a href="https://hackernoon.com/how-to-simplify-your-application-state-management-as6n3wz8">42. How To Simplify Your Application State Management</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/kd79lyu1jd4yqpgux6h7.gif"/><br> The Introduction</p> <h3> <a name="43-how-to-learn-enough-react-to-be-dangerous" href="#43-how-to-learn-enough-react-to-be-dangerous" class="anchor"> </a> <a href="https://hackernoon.com/how-to-learn-enough-react-to-be-dangerous">43. How to Learn Enough React to be Dangerous</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/qo2hkidtpxmon7et4qbu.jpeg"/><br> Most of React courses are outdated. Best up to date resources to learn React in 2021 NetNinja Codeevolution.<br> Focus on Hooks and functional components</p> <h3> <a name="44-how-to-create-your-first-react-profile-page" href="#44-how-to-create-your-first-react-profile-page" class="anchor"> </a> <a href="https://hackernoon.com/how-to-create-your-first-react-profile-page">44. How to Create Your First React Profile Page!</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/0f97nf8s7rzu6l5ni64m.webp"/><br> Creating a profile page in React is not only essential but also super fun! It lets your users view and manage their personal info in style.</p> <h3> <a name="45-6-best-online-courses-to-learn-graphql-for-beginners-and-experienced-javascript-developers" href="#45-6-best-online-courses-to-learn-graphql-for-beginners-and-experienced-javascript-developers" class="anchor"> </a> <a href="https://hackernoon.com/5-best-online-courses-to-learn-graphql-in-2020-gn1d3u98">45. 6 Best Online Courses to Learn GraphQL for Beginners and Experienced JavaScript Developers</a> </h3> <p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sfhjdsgvmbbtl9mv0kfg.webp"/><br> Hello guys, you might have heard about GraphQL, another exciting technology. GraphQL is gaining a lot of popularity because of its superiority over traditional REST APIs.</p> <h3> <a name="46-a-quick-comparison-guide-to-low-code-internal-tool-builders" href="#46-a-quick-comparison-guide-to-low-code-internal-tool-builders" class="anchor"> </a> <a href="https://hackernoon.com/a-quick-guide-to-low-code-internal-tool-builders">46. A Quick Comparison Guide to Low Code Internal Tool Builders</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ru0k5qh6l1i9ae0k7a69.jpeg"/><br> To make the adoption of low-code technology hassle-free, this platform comparison guide covers a lot of basic as well as more advanced information to evaluate the top low-code platforms. </p> <h3> <a name="47-8-beginner-design-projects-for-aspiring-frontend-developers" href="#47-8-beginner-design-projects-for-aspiring-frontend-developers" class="anchor"> </a> <a href="https://hackernoon.com/8-beginner-design-projects-for-aspiring-front-end-developers-la4x3u3p">47. 8 Beginner Design Projects for Aspiring Front-end Developers</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/5kxb2jy3n3722fp1qp9d.png"/><br> These are 8 projects with requirements and designs that you can do to add to your portfolio as a Front-end Developer. The order of these projects is from easy to intermediate level.</p> <h3> <a name="48-javascript-has-never-been-my-favorite-language-interview-with-nodejs-creator-ryan-dahl" href="#48-javascript-has-never-been-my-favorite-language-interview-with-nodejs-creator-ryan-dahl" class="anchor"> </a> <a href="https://hackernoon.com/javascript-has-never-been-my-favorite-language-interview-with-nodejs-creator-ryan-dahl-yo5m33qx">48. “JavaScript has Never Been My Favorite Language” - Interview with Node.js Creator Ryan Dahl</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/gye4w5jhmob4x88kaoey.jpeg"/><br> Ryan Dahl speaks about the main challenges in Deno, the future of JavaScript and TypeScript.</p> <h3> <a name="49-should-you-try-v0-webcrumbs-or-both" href="#49-should-you-try-v0-webcrumbs-or-both" class="anchor"> </a> <a href="https://hackernoon.com/should-you-try-v0-webcrumbs-or-both">49. Should You Try v0, Webcrumbs or Both?</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/09tpxtdrvraw4ief8qnh.png"/><br> Webcrumbs Frontend AI is an open-source tool for front-end coding. It uses artificial intelligence to generate code components directly from images or text.</p> <h3> <a name="50-how-to-integrate-smart-contracts-to-the-frontend" href="#50-how-to-integrate-smart-contracts-to-the-frontend" class="anchor"> </a> <a href="https://hackernoon.com/how-to-integrate-smart-contracts-to-the-frontend">50. How to Integrate Smart Contracts to the Frontend</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/z77qul71g1spqckbs5ge.png"/><br> This is a step-by-step on how to integrate smart contract to frontend using web3.js, dRPC and CoinGecko API.</p> <h3> <a name="51-create-a-morphing-3d-sphere-in-javascript-with-threejs" href="#51-create-a-morphing-3d-sphere-in-javascript-with-threejs" class="anchor"> </a> <a href="https://hackernoon.com/create-a-morphing-3d-sphere-in-javascript-with-threejs">51. Create a Morphing 3D Sphere in Javascript with Three.js</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/q4ed39tuqml8tgy7w1cu.jpeg"/><br> In this guide, I create a morphing sphere with a cool, wireframe background.</p> <h3> <a name="52-protect-your-application-by-hiding-api-keys-and-tokens-in-react-beginners-guide" href="#52-protect-your-application-by-hiding-api-keys-and-tokens-in-react-beginners-guide" class="anchor"> </a> <a href="https://hackernoon.com/protect-your-application-by-hiding-api-keys-and-tokens-in-react">52. Protect Your Application by Hiding API Keys and Tokens in React - Beginners guide</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/yk2yl3n1ljlm2pfm9oj8.jpeg"/><br> Discover how to hide your API keys and tokens in React using environment variables with Vite and nodejs. Protect the security of your services.</p> <h3> <a name="53-how-to-refactor-your-react-application-and-connect-with-redux" href="#53-how-to-refactor-your-react-application-and-connect-with-redux" class="anchor"> </a> <a href="https://hackernoon.com/how-to-refactor-your-react-application-and-connect-with-redux-fu203ugh">53. How to Refactor Your React Application And Connect with Redux</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/5yx01kzrueh0jpd123nm.jpeg"/><br> Introduction</p> <h3> <a name="54-following-these-6-steps-will-help-you-build-a-super-lightweight-website" href="#54-following-these-6-steps-will-help-you-build-a-super-lightweight-website" class="anchor"> </a> <a href="https://hackernoon.com/following-these-6-steps-will-help-you-build-a-super-lightweight-website-wlo31rx">54. Following These 6 Steps Will Help You Build A Super Lightweight Website</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/364o2ief6je5uadfm3u1.jpeg"/><br> Not an Early Adopter</p> <h3> <a name="55-compilation-of-the-most-common-reactjs-interview-questions" href="#55-compilation-of-the-most-common-reactjs-interview-questions" class="anchor"> </a> <a href="https://hackernoon.com/compilation-of-the-most-common-reactjs-interview-questions">55. Compilation of the Most Common React.js Interview Questions</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/gn4ci0hp55awy1jrr3zj.webp"/><br> A comprehensive collection of React technical questions to help you prepare for frontend interviews.</p> <h3> <a name="56-clean-code-functions-and-methods-in-typescript-part-1" href="#56-clean-code-functions-and-methods-in-typescript-part-1" class="anchor"> </a> <a href="https://hackernoon.com/clean-code-functions-and-methods-in-js-part-1">56. Clean Code: Functions and Methods in TypeScript [Part 1]</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/i6hmhqaw4qd0b4g1iux7.jpeg"/><br> Learn how to write cleaner code by avoiding common mistakes in functions and methods. </p> <h3> <a name="57-how-to-use-aws-lambda-authorizer-for-flexible-and-scalable-web-service-authorization" href="#57-how-to-use-aws-lambda-authorizer-for-flexible-and-scalable-web-service-authorization" class="anchor"> </a> <a href="https://hackernoon.com/how-to-use-aws-lambda-authorizer-for-flexible-and-scalable-web-service-authorization">57. How to Use AWS Lambda Authorizer for Flexible and Scalable Web Service Authorization</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/f0jl962ksek5ojyghcki.jpeg"/><br> On one of the projects I worked on, there were 8 services that used Auth0 for front-end authentication and a rotated static token for back-end authentication. </p> <h3> <a name="58-top-12-react-boilerplates-and-starter-kits-for-2024" href="#58-top-12-react-boilerplates-and-starter-kits-for-2024" class="anchor"> </a> <a href="https://hackernoon.com/top-12-react-boilerplates-and-starter-kits-for-2024">58. Top 12+ React Boilerplates and Starter Kits for 2024</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/2kt6skua1aq4tcba8otg.jpeg"/><br> What criteria do you use when choosing a React boilerplate? We made a comparison of boilerplates by features and analyzed each of them</p> <h3> <a name="59-bootstrap-vs-bulma-in-ruby-on-rails-application" href="#59-bootstrap-vs-bulma-in-ruby-on-rails-application" class="anchor"> </a> <a href="https://hackernoon.com/bootstrap-vs-bulma-in-ruby-on-rails-application-1c1v3udq">59. Bootstrap Vs. Bulma in Ruby on Rails Application</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/0mm7mbscyg3glqxpktxb.jpeg"/><br> Bootstrap 4 </p> <h3> <a name="60-how-to-connect-react-highcharts-and-cubejs" href="#60-how-to-connect-react-highcharts-and-cubejs" class="anchor"> </a> <a href="https://hackernoon.com/how-to-connect-react-highcharts-and-cubejs-6o2f3ubd">60. How to Connect React, Highcharts And Cube.js</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/5k2d5c95yy9y4rg23n0h.jpeg"/><br> Started as a simple charting tool for monitoring a snow depth near the owner’s country house in Norway, Highcharts quickly became one of the most popular visualization libraries. It provides a lot of great built-in interactive features and is easy to use.In this tutorial we are going to build a simple e-commerce dashboard with Cube.js and Highcharts. We’ll use the main Highcharts library, as well as Maps, Stock, and Solid Gauge modules.</p> <h3> <a name="61-intro-to-react-css-modules" href="#61-intro-to-react-css-modules" class="anchor"> </a> <a href="https://hackernoon.com/intro-to-react-css-modules-9w8c3yn8">61. Intro to React CSS Modules</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/g465f9ybc9byvhcpnf4h.jpg"/><br> CSS Modules helps you create independent and customized cascading style sheets for any .js file rendering HTML in your React application.</p> <h3> <a name="62-the-developers-guide-to-completing-projects-on-time" href="#62-the-developers-guide-to-completing-projects-on-time" class="anchor"> </a> <a href="https://hackernoon.com/the-developers-guide-to-completing-projects-on-time-8p10357o">62. The Developer’s Guide to Completing Projects on Time </a> </h3> <p><img src="https://cdn.hackernoon.com/images/MGnZwhSjAMg9X4SThcV6NJHqXTP2-99a3268b.jpeg"/><br> Become a better developer by learning how to properly collaborate in a team environment and turn their strengths into your success.</p> <h3> <a name="63-how-to-use-context-api-in-react" href="#63-how-to-use-context-api-in-react" class="anchor"> </a> <a href="https://hackernoon.com/how-to-use-context-api-in-react-ud4o3v8f">63. How to use context API in React</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/cyhb7fpk2jdxpsxkhsfo.jpg"/><br> What is context API</p> <h3> <a name="64-understanding-chakra-ui" href="#64-understanding-chakra-ui" class="anchor"> </a> <a href="https://hackernoon.com/understanding-chakra-ui">64. Understanding Chakra UI</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/let4csci5ptwwx388npb.jpeg"/><br> In this article, we will discuss what Chakra UI is, its core features and capabilities and by the end you should be able to decide if Chakra UI is a good fit.</p> <h3> <a name="65-an-introduction-to-microfrontends-in-enterprise-applications-part-1" href="#65-an-introduction-to-microfrontends-in-enterprise-applications-part-1" class="anchor"> </a> <a href="https://hackernoon.com/an-introduction-to-micro-frontends-in-enterprise-applications-part-1-uy3333fr">65. An Introduction to Micro-Frontends in Enterprise Applications (part 1)</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/2ldnfw20uy09s03ybs5s.jpeg"/><br> Leverage webpack module federation to build a scalable micro-frontends architecture.</p> <h3> <a name="66-a-comparison-of-web-component-solutions" href="#66-a-comparison-of-web-component-solutions" class="anchor"> </a> <a href="https://hackernoon.com/a-comparison-of-web-component-solutions-xu163u3o">66. A Comparison Of Web Component Solutions</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/jv2zyrljfija9xg2q1zh.png"/><br> "Don’t repeat yourself." Every programmer has this concept drilled into their head when first learning to code. Any time you have code you find yourself duplicating in several places, it’s time to abstract that code away into a class or a function. But how does this apply to user interfaces? How do you avoid re-writing the same HTML and CSS over and over again?</p> <h3> <a name="67-angular-awesomeness-supercharge-your-app-with-loading-spinners-for-observables" href="#67-angular-awesomeness-supercharge-your-app-with-loading-spinners-for-observables" class="anchor"> </a> <a href="https://hackernoon.com/angular-awesomeness-supercharge-your-app-with-loading-spinners-for-observables">67. Angular Awesomeness: Supercharge Your App with Loading Spinners for Observables</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/6b2xigjiwqiwplcv369p.jpeg"/><br> Enhance user experience in Angular with captivating loading spinners for observables. Elevate your app's responsiveness today!</p> <h3> <a name="68-how-to-use-domaindriven-design-in-microfrontend-architecture" href="#68-how-to-use-domaindriven-design-in-microfrontend-architecture" class="anchor"> </a> <a href="https://hackernoon.com/how-to-use-domain-driven-design-in-micro-frontend-architecture">68. How to Use Domain-Driven Design in Micro-frontend Architecture</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/wf0ti8gnehijojyzys2e.jpeg"/><br> Discover how to apply Domain-Driven Design principles to decompose micro-frontends. Improve your front-end architecture and enhance your development workflow.</p> <h3> <a name="69-writing-clean-front-end-code" href="#69-writing-clean-front-end-code" class="anchor"> </a> <a href="https://hackernoon.com/writing-clean-front-end-code">69. Writing Clean Front End Code</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/7bv8kznrw3f4ytx348ha.jpeg"/><br> Writing clean front end code for a resilient, readable front end code repository.</p> <h3> <a name="70-the-react-virtual-dom-explained" href="#70-the-react-virtual-dom-explained" class="anchor"> </a> <a href="https://hackernoon.com/the-react-virtual-dom-explained">70. The React Virtual DOM Explained</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/9wqps9ufqdjcqbor4373.jpeg"/><br> Virtual DOM Is Just A Virtual Copy Of The Actual Object That The DOM Has Created For A Specific Node And...</p> <h3> <a name="71-automatic-image-optimization-using-the-nuxt-image-component-with-imgix" href="#71-automatic-image-optimization-using-the-nuxt-image-component-with-imgix" class="anchor"> </a> <a href="https://hackernoon.com/automatic-image-optimization-using-the-nuxt-image-component-with-imgix">71. Automatic Image Optimization Using the Nuxt Image Component with imgix</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/l0rhf6o11j42900xkt8y.jpeg"/><br> See how you can use imgix and the Nuxt Image Component to accelerate page speed, simplify image workflow, and transform images at scale.</p> <h3> <a name="72-the-importance-of-selecting-the-right-frontend-framework" href="#72-the-importance-of-selecting-the-right-frontend-framework" class="anchor"> </a> <a href="https://hackernoon.com/the-importance-of-selecting-the-right-frontend-framework-4sk34ae">72. The Importance Of Selecting The Right Frontend Framework</a> </h3> <p><img src="https://hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-6bk349r.jpeg"/><br> Creating a new product comes with lots of ideas and requires numerous technologies. The idea of choosing the right framework matters a lot. Learn how to choose </p> <h3> <a name="73-introducing-tezjs-the-fastest-website-premix-framework" href="#73-introducing-tezjs-the-fastest-website-premix-framework" class="anchor"> </a> <a href="https://hackernoon.com/introducing-tezjs-the-fastest-website-premix-framework">73. Introducing TezJS: The Fastest Website Premix Framework</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/e0diatz65rpuuxm6ro3m.jpeg"/><br> TezJS is a modern JavaScript framework, allowing you to build a modern Jamstack website by achieving highest website performance & 98+ web vital out of the box</p> <h3> <a name="74-mastering-angular-dependency-injection-advanced-techniques-for-building-robust-applications" href="#74-mastering-angular-dependency-injection-advanced-techniques-for-building-robust-applications" class="anchor"> </a> <a href="https://hackernoon.com/mastering-angular-dependency-injection-advanced-techniques-for-building-robust-applications">74. Mastering Angular Dependency Injection: Advanced Techniques for Building Robust Applications</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/3ez9xgiesz9bpeg3a3d7.jpeg"/><br> Explore advanced Angular dependency injection techniques to build robust, maintainable applications efficiently.</p> <h3> <a name="75-how-to-build-a-github-user-finder-app-with-nextjs-amp-tailwind-css" href="#75-how-to-build-a-github-user-finder-app-with-nextjs-amp-tailwind-css" class="anchor"> </a> <a href="https://hackernoon.com/how-to-build-a-github-user-finder-app-with-nextjs-and-tailwind-css">75. How to Build a Github User Finder App With Next.js & Tailwind CSS</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/9m3ovtlvef4ku0idsih9.jpeg"/><br> In this project, we are going to build GitHub user Search App using Github API. We will design the UI of the app using Tailwind CSS with Next.js as a framework.</p> <h3> <a name="76-master-react-by-designing-effective-apis-with-the-useimperativehandle-hook" href="#76-master-react-by-designing-effective-apis-with-the-useimperativehandle-hook" class="anchor"> </a> <a href="https://hackernoon.com/master-react-by-designing-effective-apis-with-the-useimperativehandle-hook">76. Master React by Designing Effective APIs With the useImperativeHandle Hook</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/2ijsxzz224sj465rwaj3.png"/><br> The useImperativeHandle hook allows developers to customize the methods and properties exposed by a component, enhancing flexibility and maintainability.</p> <h3> <a name="77-10-ridiculously-cool-admin-themes-and-templates" href="#77-10-ridiculously-cool-admin-themes-and-templates" class="anchor"> </a> <a href="https://hackernoon.com/10-ridiculously-cool-admin-themes-and-templates-3lw338l">77. 10+ Ridiculously Cool Admin Themes And Templates</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/3m6p4v635mvnj2vcvgig.jpeg"/><br> In today’s article, we will have a quick look at 10 admin templates and themes that are simple to use and good to look at.</p> <h3> <a name="78-how-to-become-a-ui-developer" href="#78-how-to-become-a-ui-developer" class="anchor"> </a> <a href="https://hackernoon.com/how-to-become-a-ui-developer-gjt13yjc">78. How to Become a UI Developer</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/upcyw23bkfilphrbk2gr.png"/><br> After sharing my post describing what a UI Developer is, I got some requests to write another post specifically about how to get a UI Developer job. It's certainly not an obvious path. My first job out of college was working for my alma mater in the Art Department media lab, during which time all I knew was that I wanted to transition into web development.</p> <h3> <a name="79-how-can-selfhealing-ai-help-a-web-test-automation-developer" href="#79-how-can-selfhealing-ai-help-a-web-test-automation-developer" class="anchor"> </a> <a href="https://hackernoon.com/how-can-self-healing-ai-help-a-web-test-automation-developer-gac3tr4">79. How can Self-Healing AI Help a Web Test Automation Developer?</a> </h3> <p><img src="https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2Fcde3BZuCoRQKREBn8r9HFyiTjjJ2-bri3tjb.jpeg?alt=media&token=2cd1bd98-5f27-46d2-8b61-c76a2317e2d1"/><br> I have been working in the automation field for more than a decade, and have seen automation tools evolve in unique ways. During the earlier years, when AI technologies weren’t prevalent, I remember how our automation team faced particular and unavoidable challenges which we, at that time, thought were some of the trickiest to resolve from our end. But we accepted it as just a part of daily life in the automation world and adapted to it. </p> <h3> <a name="80-a-tutorial-for-todo-apps-using-react-redux-and-framermotion" href="#80-a-tutorial-for-todo-apps-using-react-redux-and-framermotion" class="anchor"> </a> <a href="https://hackernoon.com/a-tutorial-for-todo-apps-using-react-redux-and-framer-motion-lf9i35u9">80. A Tutorial for Todo Apps using React, Redux and Framer-Motion</a> </h3> <p><img src="https://hackernoon.com/images/541r0RExUOQ3nFAQs7oJuST9Axf2-3hn037a9.jpeg"/><br> React redux todo app tutorial : In this tutorial we will build Todo List app with animations using Framer-motion. With react-redux we will use redux-toolkit.</p> <h3> <a name="81-how-to-build-your-own-rickroll-url-shortener-app" href="#81-how-to-build-your-own-rickroll-url-shortener-app" class="anchor"> </a> <a href="https://hackernoon.com/make-a-free-url-shortener">81. How to Build Your own Rick-roll URL Shortener App</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/gcjutw9ane1vl4ja6i48.jpeg"/><br> Step by step guide on how to make your own url shortener. This wil help you understand how to integrate APIs.</p> <h3> <a name="82-streamline-nestjs-setup-with-extensive-react-boilerplate" href="#82-streamline-nestjs-setup-with-extensive-react-boilerplate" class="anchor"> </a> <a href="https://hackernoon.com/streamline-nestjs-setup-with-extensive-react-boilerplate">82. Streamline NestJS Setup with Extensive React Boilerplate</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/fuy43o0amubng2398c1h.jpeg"/><br> Extensive React Boilerplate: what is it, what features include, how it complements Nest.js boilerplate to build full-stack apps</p> <h3> <a name="83-predicting-the-state-of-front-end-development-2021-edition" href="#83-predicting-the-state-of-front-end-development-2021-edition" class="anchor"> </a> <a href="https://hackernoon.com/predicting-the-state-of-front-end-development-2021-edition-um283497">83. Predicting The State of Front End Development: 2021 Edition</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/06nsdlwop1qr6qyfvzu8.jpeg"/><br> Where is front-end development heading in 2021? Jay Freestone examines trends and technologies that will shape web development this year.</p> <h3> <a name="84-what-frontend-engineers-should-know-about-backend" href="#84-what-frontend-engineers-should-know-about-backend" class="anchor"> </a> <a href="https://hackernoon.com/what-frontend-engineers-should-know-about-backend-ks7r3ylc">84. What Frontend Engineers Should Know About Backend</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/4mdnyxlk9a9gipgm1kza.jpg"/><br> The vast majority of things a frontend engineers need to do can be done without knowing anything about the backend other than the API. If you work on different parts of the frontend for long enough though, you'll probably run into something that does require some backend knowledge. Here's the short list of topics that a frontend engineer should know about the backend.</p> <h3> <a name="85-a-guide-to-building-interactive-charts-in-flutter" href="#85-a-guide-to-building-interactive-charts-in-flutter" class="anchor"> </a> <a href="https://hackernoon.com/a-guide-to-building-interactive-charts-in-flutter">85. A Guide to Building Interactive Charts in Flutter</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/puno5x84r78iguwwio9f.jpeg"/><br> The Flutter charting library Graphic has a well-designed interaction system for various interactive charts.</p> <h3> <a name="86-understanding-chrome-v8-chapter-3-compilation-pipeline-scanner" href="#86-understanding-chrome-v8-chapter-3-compilation-pipeline-scanner" class="anchor"> </a> <a href="https://hackernoon.com/understanding-chrome-v8-chapter-3-compilation-pipeline-scanner">86. Understanding Chrome V8 — Chapter 3: Compilation pipeline, Scanner</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/59eu7zdca909fgmc7sje.jpeg"/><br> Welcome to other chapters of Let’s Understand Chrome V8</p> <h3> <a name="87-bootstrap-4-customization-according-to-your-design" href="#87-bootstrap-4-customization-according-to-your-design" class="anchor"> </a> <a href="https://hackernoon.com/bootstrap-4-customization-according-to-your-design-z33q3wxb">87. Bootstrap 4 Customization According to Your Design</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/qhgw99eh1kmp06tjaxbf.jpg"/><br> Twitter Bootstrap is the most popular CSS framework. It has been so since its first release in 2011. Its constantly rising popularity begs the question: what aspect of it allows room for the different look and feel of millions of websites that are built on top of it? In this article, I demonstrate how to modify Bootstrap 4 according to a design that has its own color theme, responsive breakpoints and spacing styles.</p> <h3> <a name="88-how-to-bypass-the-vercel-tax-by-using-opensource-alternatives" href="#88-how-to-bypass-the-vercel-tax-by-using-opensource-alternatives" class="anchor"> </a> <a href="https://hackernoon.com/bypass-the-vercel-tax-by-using-open-source-alternatives">88. How to Bypass the Vercel Tax by Using Open-source Alternatives</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/6gqkqwd22k1b4x97f77f.jpeg"/></p> <h3> <a name="89-building-a-design-system-for-email-templates-react" href="#89-building-a-design-system-for-email-templates-react" class="anchor"> </a> <a href="https://hackernoon.com/building-a-design-system-for-email-templates-react">89. Building a Design System for Email Templates (React)</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/mlzgxcqfj80ufpr52r4j.jpeg"/><br> Arthur Tkachenko is releasing a React component-based design system for email templates.</p> <h3> <a name="90-ui-throwback-creating-a-retro-progress-bar-for-ios-usingnbspcalayers" href="#90-ui-throwback-creating-a-retro-progress-bar-for-ios-usingnbspcalayers" class="anchor"> </a> <a href="https://hackernoon.com/ui-throwback-creating-a-retro-progress-bar-for-ios-using-calayers">90. UI Throwback: Creating a Retro Progress Bar for iOS using CALayers</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/hlfqypn4gz4in17ltv61.jpeg"/><br> Dive into the blend of retro charm and modern iOS development with our guide on creating a nostalgic CALayer-based Progress Bar in iOS.</p> <h3> <a name="91-how-to-build-a-framework-that-is-actuallynbsphelpful" href="#91-how-to-build-a-framework-that-is-actuallynbsphelpful" class="anchor"> </a> <a href="https://hackernoon.com/how-to-build-a-framework-that-is-actually-helpful-rlr32q0">91. How to Build a Framework that is Actually Helpful</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/7uffszv5az0zd0j7q4qf.png"/><br> And also that you are capable of doing</p> <h3> <a name="92-a-breakdown-of-software-development-types-for-small-businesses" href="#92-a-breakdown-of-software-development-types-for-small-businesses" class="anchor"> </a> <a href="https://hackernoon.com/a-breakdown-of-software-development-types-for-small-businesses">92. A Breakdown of Software Development Types for Small Businesses</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/8xwnnqfp279luz1m47b9.jpeg"/><br> Want an in-depth knowledge of the top software development services? Hire a custom software development company today!</p> <h3> <a name="93-3-things-you-will-love-about-micro-frontends" href="#93-3-things-you-will-love-about-micro-frontends" class="anchor"> </a> <a href="https://hackernoon.com/3-things-you-will-love-about-micro-frontends">93. 3 Things You Will Love About Micro Frontends</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ngyhs6bajvdgzwdiwzby.jpeg"/><br> 3 cool things that will make you love micro frontend architecture - flexibility in managing codebase, a wide choice of frameworks, and independent deployments.</p> <h3> <a name="94-build-an-ecommerce-site-with-sanity-and-commerce-layer" href="#94-build-an-ecommerce-site-with-sanity-and-commerce-layer" class="anchor"> </a> <a href="https://hackernoon.com/build-an-e-commerce-site-with-sanity-and-commerce-layer">94. Build an E-commerce Site with Sanity and Commerce Layer</a> </h3> <p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c7aq4hvrxd92e3evpss7.jpeg"/><br> One of the greatest benefits of composable, headless commerce is the flexibility it introduces to the developer experience of building shopping experiences. </p> <h3> <a name="95-add-video-conferencing-to-your-react-app-with-100ms" href="#95-add-video-conferencing-to-your-react-app-with-100ms" class="anchor"> </a> <a href="https://hackernoon.com/add-video-conferencing-to-your-react-app-with-100ms">95. Add video conferencing to your React App with 100ms</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/wot76gnizgmufs4mydcf.jpeg"/><br> What is the better Agora alternative for video conferencing? What other solutions bring on the table when compared to Agora. Read how I created an app.</p> <h3> <a name="96-top-15-online-resources-to-learn-how-to-code" href="#96-top-15-online-resources-to-learn-how-to-code" class="anchor"> </a> <a href="https://hackernoon.com/top-15-online-resources-to-learn-how-to-code-iw1m34ry">96. Top 15 Online Resources to Learn How To Code</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/zg96ue77aeej9psgwcqg.jpeg"/><br> Top 15 Resources to Learn Coding in 2021, Frontend Masters, FreeCodeCamp, Coursera, MDN, W3Schools</p> <h3> <a name="97-introducing-neuron-lang-a-new-language-for-frontend-development" href="#97-introducing-neuron-lang-a-new-language-for-frontend-development" class="anchor"> </a> <a href="https://hackernoon.com/introducing-neuron-lang-a-new-language-for-frontend-development-fg2b3ukq">97. Introducing Neuron Lang: A New Language For Frontend Development</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/xvtxmk7j92ggh5h23m9a.png"/><br> HTML, CSS, and JavaScript are combined in this elegant language.</p> <h3> <a name="98-optimistic-updates-in-frontend-applications" href="#98-optimistic-updates-in-frontend-applications" class="anchor"> </a> <a href="https://hackernoon.com/optimistic-updates-in-frontend-applications">98. Optimistic Updates in Frontend Applications</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/mmguff46zvtbsssl1aha.png"/><br> Discover how optimistic updates revolutionize user experience by instantly updating UI elements without backend validation</p> <h3> <a name="99-cloudnative-buildpacks-buildkit-and-container-images-questce-que-cest" href="#99-cloudnative-buildpacks-buildkit-and-container-images-questce-que-cest" class="anchor"> </a> <a href="https://hackernoon.com/cloud-native-buildpacks-buildkit-and-container-images-quest-ce-que-cest">99. Cloud-Native Buildpacks, BuildKit, and Container Images: Qu'est-ce Que C'est?</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/i8pu8thpc5zkij1rcr5d.jpeg"/><br> In this article, we’ll do a deep dive into the Buildpacks BuikdKit frontend implementation and see how it actually works under the hood. </p> <h3> <a name="100-pinpoint-those-pesky-minified-javascript-errors-with-sentry" href="#100-pinpoint-those-pesky-minified-javascript-errors-with-sentry" class="anchor"> </a> <a href="https://hackernoon.com/pinpoint-those-pesky-minified-javascript-errors-with-sentry-bwk3yer">100. Pinpoint Those Pesky Minified Javascript Errors With Sentry</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/293nc32bl7ttpi1pvehl.png"/><br> Source Maps to the rescue.!</p> <h3> <a name="101-helpful-css-selectors" href="#101-helpful-css-selectors" class="anchor"> </a> <a href="https://hackernoon.com/helpful-css-selectors-j7uo248c">101. Helpful CSS Selectors </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/zv10v0i6ilb4wjmwzi7i.png"/><br> A CSS selector is a set of rules which will allow us to style any HTML element. In<br> CSS there are many different selectors, they will also explain in detail and a descriptive<br> example of each of them.</p> <h3> <a name="102-understanding-chrome-v8-chapter-1checkout-build-run-v8" href="#102-understanding-chrome-v8-chapter-1checkout-build-run-v8" class="anchor"> </a> <a href="https://hackernoon.com/understanding-chrome-v8-chapter-1checkout-build-run-v8">102. Understanding Chrome V8 — Chapter 1：Checkout, Build, Run V8 </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/4nucqsxk5otvlo8k29s1.jpeg"/><br> Welcome to the first chapter of Let’s Understand Chrome V8. </p> <h3> <a name="103-how-to-create-effective-frontend-design-documents" href="#103-how-to-create-effective-frontend-design-documents" class="anchor"> </a> <a href="https://hackernoon.com/how-to-create-effective-frontend-design-documents">103. How to Create Effective Frontend Design Documents</a> </h3> <p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w2ljm8t2cop779xjgdmq.jpeg"/><br> Learn how to create effective frontend designs with this comprehensive guide. We cover everything from design principles to implementation strategies.</p> <h3> <a name="104-i-spent-years-freelancing-in-web-devheres-the-modular-trick-that-saved-my-sanity" href="#104-i-spent-years-freelancing-in-web-devheres-the-modular-trick-that-saved-my-sanity" class="anchor"> </a> <a href="https://hackernoon.com/i-spent-years-freelancing-in-web-devheres-the-modular-trick-that-saved-my-sanity">104. I Spent Years Freelancing in Web Dev—Here’s the Modular Trick That Saved My Sanity</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/nrmq2i5zr6k4b4mtmj3o.jpeg"/><br> I needed to come up with an approach that would allow me to use logic from one project to another.</p> <h3> <a name="105-your-guide-to-learning-redux" href="#105-your-guide-to-learning-redux" class="anchor"> </a> <a href="https://hackernoon.com/your-guide-to-learning-redux-r37e35sd">105. Your Guide To Learning Redux</a> </h3> <p><img src="https://hackernoon.com/images/541r0RExUOQ3nFAQs7oJuST9Axf2-ke8t37c2.jpeg"/><br> What is Redux : A beginners guide. Redux is very important if you're using state in your web app. Especially if you're React Developer then you must learn Redux</p> <h3> <a name="106-the-1mb-challenge-can-you-build-a-modern-app-with-zero-dependencies" href="#106-the-1mb-challenge-can-you-build-a-modern-app-with-zero-dependencies" class="anchor"> </a> <a href="https://hackernoon.com/the-1mb-challenge-can-you-build-a-modern-app-with-zero-dependencies">106. The 1MB Challenge: Can You Build a Modern App with Zero Dependencies?</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/djf1iq937w7amd0zfg6g.jpeg"/><br> Tired of massive node_modules? Learn how to build a modern, reactive SPA using zero dependencies with native Web Components, Proxies, and the History API.</p> <h3> <a name="107-chat-is-a-terrible-interface-for-agentsand-2026-will-prove-it" href="#107-chat-is-a-terrible-interface-for-agentsand-2026-will-prove-it" class="anchor"> </a> <a href="https://hackernoon.com/chat-is-a-terrible-interface-for-agentsand-2026-will-prove-it">107. Chat Is a Terrible Interface for Agents—and 2026 Will Prove It</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/i9opay7c7vvadyfzfigf.png"/><br> Building AI Agents? I tried Angular, HTMX & Python. They failed. Discover why A2UI is the declarative protocol to replace basic chatbots.</p> <h3> <a name="108-build-your-next-ecommerce-store-on-nodejs" href="#108-build-your-next-ecommerce-store-on-nodejs" class="anchor"> </a> <a href="https://hackernoon.com/build-your-next-ecommerce-store-on-nodejs">108. Build Your Next eCommerce Store on NodeJS</a> </h3> <p><img src="https://cdn.hackernoon.com/images/CPZcQZuKTIRNEmHkkkOCBTvsTyd2-8c037lw.jpeg"/><br> Top easiest ways to make an eCommerce store with Node.js. Shopify vs. buit-for-you solution.</p> <h3> <a name="109-why-i-unit-test-my-sass-mixins" href="#109-why-i-unit-test-my-sass-mixins" class="anchor"> </a> <a href="https://hackernoon.com/why-i-unit-test-my-sass-mixins">109. Why I Unit Test My Sass: Mixins 🧪</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/negaocx9298u51ybudix.jpeg"/><br> Besides testing functions, did you know you can test mixins as well? </p> <h3> <a name="110-things-you-didnt-know-css-grid-could-do" href="#110-things-you-didnt-know-css-grid-could-do" class="anchor"> </a> <a href="https://hackernoon.com/things-you-didnt-know-css-grid-could-do">110. Things You Didn’t Know CSS Grid Could Do</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/n37hxr3ga29b3zjwvgk9.jpeg"/><br> Discover the potential of CSS Grid for modern web layout design. Learn how to effortlessly position items in the center, stack elements and more </p> <h3> <a name="111-ranting-as-a-frontend-developer-skills-expectations-and-the-full-stack-journey" href="#111-ranting-as-a-frontend-developer-skills-expectations-and-the-full-stack-journey" class="anchor"> </a> <a href="https://hackernoon.com/ranting-as-a-front-end-developer-skills-expectations-and-the-full-stack-journey">111. Ranting as a Front-End Developer: Skills, Expectations, and the Full Stack Journey</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/tkucqle8cp2x0rtle6fg.jpeg"/><br> From newbie coder to jack of all trades: the wild ride of a front-end dev in the ever-changing tech world!</p> <h3> <a name="112-let-your-browser-take-a-breather-with-scheduleryield" href="#112-let-your-browser-take-a-breather-with-scheduleryield" class="anchor"> </a> <a href="https://hackernoon.com/let-your-browser-take-a-breather-with-scheduleryield">112. Let Your Browser Take a Breather with Scheduler.yield()</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ksv2crjw2lydh3ur4avd.jpeg"/><br> A practical guide to scheduler.yield() – the new Prioritized Task Scheduling API that prevents Main Thread blocking and improves user experience.</p> <h3> <a name="113-how-to-start-a-career-as-a-junior-developer-in-2026" href="#113-how-to-start-a-career-as-a-junior-developer-in-2026" class="anchor"> </a> <a href="https://hackernoon.com/how-to-start-a-career-as-a-junior-developer-in-2026">113. How to Start a Career as a Junior Developer in 2026</a> </h3> <p><img src="https://cdn.hackernoon.com/images/JlTIrMpElobIVgXr6ASnbGTvzRo1-2026-08-02T13:59:59.522Z-igcktyox7dhb7ihuj3f6y3uv"/><br> The "Junior Developer" role is collapsing (down 46%), but a new path is emerging.</p> <h3> <a name="114-adding-responsive-website-design-to-your-webnbspprojects" href="#114-adding-responsive-website-design-to-your-webnbspprojects" class="anchor"> </a> <a href="https://hackernoon.com/good-and-responsive-website-design-is-necessary-for-your-web-projects-psy3x38">114. Adding Responsive Website Design To Your Web Projects</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/1mqfetw2aua02y32jree.jpg"/></p> <h3> <a name="115-what-everyone-is-getting-wrong-about-react-native-modals" href="#115-what-everyone-is-getting-wrong-about-react-native-modals" class="anchor"> </a> <a href="https://hackernoon.com/the-right-way-to-build-react-native-modals">115. What Everyone Is Getting Wrong About React Native Modals</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/pvp41a0zofpeyrhxyis3.jpeg"/><br> Do you find using modals in React Native to be a bit of a pain? This article teaches you how to get a better development experience with them.</p> <h3> <a name="116-how-i-became-a-web-developer-at-17" href="#116-how-i-became-a-web-developer-at-17" class="anchor"> </a> <a href="https://hackernoon.com/how-i-became-a-web-developer-at-17-70fs35o8">116. How I Became a Web Developer at 17</a> </h3> <p><img src="https://cdn.hackernoon.com/images/ZHAz9wv9l3eZzNLiVyAUACoJBo03-n31b3omh.jpeg"/><br> In this article, I describe my story of becoming a Web Developer at 17, working with real-world clients and projects. </p> <h3> <a name="117-getting-started-with-the-neuronnbsplanguage" href="#117-getting-started-with-the-neuronnbsplanguage" class="anchor"> </a> <a href="https://hackernoon.com/getting-started-with-the-neuron-language-lxt3u4u">117. Getting Started with the Neuron Language</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/vs74hsjz4gdpl50xiirx.png"/><br> A step-by-step guide to developing with Neuron.</p> <h3> <a name="118-5-cool-react-admin-templates-for-bootstrap-dashboards-in-2021" href="#118-5-cool-react-admin-templates-for-bootstrap-dashboards-in-2021" class="anchor"> </a> <a href="https://hackernoon.com/5-cool-react-admin-templates-for-bootstrap-dashboards-in-2021-se4m31cb">118. 5 Cool React Admin Templates for Bootstrap Dashboards in 2021</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/psgefm2354gtkwq0mmug.jpeg"/><br> This article has a list of the most powerful React admin templates to create quick dashboards.</p> <h3> <a name="119-create-a-lightning-text-effect-using-html-and-css-using-this-simple-code" href="#119-create-a-lightning-text-effect-using-html-and-css-using-this-simple-code" class="anchor"> </a> <a href="https://hackernoon.com/create-a-lightning-text-effect-using-html-and-css-using-this-simple-code">119. Create A Lightning Text Effect Using HTML And CSS Using This Simple Code</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/6zb7yr4mohzfyklhralw.webp"/><br> Learn to craft a dynamic lightning text effect using HTML and CSS. Follow our step-by-step guide to enhance your web design skills. Start now!</p> <h3> <a name="120-angular-21-rolls-out-modern-testing-headless-a11y-components-and-ai-tools" href="#120-angular-21-rolls-out-modern-testing-headless-a11y-components-and-ai-tools" class="anchor"> </a> <a href="https://hackernoon.com/angular-21-rolls-out-modern-testing-headless-a11y-components-and-ai-tools">120. Angular 21 Rolls Out Modern Testing, Headless A11y Components, and AI Tools</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/y7rfxuwbe6mkhku1mish.png"/><br> Angular v21 brings signal-driven forms, new accessibility tools, AI-powered CLI features, zoneless apps, and modern testing with Vitest.</p> <h3> <a name="121-a-complete-guide-to-how-the-css-not-selector-works" href="#121-a-complete-guide-to-how-the-css-not-selector-works" class="anchor"> </a> <a href="https://hackernoon.com/a-complete-guide-to-how-the-css-not-selector-works">121. A Complete Guide to How the CSS Not Selector Works</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/u4cp3872qu9b3x6f4avi.jpeg"/><br> In CSS, it's often necessary to signpost that we want to select an element, but not in specific circumstances - like if it has a certain class. </p> <h3> <a name="122-nobody-serious-uses-one-ai-coding-model-anymore" href="#122-nobody-serious-uses-one-ai-coding-model-anymore" class="anchor"> </a> <a href="https://hackernoon.com/nobody-serious-uses-one-ai-coding-model-anymore">122. Nobody Serious Uses One AI Coding Model Anymore</a> </h3> <p><img src="https://cdn.hackernoon.com/images/JlTIrMpElobIVgXr6ASnbGTvzRo1-2026-08-02T13:59:59.460Z-bvyvfo8svf9ei27aps6lhulb"/><br> A practical look at multi-model AI coding, from Grok and Claude to Codex and Gemini, and why one model is no longer enough.</p> <h3> <a name="123-how-i-plan-on-becoming-proficient-in-web3-development-by-2025-the-ultimate-web3-developer-roadmap" href="#123-how-i-plan-on-becoming-proficient-in-web3-development-by-2025-the-ultimate-web3-developer-roadmap" class="anchor"> </a> <a href="https://hackernoon.com/how-i-plan-on-becoming-proficient-in-web3-development-by-2025-the-ultimate-web3-developer-roadmap">123. How I Plan on Becoming Proficient in Web3 Development by 2025: The Ultimate Web3 Developer Roadmap</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/hg99k3r3t67yvzvgvxjv.jpeg"/><br> A web3 developer is a computer programmer who focuses on building decentralized applications, Non-fungible tokens (NFTs), and smart contracts.</p> <h3> <a name="124-how-to-use-an-event-bus-in-vuejs-3" href="#124-how-to-use-an-event-bus-in-vuejs-3" class="anchor"> </a> <a href="https://hackernoon.com/how-to-use-an-event-bus-in-vuejs-3">124. How to Use an Event Bus in Vue.js 3 </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/obcyx8vlx2vuiy4551m9.jpeg"/><br> In this tutorial, we will use the Vite build tool to scaffold a project.</p> <h3> <a name="125-css-scrolldriven-animations-a-stepbystep-guide-with-no-javascript" href="#125-css-scrolldriven-animations-a-stepbystep-guide-with-no-javascript" class="anchor"> </a> <a href="https://hackernoon.com/css-scroll-driven-animations-a-step-by-step-guide-with-no-javascript">125. CSS Scroll-Driven Animations: A Step-by-Step Guide With No JavaScript</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/rmjyolyhtrsgi8volrxz.jpeg"/><br> Learn how to enhance your website with CSS scroll-driven animations, transforming static content into dynamic experiences effortlessly with no JavaScript.</p> <h3> <a name="126-mastering-the-document-object-model-dom" href="#126-mastering-the-document-object-model-dom" class="anchor"> </a> <a href="https://hackernoon.com/mastering-the-document-object-model-dom">126. Mastering the Document Object Model (DOM)</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/dljlvxpwxilq29asgkqi.jpeg"/><br> In this blog post, we are going to deep dive into DOM and try to understand what a DOM is, and how it works.</p> <h3> <a name="127-the-hackernoon-newsletter-vibe-coding-a-new-system-of-the-world-392025" href="#127-the-hackernoon-newsletter-vibe-coding-a-new-system-of-the-world-392025" class="anchor"> </a> <a href="https://hackernoon.com/3-9-2025-newsletter">127. The HackerNoon Newsletter: Vibe Coding - A New System of the World (3/9/2025)</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/14tswcmutqoyn61naw7s.png"/><br> 3/9/2025: Top 5 stories on the HackerNoon homepage!</p> <h3> <a name="128-ai-wants-to-kill-the-frontend-developer-it-wont-work" href="#128-ai-wants-to-kill-the-frontend-developer-it-wont-work" class="anchor"> </a> <a href="https://hackernoon.com/ai-wants-to-kill-the-frontend-developer-it-wont-work">128. AI Wants to Kill the Frontend Developer. It Won’t Work.</a> </h3> <p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xv4gjldc4djlnxuwt9jo.png"/><br> Every few years, something threatens to replace frontend engineers. AI is just the latest. Here’s why it won’t work, and what devs should do instead.</p> <h3> <a name="129-how-to-build-a-todo-list-app-by-using-svelte-and-meteor" href="#129-how-to-build-a-todo-list-app-by-using-svelte-and-meteor" class="anchor"> </a> <a href="https://hackernoon.com/how-to-build-todoist-app-by-using-svelte-and-meteor-0o1u318n">129. How To Build a Todo List App by Using Svelte and Meteor</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/biwaecgtkdhiomj2wlse.jpeg"/><br> Creating a Todo app with Svelte and Meteor</p> <h3> <a name="130-using-css-custom-properties-to-optimize-styling-efficiency-and-readability" href="#130-using-css-custom-properties-to-optimize-styling-efficiency-and-readability" class="anchor"> </a> <a href="https://hackernoon.com/using-css-custom-properties-to-optimize-styling-efficiency-and-readability">130. Using CSS Custom Properties To Optimize Styling Efficiency and Readability</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/wvugwspl7kvrygus21ng.jpeg"/><br> Learn about using fallback values with CSS Variables to optimise code.</p> <h3> <a name="131-the-frontend-guide-to-digital-accessibility" href="#131-the-frontend-guide-to-digital-accessibility" class="anchor"> </a> <a href="https://hackernoon.com/the-front-end-guide-to-digital-accessibility">131. The Front-End Guide to Digital Accessibility</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/djv2eeip7nayvkxoc66o.jpeg"/><br> A comprehensive guide to accessible website design and development</p> <h3> <a name="132-create-spellbinding-parallax-effects-with-gsap-for-your-website" href="#132-create-spellbinding-parallax-effects-with-gsap-for-your-website" class="anchor"> </a> <a href="https://hackernoon.com/create-spellbinding-parallax-effects-with-gsap-for-your-website">132. Create Spellbinding Parallax Effects with GSAP for Your Website</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/hu0yonepsimn8bqbw676.jpeg"/><br> Learn how to create mesmerizing parallax effects using GSAP and ScrollTrigger to enhance your website's user experience and retention rate.</p> <h3> <a name="133-what-is-thisnbspin-javascript" href="#133-what-is-thisnbspin-javascript" class="anchor"> </a> <a href="https://hackernoon.com/what-is-this-in-javascript-835o35kx">133. What is 'this’ in JavaScript?</a> </h3> <p><img src="https://cdn.hackernoon.com/images/Nv9z8Cle3QV673MG2frRypYu7br1-kw938rf.jpeg"/><br> ‘this’ is always been a pain in the a** for many JavaScript developers, but it’s time to say ‘I got this’.</p> <h3> <a name="134-rethinking-components-with-reactnbsphooks" href="#134-rethinking-components-with-reactnbsphooks" class="anchor"> </a> <a href="https://hackernoon.com/rethinking-components-with-react-hooks-bdec3yi2">134. Rethinking Components with React Hooks</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/rdgvghszo601lli3hkcu.png"/><br> React Hooks have been around since React 16.8 and remain as popular and in demand as ever. They have introduced a completely new way of handling components in React, which may lead you to reevaluate your approach to coding on a fundamental level. Having already been established as the most beloved front-end framework according to Stackoverflow popularity polls, React went above and beyond with the introduction of Hooks.</p> <h3> <a name="135-the-advantages-and-disadvantages-of-angular" href="#135-the-advantages-and-disadvantages-of-angular" class="anchor"> </a> <a href="https://hackernoon.com/how-to-start-in-angular-ir2w3uh2">135. The Advantages and Disadvantages of Angular</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/7fki57bse8bsyi0qng4n.png"/><br> When you need to create a Single Page Application, your first idea should be to search for the best framework to implement it. We have a lot of frameworks but 3 are very famous: Angular, React, and Vue.js. Today I will teach you about Angular, its advantages, disadvantages, and how you can start to learn it.</p> <h3> <a name="136-text-truncation-in-css-learn-single-and-multiple-line-truncation-with-ease" href="#136-text-truncation-in-css-learn-single-and-multiple-line-truncation-with-ease" class="anchor"> </a> <a href="https://hackernoon.com/text-truncation-in-css-learn-single-and-multiple-lines-with-ease">136. Text Truncation in CSS: Learn Single and Multiple Line Truncation with Ease</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/2ey1hd9boaa951bnd287.jpeg"/><br> Learn how to effectively truncate text using CSS for both single and multiple lines, perfect for managing long strings and maintaining clean layouts.</p> <h3> <a name="137-how-the-modern-web-test-automation-is-changing-our-lives" href="#137-how-the-modern-web-test-automation-is-changing-our-lives" class="anchor"> </a> <a href="https://hackernoon.com/how-the-modern-web-test-automation-is-changing-our-lives-ect34hk">137. How The Modern Web Test Automation Is Changing Our Lives </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/auwp95itmgjtz4uxqgla.jpeg"/><br> This article leaves you with the thought of the importance of imagining and implementing solutions to help the test automation world evolve swiftly.</p> <h3> <a name="138-how-to-use-clippath-css-property" href="#138-how-to-use-clippath-css-property" class="anchor"> </a> <a href="https://hackernoon.com/how-to-use-clip-path-css-property-z5213uc8">138. How to Use Clip-Path CSS Property </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/fqhuifglaiyq9nttmy4y.jpeg"/><br> I was given a task to replicate the newsweek website and I thought that would be a walk in the park until I started working on the project. My focus will be on the red/orange background of the header used on that website, as shown on the image above and how I was able to come up with the design using the clip-path property in CSS3. </p> <h3> <a name="139-an-anthology-of-flexbox-tools-and-tutorials-frontend-development" href="#139-an-anthology-of-flexbox-tools-and-tutorials-frontend-development" class="anchor"> </a> <a href="https://hackernoon.com/top-tutorials-to-learn-flexboxes-frontend-development-oi3zh30sp">139. An Anthology of Flexbox Tools and Tutorials (Frontend Development)</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/eshnpwkvwlb5772cd1vy.png"/><br> We have a lot of great tutorials and courses, related to flexboxes. </p> <h3> <a name="140-create-a-data-visualization-map-using-mapbox" href="#140-create-a-data-visualization-map-using-mapbox" class="anchor"> </a> <a href="https://hackernoon.com/create-a-data-visualization-map-using-mapbox-without-no-coding-xr40337m">140. Create A Data Visualization Map Using Mapbox</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ylhokjzx8wdze50nfkyr.jpeg"/><br> In this article, we make a map with a software called Mapbox in a few simple steps. This won't involve any coding at all!</p> <h3> <a name="141-7-ways-to-up-your-typescript-game" href="#141-7-ways-to-up-your-typescript-game" class="anchor"> </a> <a href="https://hackernoon.com/7-ways-to-up-your-typescript-game">141. 7 Ways to Up Your TypeScript Game</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/kcuzme2in83kyjcw0gs5.jpeg"/><br> Master TypeScript with essential features: unions, nullish coalescing, object typing, overload signatures & more!</p> <h3> <a name="142-stilljs-is-taking-vanilla-javascript-to-the-enterprise" href="#142-stilljs-is-taking-vanilla-javascript-to-the-enterprise" class="anchor"> </a> <a href="https://hackernoon.com/stilljs-is-taking-vanilla-javascript-to-the-enterprise">142. Still.js Is Taking Vanilla JavaScript to the Enterprise</a> </h3> <p><img src="https://cdn.hackernoon.com/images/l021GQRAFONHgi8sSqztth8pcvW2-11038yf.png"/><br> Still.js is a modern, open-source JavaScript framework designed for building enterprise-grade web applications without relying on bundlers or transpilers. </p> <h3> <a name="143-7-new-css-features-that-will-smoothen-your-web-development" href="#143-7-new-css-features-that-will-smoothen-your-web-development" class="anchor"> </a> <a href="https://hackernoon.com/7-new-css-features-that-will-smoothen-your-web-development">143. 7 New CSS Features That Will Smoothen Your Web Development</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/mwqw37yr15y8zwghzxfx.png"/><br> You all must be familiar with the importance of CSS. How is it an invertible part of web development? When a person decides to step ahead in web development, HT</p> <h3> <a name="144-the-ui-why-its-the-real-ai-agent-bottleneck" href="#144-the-ui-why-its-the-real-ai-agent-bottleneck" class="anchor"> </a> <a href="https://hackernoon.com/the-ui-why-its-the-real-ai-agent-bottleneck">144. The UI: Why It's the Real AI Agent Bottleneck</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/yiu3vo2zj4t8p44pe8oj.webp"/><br> We need to stop treating the UI as an afterthought. It’s a critical component for unlocking the value of AI agents in the enterprise. </p> <h3> <a name="145-five-days-into-vuejs-my-first-five5-takeaways" href="#145-five-days-into-vuejs-my-first-five5-takeaways" class="anchor"> </a> <a href="https://hackernoon.com/five-days-into-vuejs-my-first-five5-takeaways-0h1a3140">145. Five Days into Vue.JS: My First Five(5) Takeaways</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ylb7mwnnfetjgt97ze52.png"/><br> Getting Started with VueJS from ReactJS background, Learning Vue, Vue Fundamentals, My takeaway from VueJS in a Wee</p> <h3> <a name="146-a-first-look-into-conditional-when-and-else-statements-in-css" href="#146-a-first-look-into-conditional-when-and-else-statements-in-css" class="anchor"> </a> <a href="https://hackernoon.com/a-first-look-into-conditional-when-and-else-statements-in-css">146. A First Look into Conditional When and Else Statements in CSS</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/69ldfxi4okxgisptvwwb.jpeg"/></p> <h3> <a name="147-ai-didnt-replace-meit-supercharged-my-phpstorm-workflow" href="#147-ai-didnt-replace-meit-supercharged-my-phpstorm-workflow" class="anchor"> </a> <a href="https://hackernoon.com/ai-didnt-replace-meit-supercharged-my-phpstorm-workflow">147. AI Didn’t Replace Me—It Supercharged My Phpstorm Workflow</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/n9h17jsnmxtmqrdkijr2.jpeg"/><br> Discover how a frontend developer uses GitHub Copilot daily to code faster, debug smarter, and boost productivity without sacrificing control.</p> <h3> <a name="148-a-complete-introduction-to-tailwindcss" href="#148-a-complete-introduction-to-tailwindcss" class="anchor"> </a> <a href="https://hackernoon.com/a-complete-introduction-to-tailwindcss">148. A Complete Introduction to TailwindCSS</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/2ninfpkvzuaelhmp7vlt.jpeg"/><br> This blog discusses CSS prerequisites and use cases for Tailwind CSS. It is helpful for anyone who's getting started with Tailwind CSS.</p> <h3> <a name="149-the-7layer-blueprint-for-serving-securing-and-observing-ai-agents-at-scale" href="#149-the-7layer-blueprint-for-serving-securing-and-observing-ai-agents-at-scale" class="anchor"> </a> <a href="https://hackernoon.com/the-7-layer-blueprint-for-serving-securing-and-observing-ai-agents-at-scale">149. The 7-Layer Blueprint for Serving, Securing, and Observing AI Agents at Scale</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/plbg47n2wso7l566zwqm.png"/><br> From PoC to Factory: Deconstructing the 7-layer architecture of a production-grade AI Agent Platform for enterprise scalability and control.</p> <h3> <a name="150-introduction-to-css-lineheight-property" href="#150-introduction-to-css-lineheight-property" class="anchor"> </a> <a href="https://hackernoon.com/introduction-to-css-line-height-property-u9bu3yve">150. Introduction to CSS line-height Property</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/kcatv8nsyxzttpe1yuzh.jpg"/><br> The CSS property line-height defines the amount of space used for lines, most commonly in the text. </p> <h3> <a name="151-build-a-mini-photoshop-factory-in-python-gradio-cloud-run-ai" href="#151-build-a-mini-photoshop-factory-in-python-gradio-cloud-run-ai" class="anchor"> </a> <a href="https://hackernoon.com/build-a-mini-photoshop-factory-in-python-gradio-cloud-run-ai">151. Build a Mini “Photoshop Factory” in Python: Gradio + Cloud Run + AI</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/jy0kg7lk39bo1mo6834u.png"/><br> Streamline retail image editing with Combo Banana, a prototype automation tool built with Gradio, Nano Banana, and Google Cloud Run.</p> <h3> <a name="152-custom-logic-in-webflow-how-to-push-nocode-to-its-limits" href="#152-custom-logic-in-webflow-how-to-push-nocode-to-its-limits" class="anchor"> </a> <a href="https://hackernoon.com/custom-logic-in-webflow-how-to-push-no-code-to-its-limits">152. Custom Logic in Webflow: How to Push No-Code to Its Limits</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/j7e8gqnyazlj4tdcodgj.png"/><br> Discover how to extend Webflow’s no-code capabilities with custom logic, low-code integrations, and performance-first architecture.</p> <h3> <a name="153-creating-css3-animated-backgrounds-from-scratch" href="#153-creating-css3-animated-backgrounds-from-scratch" class="anchor"> </a> <a href="https://hackernoon.com/creating-css3-animated-backgrounds-from-scratch-od1d3ufi">153. Creating CSS3 Animated Backgrounds From Scratch</a> </h3> <p><img src="https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FwM76KhPDzWV6HgCIJJlL0XtqRju2-7ov3uhy.jpeg?alt=media&token=d7499399-3a33-4864-b95b-d88d1ce51adf"/><br> Use CSS Filter and Keyframes to Create Awesome Effects</p> <h3> <a name="154-building-mobile-responsive-websites-with-bootstrap" href="#154-building-mobile-responsive-websites-with-bootstrap" class="anchor"> </a> <a href="https://hackernoon.com/building-mobile-responsive-websites-with-bootstrap-ueu3uzc">154. Building Mobile Responsive Websites with Bootstrap</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/pbnxnj65fayrdoomxkaq.jpeg"/><br> We live in a fast-moving world which has moved past the known desktops and big-screen laptops to portable mobile devices. Gone are the days when websites were built for big-screen users. Now, they are built majorly for mobile users. This development, which is no longer new as it used to be has finally come to stay in our world. Developers must then keep pace with this reality in other to be relevant and to also serve their clients, and most importantly, the end-users well.</p> <h3> <a name="155-hacking-dependency-free-react-state-management" href="#155-hacking-dependency-free-react-state-management" class="anchor"> </a> <a href="https://hackernoon.com/hacking-dependency-free-react-state-management">155. Hacking Dependency Free React State Management </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/vqd61uwpfb7ncqfzjg34.png"/><br> How to create global state management in React applications without side dependencies and unnecessary rerendering</p> <h3> <a name="156-how-to-build-an-impressive-demo-project" href="#156-how-to-build-an-impressive-demo-project" class="anchor"> </a> <a href="https://hackernoon.com/how-to-build-an-impressive-demo-project">156. How to Build an Impressive Demo Project</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/5ps58imfrgp0za8pcy78.jpeg"/><br> Discover essential tips for creating an impactful demo project that effectively showcases your coding skills to potential employers. </p> <h3> <a name="157-how-to-implement-lazy-loading-images-and-videos-in-javascript" href="#157-how-to-implement-lazy-loading-images-and-videos-in-javascript" class="anchor"> </a> <a href="https://hackernoon.com/how-to-implement-lazy-loading-images-and-videos-in-javascript">157. How to Implement Lazy Loading Images and Videos in JavaScript</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/h6xuoh0qsshf8ug9xuol.png"/><br> Learn how to implement lazy loading for images and videos in JavaScript using the Intersection Observer API.</p> <h3> <a name="158-the-remote-work-fantasy-breaks-in-real-life" href="#158-the-remote-work-fantasy-breaks-in-real-life" class="anchor"> </a> <a href="https://hackernoon.com/the-remote-work-fantasy-breaks-in-real-life">158. The Remote Work Fantasy Breaks in Real Life</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/n3by372fot38801w3e5h.jpeg"/><br> I moved from Istanbul to LA and found the same Figma files waiting. Reflections on nomadic remote work, timezone pain, and why stability matters for design....</p> <h3> <a name="159-building-a-logo-creation-app-with-nextjs-shadcnui-and-lucide-react" href="#159-building-a-logo-creation-app-with-nextjs-shadcnui-and-lucide-react" class="anchor"> </a> <a href="https://hackernoon.com/building-a-logo-creation-app-with-nextjs-shadcnui-and-lucide-react">159. Building a Logo Creation App with Next.js, Shadcn/ui, and Lucide React</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/fcoyu0ldi0qh5e2fsuur.png"/><br> Learn how to build a customizable logo builder app with Next.js, shadcn/ui, html2canvas-pro, and Lucide Icons. Follow our step-by-step guide to create and perso</p> <h3> <a name="160-how-to-get-started-with-cssnbspflexbox" href="#160-how-to-get-started-with-cssnbspflexbox" class="anchor"> </a> <a href="https://hackernoon.com/how-to-get-started-with-css-flexbox-df3k341f">160. How to Get Started With CSS Flexbox</a> </h3> <p><img src="https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FX1pYO0x6T1PrjwoIczS45GxTZpy1-47d3wqa.jpeg?alt=media&token=1bb2d63b-90fa-4de4-ae1a-79638294ae08"/><br> This little introduction to CSS Flexbox should help you to get a first impression and give you some examples to play around with. From here you will be able to integrate this powerful framework into your own projects.</p> <h3> <a name="161-how-to-write-tests-for-react-part-2-beginners-guide" href="#161-how-to-write-tests-for-react-part-2-beginners-guide" class="anchor"> </a> <a href="https://hackernoon.com/how-to-write-tests-for-react-part-2-beginners-guide-me1i3usd">161. How to Write Tests for React - Part 2 [Beginner's Guide]</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/lmxbruvipanudpj29znf.webp"/><br> Writing React Test with React recommend libraries - Jest & Testing Library for React Intermediate users.</p> <h3> <a name="162-testing-a-react-app-with-jest-and-reacttestinglibrary" href="#162-testing-a-react-app-with-jest-and-reacttestinglibrary" class="anchor"> </a> <a href="https://hackernoon.com/testing-a-react-app-with-jest-and-react-testing-library">162. Testing a React App with Jest and react-testing-library</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/2a6z6rtfyr56vmabaunp.jpeg"/><br> How to test a React App, with Jest and react-testing-library</p> <h3> <a name="163-what-is-css-beginners-guide" href="#163-what-is-css-beginners-guide" class="anchor"> </a> <a href="https://hackernoon.com/what-is-css-beginners-guide-88433ymq">163. What is CSS [Beginners Guide]</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/f5qazddwjt9m372feovl.png"/><br> CSS is one of those things we see get thrown around but not really explained. If it does, we only get to scratch the technical surface. Over the years, CSS has grown from something that makes the web prettier into a tool that can be infused with user experience psychology and conversion inducing patterns. To add to it all, the differences in browsers and screen size requirements push CSS’ potential to be complex through requirements just a little bit further.</p> <h3> <a name="164-angular-signals-are-a-game-changer-how-theyre-a-great-fit-for-scalable-apps" href="#164-angular-signals-are-a-game-changer-how-theyre-a-great-fit-for-scalable-apps" class="anchor"> </a> <a href="https://hackernoon.com/angular-signals-are-a-game-changer-how-theyre-a-great-fit-for-scalable-apps">164. Angular Signals Are A Game Changer: How They're A Great Fit For Scalable Apps</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ktjrp4jfspsrfli0wpxy.png"/><br> Signals are a new concept in Angular that plays well with reactive programming and templates.</p> <h3> <a name="165-how-we-created-custom-react-components-for-any-front-end" href="#165-how-we-created-custom-react-components-for-any-front-end" class="anchor"> </a> <a href="https://hackernoon.com/how-we-created-custom-react-components-for-any-front-end">165. How We Created Custom React Components for Any Front End</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/2z10jbxke2aok2avc94g.jpeg"/><br> We created a lightweight solution using React that has a global state and runs independently in the background.</p> <h3> <a name="166-6-reasons-for-using-bootstrap-framework" href="#166-6-reasons-for-using-bootstrap-framework" class="anchor"> </a> <a href="https://hackernoon.com/6-reasons-for-using-bootstrap-framework-sa6624sj">166. 6 Reasons for Using Bootstrap Framework</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/c9jk35mjvo4g3g3pnmq0.png"/><br> Usually, when we are making a web page, we need to use the code that we created before in other projects. That means that we are going to redo the same features over and over again.</p> <h3> <a name="167-heres-why-polyglots-have-an-advantage" href="#167-heres-why-polyglots-have-an-advantage" class="anchor"> </a> <a href="https://hackernoon.com/heres-why-polyglots-have-an-advantage">167. Here's Why Polyglots Have an Advantage</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/4f1nuv4jxksotwobx51m.png"/><br> If your company needed a real-time service tomorrow, could you evaluate Go versus Node.js versus Elixir objectively? Or would you default to what you know?</p> <h3> <a name="168-how-to-use-adk-oauth-and-gemini-enterprise-to-power-up-your-agent-in-production" href="#168-how-to-use-adk-oauth-and-gemini-enterprise-to-power-up-your-agent-in-production" class="anchor"> </a> <a href="https://hackernoon.com/how-to-use-adk-oauth-and-gemini-enterprise-to-power-up-your-agent-in-production">168. How to Use ADK, OAuth, and Gemini Enterprise to Power Up Your Agent in Production</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/h2ga1232v2lf7ou3is5o.webp"/><br> The promise of AI agents is immense productivity gains. But putting them into production can be a tale of two extremes: surprisingly fast or painfully slow.</p> <h3> <a name="169-how-to-build-a-digital-collectibles-portal-using-flow-and-cadence-part-2" href="#169-how-to-build-a-digital-collectibles-portal-using-flow-and-cadence-part-2" class="anchor"> </a> <a href="https://hackernoon.com/how-to-build-a-digital-collectibles-portal-using-flow-and-cadence-part-2">169. How to Build a Digital Collectibles Portal Using Flow and Cadence (Part 2)</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/amcs6dcab0e336n7zf7o.jpeg"/><br> With a Collectibles portal on the Flow blockchain and deployed to the testnet we can now focus on creating the frontend using React.</p> <h3> <a name="170-how-to-start-with-css-displaying-basic-elements-in-html" href="#170-how-to-start-with-css-displaying-basic-elements-in-html" class="anchor"> </a> <a href="https://hackernoon.com/how-to-start-with-css-displaying-basic-elements-in-html-tz2t3y5j">170. How to Start With CSS Displaying Basic Elements in HTML</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/n6msbhrxy0zu5v984ld9.jpg"/><br> This article helps you to start in CSS3, explaining the basics of how to display elements in an HTML document.</p> <h3> <a name="171-replicating-the-diablo-4-website-using-react-vite-and-styled-components" href="#171-replicating-the-diablo-4-website-using-react-vite-and-styled-components" class="anchor"> </a> <a href="https://hackernoon.com/replicating-the-diablo-4-website-using-react-vite-and-styled-components">171. Replicating the Diablo 4 Website Using React, Vite, and Styled Components</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/epqqj3fzf2x7yd7nhhzq.jpeg"/><br> Embark on a web development journey as we replicate the UI and functionality of Diablo 4's website using React, Vite, and Styled Components. </p> <h3> <a name="172-react-and-the-useref-hook" href="#172-react-and-the-useref-hook" class="anchor"> </a> <a href="https://hackernoon.com/react-and-the-useref-hook">172. React and the useRef Hook</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/cgepwv9dka4z1px8x2kg.jpeg"/><br> Using React refs in reactjs.</p> <h3> <a name="173-escaping-the-jquery-trap-how-django-6-partials-let-you-delete-your-frontend-code" href="#173-escaping-the-jquery-trap-how-django-6-partials-let-you-delete-your-frontend-code" class="anchor"> </a> <a href="https://hackernoon.com/escaping-the-jquery-trap-how-django-6-partials-let-you-delete-your-frontend-code">173. Escaping the jQuery Trap: How Django 6 Partials Let You Delete Your Frontend Code</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/fhcjla4m557agpw0m3st.jpeg"/><br> Struggling with 25k-line Django templates? See how Django 6 inline partials & HTMX replace complex JS trickery with clean, modular, & scalable server-side code.</p> <h3> <a name="174-learn-the-basics-of-angular-cdk-overlay-angular-modals-and-popups" href="#174-learn-the-basics-of-angular-cdk-overlay-angular-modals-and-popups" class="anchor"> </a> <a href="https://hackernoon.com/learn-the-basics-of-angular-cdk-overlay-angular-modals-and-pop-ups">174. Learn the Basics of Angular CDK Overlay: Angular Modals and Pop-ups</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ao6lzurjktut5ezzvuiw.jpeg"/><br> Master Angular modals and pop-ups using CDK Overlay, enabling the creation of globally positioned overlays and dynamically positioned pop-ups.</p> <h3> <a name="175-the-frontend-is-gross-why-ive-always-preferred-the-backend" href="#175-the-frontend-is-gross-why-ive-always-preferred-the-backend" class="anchor"> </a> <a href="https://hackernoon.com/the-frontend-is-gross-why-ive-always-preferred-the-backend">175. The Frontend is Gross: Why I've Always Preferred the Backend</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/u0ii3cj9t97ayea7ke6y.jpeg"/><br> 6 reasons why I prefer backend development to frontend development. </p> <h3> <a name="176-html-for-beginners-basics-to-start-from" href="#176-html-for-beginners-basics-to-start-from" class="anchor"> </a> <a href="https://hackernoon.com/what-is-html-understanding-the-basics-mjr3287">176. HTML for Beginners: Basics to Start From</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/vlpkxoii92zjrfmqfz35.jpeg"/><br> In this article, we’re going to dive into the basics of HTML. We’ll explain what it is and what are the 3 basic components to create an HTML. Let’s go!</p> <h3> <a name="177-ai-cant-automate-designtocode-so-dont-quit-learning-to-code-just-yet" href="#177-ai-cant-automate-designtocode-so-dont-quit-learning-to-code-just-yet" class="anchor"> </a> <a href="https://hackernoon.com/ai-cant-automate-design-to-code-so-dont-quit-learning-to-code-just-yet">177. AI Can't Automate Design-to-Code, so Don't Quit Learning to Code Just Yet!</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/7v31rmjgbl1lr7hreeki.png"/><br> Can AI fully automate design-to-code? We explore the progress, pitfalls, and why developers still play a critical role in building real software.</p> <h3> <a name="178-your-first-10-days-in-frontend-development-with-30-html-tags-and-practice-exercises" href="#178-your-first-10-days-in-frontend-development-with-30-html-tags-and-practice-exercises" class="anchor"> </a> <a href="https://hackernoon.com/your-first-10-days-in-frontend-development-with-30-html-tags-and-practice-exercises">178. Your First 10 Days In Frontend Development: With 30 HTML tags and Practice Exercises</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/9qk3fz46ezuqx1qma6vi.jpeg"/><br> Welcome to the first 10 days of the ultimate frontend challenge with me. This article details what to expect in your first ten days of front-end development. </p> <h3> <a name="179-lets-make-a-pie-by-using-css-gradients" href="#179-lets-make-a-pie-by-using-css-gradients" class="anchor"> </a> <a href="https://hackernoon.com/lets-make-a-pie-by-using-css-gradients-24583vvz">179. Let’s Make a Pie By Using CSS Gradients</a> </h3> <p><img src="https://cdn.hackernoon.com/images/JlTIrMpElobIVgXr6ASnbGTvzRo1-2026-08-02T13:59:59.111Z-u67h3palihg4ri1qioytnnj2"/><br> Nowadays, web pages use CSS and CSS provides a lot of chances to make different things. Gradients and a pie done by using gradients are some example of them.</p> <h3> <a name="180-3-basic-principles-you-must-know-before-using-redux" href="#180-3-basic-principles-you-must-know-before-using-redux" class="anchor"> </a> <a href="https://hackernoon.com/3-basic-principles-you-must-know-before-using-redux-es6o3y1c">180. 3 Basic Principles You MUST Know Before Using Redux</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/yvudaedy18dge4suuz78.jpg"/></p> <h3> <a name="181-interview-with-ajdin-imsirovic-on-angular-and-frontend-web-development" href="#181-interview-with-ajdin-imsirovic-on-angular-and-frontend-web-development" class="anchor"> </a> <a href="https://hackernoon.com/interview-with-ajdin-imsirovic-on-angular-and-frontend-web-development-4v2u32jp">181. Interview with Ajdin Imsirovic on Angular and Frontend Web Development</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/z9s815x2vrlueu9oi8io.jpg"/><br> Today I'm pleased to interview Ajdin Imsirovic, senior developer, author and teacher of two brand new Angular courses on Learnetto - The Free Visual Guide to Getting Started with Angular and The Complete Practical Angular Course.</p> <h3> <a name="182-alpha-transparency-in-css-custom-properties" href="#182-alpha-transparency-in-css-custom-properties" class="anchor"> </a> <a href="https://hackernoon.com/alpha-transparency-in-css-using-custom-properties">182. Alpha Transparency in CSS Custom Properties</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/pk31xvcdlbvno19fsrjj.jpeg"/><br> Learn how to use alpha transparency in CSS using custom properties—masterfully control colors and themes easily.</p> <h3> <a name="183-building-7-apps-at-once-with-adhd-nearly-broke-my-solo-founder-brain" href="#183-building-7-apps-at-once-with-adhd-nearly-broke-my-solo-founder-brain" class="anchor"> </a> <a href="https://hackernoon.com/building-7-apps-at-once-with-adhd-nearly-broke-my-solo-founder-brain">183. Building 7 Apps at Once With ADHD Nearly Broke My Solo Founder Brain</a> </h3> <p><img src="https://cdn.hackernoon.com/images/JlTIrMpElobIVgXr6ASnbGTvzRo1-2026-08-02T13:59:59.107Z-lwi66idhanrn4pt6qfy19b1n"/><br> What it actually looks like to run 7 simultaneous projects solo with ADHD - the failures, the systems that survived, and why I'll never take a cofounder....</p> <h3> <a name="184-how-elements-positioned-and-behave-on-the-web-page" href="#184-how-elements-positioned-and-behave-on-the-web-page" class="anchor"> </a> <a href="https://hackernoon.com/how-elements-positioned-and-behave-on-the-web-page-cj6b3wbd">184. How Elements Positioned and Behave on the Web Page</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/z4qrp1o2wieodewbnxcl.jpg"/><br> It is interesting to everyone who started his journey in web development positioning element through in single display with tons of properties. It comes a time that all elements start behaving itself not in a way we want. </p> <h3> <a name="185-how-the-parts-fit-together-in-web-development-a-guide-for-beginners" href="#185-how-the-parts-fit-together-in-web-development-a-guide-for-beginners" class="anchor"> </a> <a href="https://hackernoon.com/how-the-parts-fit-together-in-web-development-a-guide-for-beginners">185. How the Parts Fit Together in Web Development: A Guide for Beginners</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/5f69a5k83wfwfx7eny3b.jpeg"/><br> Web development includes client-side scripting, server-side scripting, server and network security setup, e-commerce development, and content management system </p> <h3> <a name="186-why-i-think-vuejs-is-exciting-with-noonies-nominee-rushikesh-mhetre" href="#186-why-i-think-vuejs-is-exciting-with-noonies-nominee-rushikesh-mhetre" class="anchor"> </a> <a href="https://hackernoon.com/why-i-think-vuejs-is-exciting-with-noonies-nominee-rushikesh-mhetre">186. Why I Think VueJS Is Exciting with Noonies Nominee Rushikesh Mhetre</a> </h3> <p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cr7bbruuh9rvu2njxvhl.jpeg"/><br> How I became the best at what I do</p> <h3> <a name="187-how-to-include-bootstrap-in-your-next-web-development-project" href="#187-how-to-include-bootstrap-in-your-next-web-development-project" class="anchor"> </a> <a href="https://hackernoon.com/how-to-include-bootstrap-in-your-next-web-development-project-gx3g3y74">187. How to Include Bootstrap in Your Next Web Development Project</a> </h3> <p><img src="https://cdn.hackernoon.com/images/JlTIrMpElobIVgXr6ASnbGTvzRo1-2026-08-02T13:59:59.066Z-amoppc3xq2dqxh3w6hmemrj5"/><br> First of all, web development is an interesting discipline because things are always changing, evolving, and improving. But, as a beginner to front end web development, the constant change could be a barrier to your learning and motivation. </p> <h3> <a name="188-how-i-built-a-personal-assistant-using-google-cloud-and-vertex-ai-maidai" href="#188-how-i-built-a-personal-assistant-using-google-cloud-and-vertex-ai-maidai" class="anchor"> </a> <a href="https://hackernoon.com/how-i-built-a-personal-assistant-using-google-cloud-and-vertex-ai-maidai">188. How I Built a Personal Assistant Using Google Cloud and Vertex AI: mAIdAI</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/uj7412ow6ommnzedcxzc.png"/><br> I realized I needed something different. Not another generic team bot, but a Personal AI Assistant — one that knows my specific context, my preferred shortcuts</p> <h3> <a name="189-nexio-earns-a-43-proof-of-usefulness-score-by-building-frameworkfree-ui-components" href="#189-nexio-earns-a-43-proof-of-usefulness-score-by-building-frameworkfree-ui-components" class="anchor"> </a> <a href="https://hackernoon.com/nexio-earns-a-43-proof-of-usefulness-score-by-building-framework-free-ui-components">189. Nexio Earns a 43 Proof of Usefulness Score by Building Framework-Free UI Components</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/wkbpl856hjq05gw2nt17.png"/><br> Nexio scores 43 on Proof of Usefulness, offering framework-free UI components built with pure HTML, CSS, and JavaScript.</p> <h3> <a name="190-give-your-ai-coding-assistant-a-domain-expert-brain-in-30-seconds" href="#190-give-your-ai-coding-assistant-a-domain-expert-brain-in-30-seconds" class="anchor"> </a> <a href="https://hackernoon.com/give-your-ai-coding-assistant-a-domain-expert-brain-in-30-seconds">190. Give Your AI Coding Assistant a Domain Expert Brain in 30 Seconds</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ng1050fo2e5sahohsomd.png"/><br> A free, open-source collection of 38 role-based AI persona packs for Claude Code, Cursor, and VS Code. </p> <h3> <a name="191-how-to-use-the-angular-cdk-viewport-ruler-for-responsive-apps" href="#191-how-to-use-the-angular-cdk-viewport-ruler-for-responsive-apps" class="anchor"> </a> <a href="https://hackernoon.com/how-to-use-the-angular-cdk-viewport-ruler-for-responsive-apps">191. How to Use the Angular CDK Viewport Ruler for Responsive Apps</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/bdbnj7lgwdek6y725fuu.jpeg"/><br> Learn responsive app behavior effortlessly in Angular with the CDK Viewport Ruler—never miss a viewport resize event again!</p> <h3> <a name="192-dns-resolution-optimization-tools-and-opportunities" href="#192-dns-resolution-optimization-tools-and-opportunities" class="anchor"> </a> <a href="https://hackernoon.com/dns-resolution-optimization-tools-and-opportunities-yb233zpi">192. DNS Resolution: Optimization Tools and Opportunities</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/z3hcj3nydiiu3qzbhmmc.jpeg"/><br> DNS resolution is the first thing that happens when a request is made to a remote server. It is a process of finding the computer-friendly address of the remote server using a human-friendly domain name.</p> <h3> <a name="193-how-to-create-a-good-markup" href="#193-how-to-create-a-good-markup" class="anchor"> </a> <a href="https://hackernoon.com/how-to-create-a-good-markup-fln3tgs">193. How To Create a Good Markup</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ukwna4qeot3r9905nrem.jpeg"/><br> There is a myth that the easiest thing about web development is building a web-page layout. Based on this, some developers decide not to waste time on learning a competent approach to layout. And it’s in vain. There are many ambiguous moments in the layout, which are worth paying attention to.</p> <h3> <a name="194-the-role-of-frontend-development-in-website-design" href="#194-the-role-of-frontend-development-in-website-design" class="anchor"> </a> <a href="https://hackernoon.com/the-role-of-front-end-development-in-website-design-pi4637c3">194. The Role of Front-End Development in Website Design</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/9c77c2o74zh088s4p0vm.jpeg"/><br> A bad front-end development will affect your business, as well as your customer base. The first impression of a website is key.</p> <h3> <a name="195-specifying-a-node-version-in-netlify-builds" href="#195-specifying-a-node-version-in-netlify-builds" class="anchor"> </a> <a href="https://hackernoon.com/specifying-a-node-version-in-netlify-builds">195. Specifying a Node Version in Netlify Builds</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ij7wmsmqmorestqzmvgk.png"/><br> Often, I need to 'tell' Netlify the Node version for my sites, and often I can't find the correct docs for this. Here's a potential solution, if you can relate.</p> <h3> <a name="196-building-order-from-a-startup-mess" href="#196-building-order-from-a-startup-mess" class="anchor"> </a> <a href="https://hackernoon.com/building-order-from-a-startup-mess">196. Building Order From a Startup Mess</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/ayu9t7lg3deh31hj52fe.jpeg"/><br> Six months into my first startup role, I rebuilt VALK's product from an engineer-built MVP. Here's what went wrong and what actually worked....</p> <h3> <a name="197-why-paid-commercial-web-accessibility-plugins-is-better-than-free-plugins" href="#197-why-paid-commercial-web-accessibility-plugins-is-better-than-free-plugins" class="anchor"> </a> <a href="https://hackernoon.com/why-paid-commercial-web-accessibility-plugins-is-better-than-free-plugins-klk3uuo">197. Why Paid Commercial Web Accessibility Plugins Is Better Than Free Plugins</a> </h3> <p><img src="https://cdn.hackernoon.com/images/JlTIrMpElobIVgXr6ASnbGTvzRo1-2026-08-02T13:59:59.058Z-pasmgnbgpyatthzl6wtii3kq"/><br> Building website these is one thing, building an accessible and useable website is another thing entirely as it requires some expertise and use of accessibility tools.</p> <h3> <a name="198-how-to-build-proffesional-websites-using-flexbox" href="#198-how-to-build-proffesional-websites-using-flexbox" class="anchor"> </a> <a href="https://hackernoon.com/how-to-build-proffesional-websites-using-flexbox-x03o3yw0">198. How to Build Proffesional Websites Using Flexbox </a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/opr5y5ncc2s52snxhtkc.jpg"/></p> <h3> <a name="199-my-acquaintance-with-flexboxes-and-css-grid" href="#199-my-acquaintance-with-flexboxes-and-css-grid" class="anchor"> </a> <a href="https://hackernoon.com/my-acquaintance-with-flexboxes-and-css-grid-h2ww3yr0">199. My Acquaintance with Flexboxes and CSS Grid</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/xp6re2ys272adyp9t57j.png"/><br> Until recently, I was only browsing the site as a user. Yes, of course, I noticed that the appearance of the pages of sites that I view on the Internet changes over time.</p> <h3> <a name="200-the-real-cost-of-whitelabel-ux" href="#200-the-real-cost-of-whitelabel-ux" class="anchor"> </a> <a href="https://hackernoon.com/the-real-cost-of-white-label-ux">200. The Real Cost of White-Label UX</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/9skeybcnzmfo8ugqwltk.jpeg"/><br> What breaks when your fintech design system grows from 7 clients to 70+ institutions fast - tokens, variants, documentation, and saying no....</p> <h3> <a name="201-the-real-cost-of-the-adhd-generalist-life" href="#201-the-real-cost-of-the-adhd-generalist-life" class="anchor"> </a> <a href="https://hackernoon.com/the-real-cost-of-the-adhd-generalist-life">201. The Real Cost of the ADHD Generalist Life</a> </h3> <p><img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/mt9bd8hzthpkshsyeyx6.jpeg"/><br> What 17 years of ADHD hyperfocus taught me about hobbies, careers, identity, and why some interests actually stick.</p> <h3> <a name="202-the-noonification-ip-geolocation-tools-for-beginners-4242023" href="#202-the-noonification-ip-geolocation-tools-for-beginners-4242023" class="anchor"> </a> <a href="https://hackernoon.com/4-24-2023-noonification">202. The Noonification: IP Geolocation Tools for Beginners (4/24/2023)</a> </h3> <p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pn4k0p2c0rnc2a962zaf.gif"/><br> 4/24/2023: Top 5 stories on the Hackernoon homepage!</p> <h3> <a name="thank-you-for-checking-out-the-202-most-read-blog-posts-about-frontend-development-on-hackernoon" href="#thank-you-for-checking-out-the-202-most-read-blog-posts-about-frontend-development-on-hackernoon" class="anchor"> </a> Thank you for checking out the 202 most read blog posts about <a href="https://hackernoon.com/tagged/frontend-development">Frontend Development</a> on <a href="https://hackernoon.com/">HackerNoon</a>. </h3> <p><a href="https://github.com/hackernoon/learn?ref=hackernoon.com">Visit the /Learn Repo</a> to find the most read blog posts about any technology.</p> <hr> <p><em>Originally published on <a href="https://hackernoon.com/202-blog-posts-to-learn-about-frontend-development">HackerNoon</a>.</em></p>

426 Blog Posts To Learn About Front End Development

LearnRepo — Sun, 02 Aug 2026 07:00:46 +0000

Let's learn about Front End Development via these 426 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.

The same old HTML, CSS, and Javascript.

1. Creating a Library of React Components using Create React App

UPDATE: You can use the npm package create-component-lib to automate all the steps described in this blog post.

2. My Top 13 JavaScript Diagram Libraries

Nowadays, the amount of data grows exponentially, and the more information we see, the more painstaking and time-consuming it gets to analyze it. With the advent of big data, the business world faced the necessity to shift from traditional Excel spreadsheets to more effective ways of data visualization – colorful and interactive diagrams, charts, dashboards, maps. Thanks to modern data visualization tools, people can spend less time and effort on grasping difficult concepts or identifying new patterns, thus making a significant contribution to more effective decision making.

3. How to Build a QR Code Generator in React

The idea behind creating a quick response (QR) code generator is to translate data from images to text. A QR code is simply the representation of image data as text, and it has a lot of useful applications from restaurant menus and concert tickets, to online calendar invites, payments, and the list goes on.

4. Choosing Between Front-End, Back-End & Full Stack Developers

Hire a team of front-end and back-end developers or full-stack developers at Systango.

5. Function Composition with Lodash

6. 4 techniques for responsive font sizing with SCSS

Before reading on, you need to know what these things are:

7. The Best Practices for Front-End Development

The Best Practices for Front-End Development

8. Effective Code Splitting in React: A Practical Guide

Large bundle sizes and slow startup is a common problem faced by single-page applications (SPAs), since they typically download all the JavaScript required for every single page of the application right at the start, before rendering a single pixel.

9. 7 FrontEnd JavaScript Trends and Tools You Should Know for 2020

The JavaScript world is moving fast.

10. From Zero to Web3 Hero: Building a Multichain Dapp from Scratch

What if we told you that a developer without blockchain knowledge can create a multichain dApp in a couple of minutes? Let’s explore how it's possible!

11. Setting up a GraphQL Server and Client in Next.js

This tutorial will explore how to create a GraphQL server and client with Next.js to provide a more efficient and flexible development experience for our users.

12. How Backend-Driven UI Cuts Time to Market

Discover how vital hacking Time to Market (TTM) is in mobile app success and explore the innovative approach of Backend-Driven UI (BD UI) to shorten TTM.

13. Front-End Developers And Designers: Bridging The Void

I’ve come quite a long way as a web developer and happened to work in different teams and with different designers. Regardless of the number of people and type

14. Top 10 JavaScript Charting Libraries for Every Data Visualization Need

There're numerous JavaScript charting libraries. To make your life easier, I decided to share my picks. Check out the best JS libraries for creating web charts!

15. 32 Awesome JavaScript Snippets (one-liners) You Should Use in 2023

I'd like to share some useful JavaScript stuff I have saved

16. The Evolution of Web Interfaces: Balancing Aesthetics and Functionality in Frontend Development

A good interface in 2024 is a world apart from that of the early days of the internet.

17. "If You Have a Goal, You Can Reach it" Nominee Nominee Yan Tsishko

Yan Tsishko is a chief software engineer at Oxagile. He believes Javascript/TypeScript is the most exciting technology & that frontend is the future of tech.

18. Build a Single Page Web3 App with Vue 3, Vite and Pinia

A complete how-to guide on creating, testing, and deploying an example bookstore application with Vue 3, Vite, Pinia, Nightwatch

19. How to Build a Search Bar in React with React Hooks

Below is a small gif of what we will be building. A simple search box that allows us search through a contact list. We would be using functional components rather than class based components to achieve this.

20. 4 Reasons Why React JS Has Taken Over the Front End Web Development

React.Js has taken the role of a standard resource in front-end development and here are some of the reasons why the language has done so well recently.

21. How to Make a Silky Smooth Scroll in React

Have you ever been working on a project and wanted to scroll smoothly through your app?

22. Using React Router v6 for Private and Public Routes with Access Validation

In essence, React Router is a routing library designed for React-based web applications. Its main purpose is to facilitate navigation between components or view

23. A Guide to Angular Signals With Practical Use Cases (Part 1)

Part 1: A detailed exploration of Angular Signals, touching on three use cases and their practical applications.

24. How to Style Horizontal Rules in CSS: Styling the hr Tag

There are a few simple tricks you can use to make your content stand out from the pack.

25. How I used Stack Overflow & GitHub to get dream job before 19 without degree

Hey, my name’s Daniel, I’m 18. I have no degree in IT. I’ve just written my mature exams. I have two dream, very well paid jobs. I’m full-time front-end developer and part-time remote Ember.js consultant.

26. What's The Right Way to Fetch Data in React Hooks? [A Deep Dive]

The React Hooks docs has a FAQ entry: “How can I do data fetching with Hooks?” where they link to this well written and detailed article by Robin Wieruch. There is however a shortcoming in that approach which affects correctness is some important situations.

27. How to Build a Shopping Cart with Next.js and Zustand: State Management with TypeScript

Learn how to manage a React global state with Zustand and TypeScript. Practical guide and code samples. Persist global state in localStorage.

28. It's Hard to Create a PWA With Next.js: But Why?

Discover the challenges of creating PWAs with Next.js, the powerful next-pwa plugin, and the exciting future with the @imbios/next-pwa package.

29. Creating an Accordion With Vue.js: A Step-by-Step Tutorial

In this article, we will be creating an accordion with vue.js. It is used mostly for expandable FAQ sections in websites.

30. Winning "Contributor of the Year 2022 - React.js" is an Honor

Winning the title is a testament to the hard work and dedication I have put into learning and improving my skills as a React developer.

31. How to Simulate a Backend REST API with json-server for CRUD Development in React

Simulate a backend REST API for React development with json-server. Set up a fake REST API to prototype and mock frontend application.

32. Using React and Typescript to Create Reusable and Customizable Modals

Create reusable and customizable modals with React and TypeScript. Learn how to make a complete modal with React Portals and styled-components.

33. Top 9 Tips to Improve React Performance

These 9 tips will help you improve the performance of your React code so that you can make the most out of your software and maximize what you are capable of.

34. How to Deploy a React App to GitHub Pages

This article outlines how to smoothly deploy a React App through Github while avoiding common problems that such a process is likely to cause for you.

35. Migration From Karma/Jasmine to Jest - Why, When, and the Results

How to migrate your Karma/Jasmine project setup to Jest?

36. When and How to Use useMemo in React

In this article, you will be able to learn what useMemo it and how to use it effectively

37. Getting Started Building a Svelte App with SvelteKit

38. Integrating a Contact Form with EmailJS in React

In this tutorial, you’ll learn how to connect a front-end library, React, with EmailJS to receive user messages on your website or mobile applications

39. Alternatives to Create React App

I see a lot of discussion around CRA being outdated and we should replace it with Vite. This blog discusses CRA's problems and alternatives we can use.

40. 10 Cool Angular Material Admin Dashboard Templates

Speaking about frameworks for making web applications, we must consider worldwide known Angular, which goes in two different versions — Angular or AngularJS.

41. Which Framework Must You Implement for Your Next Project? (Next Js VS React)

React and Next JS are effective JavaScript frameworks for developing web applications and websites. These frameworks are used by a large community of developers all over the world. Both are open-source projects for developing powerful and interactive web applications, but which should you use? If you are perplexed by the question of Next JS vs React, this blog will be of assistance.

42. Top 5 Boilerplate Admin Templates With Node.js Backend

More and more developers are currently deciding to boost their workflow, minimize unnecessary tasks, and structure their virtual desks through admin panels with Node.js backend.

43. When and Where to Use REM and EM Units in Web Design?

Get clarity on using REM or EM in web design. This guide explains the differences and helps you choose the best unit for your project's needs.

44. Implementing Social Login for a React and Backend App

Implementing Social Login: A Step-by-Step Guide in React with Typescript. How to add Github and Google login for users and taking advantage of the social netwo

45. How to Build a React Component Library From Scratch

A component library is one of the coolest things a web developer can make, but if you don't know how to make one, let me guide you a bit.

46. Animating Line Charts With D3.js

Chart animations, which will make your application shine.

47. An Easier Way to Authenticate Users in E2E Tests

There are many cases in which you may need your tests to act on behalf of an authenticated user. For instance, if your Web application provides special functionality for authorized users, you will need your test to authenticate.

48. Course Review - The Complete Web Developer in 2023: Zero to Mastery

Are you someone who would like to learn Web Development, but don’t know where to start? Well, you are in the right place.

49. Autocomplete Search Component With React and TypeScript

Autocomplete Search Component With React and TypeScript

50. 7 React Admin Dashboard Templates For Your Next Project

51. Using React to Take Advantage of Markdown and Adding Functionalities to Code Blocks

Build a tutorial blog with React and Markdown. Enhance your blog's user experience with syntax highlighting, dark mode and copy to clipboard functionality.

52. The Magic of Component-based Frontend Development

53. 4 Ways to Add Icons from Figma to Your Website

Discover the most effective methods for adding icons from Figma to your website with detailed explanations and practical examples.

54. How to Create a Google Chrome Extension: Image Grabber

Create Google Chrome extension from scratch

55. Cool CSS Variable Tricks To Try

In this article, we will consider several interesting hacks that allow you to use custom properties for what would seem impossible without preprocessors or JS.

56. How to Send Email Verification in Next.js 14 With NextAuth.js, Resend, and React Email

How to implement secure email verification in Next.js 14 using NextAuth.js, Resend, and React Email. Enhance your web application's security and user experience

57. Implementing i18n in Next.js: A Guide to Non-Route-Based Localization

Next.js: A Guide to Non-Route-Based Localization

58. How to Fetch API Data With RTK (Redux-Toolkit)

Learn how to fetch data with Redux toolkit.

59. A Design System Architecture: What You Need to Know

How a design system can serves as a cohesive language bridging the gap between design and front-end development.

60. 4 Options to Add a Custom Theme for Frontend Applications

Take a closer look at various options for how we can allow users to choose from various themes, as well as customize them for their needs.

61. 7 VS Code Extensions for Frontend Developers

As a developer, you’re always looking for cutting-edge tools, tricks, and extensions. Here are 7 tools that'll improve your productivity and efficiency.

62. Choosing the Best JS Framework: Insights From Building the Same App 6 Times

I never know which frontend framework is my favorite. So, I put them all to the test by building a simple to-do app with 6 different frameworks.

63. A Guide to Building an Image Generator with React and OpenAI

This guide has discussed the steps involved in building an image generator with React and OpenAI.

64. Creating a Custom Hook for Fetching Asynchronus Data: useAsync Hook with Cache

We can create a custom hook that will be used to handle all asynchronous data fetching and updating the state updating.

65. How to Bring Live-Reloading Back to a Django And React Project

66. How to Improve Website and Rendering Speed with JavaScript Code Optimization

Poorly written code will surely slow down your website loading speed. To enhance the website's performance, let's consider JavaScript code optimization tactics.

67. Creating Beautiful Documentation Website For Your JavaScript Project

68. How to Create a Modern Skeleton Loader in React to Improve User Experience

Improve user experience with a skeleton loader in React. Mimic page layout with placeholder boxes for text and images while actual content loads.

69. Hooked on React Hooks — useState

Hooked on React Hooks — useStateSo what’s all the rage with React hooks? I’ve been exploring it for the past few months and lets just say I really believe that this is what React has needed to surmount its position as the top front end framework.

70. 10 Reasons Why Front End Development Is a Great Career Choice

As the world becomes increasingly digitized, the demand for front-end developers is only going to increase.

71. How to Upload an Image From React to the Rails API Using React-hook-form and Context API

After reading this article, you should be able to create a React UI that allows you to use react-hook-form to upload an image to an API endpoint.

72. Splitting Angular Applications Into Micro Front-Ends

The alternative approach of designing huge applications.

73. How To Master CSS Positioning Fundamentals?

It is the received wisdom among software developers, as anyone who has so much as had a conversation with one can testify, that the best way to make progress in learning to programme is to “learn by doing”. I am not here to contest that.

74. How to Build a User Management Solution with ORY Oathkeeper and Auth0

Building a user management solution using ORY Oathkeeper and Auth0.

75. HTML Structure and the Importance of Elements as Containers

Probably the most important concept you can learn about HTML is its structure in the form of containers.

76. It’s 2023, But We Still Need to Talk About Nested Styles in CSS

Why don't I need to use nested css styles in my product and why is it a bad practice.

77. How To Serve a Vite + Vue3 Page Inside a Sub-folder

Using Vue3 and Vite page inside of sub-folders.

78. How to Deploy a React App to Heroku in 5 Minutes in 5 Easy Steps

Deployment of a React app on Heroku is a way of hosting an application on a server, and the server provides everything to keep the app live on the internet

79. Why SaaS Pricing Pages Fail

A feature on the table and then locking it behind ‘upgrade to unlock’ two days later is a hostage situation.

80. Efficient State Management in JavaScript Apps with Statemanjs

Statemanjs is a powerful, efficient state management library for JavaScript and Node.js.

81. 13 Angular App Optimization Tips for Frontend Developers

82. 10 Best Coding Challenge Sites For Beginners

Coding challenge websites are a great step to take after you learn one language. These will challenge your understanding of your language to deepen it further.

83. jquery: Is Still Relevant or Is It a Product of the Past?

Learning it will not hurt you, but introducing it into a project can raise a few eyebrows. For greenfield projects, it makes sense to default to vanilla JS.

84. Review of 12 Online Code Editors for Web Developers

Some online code editors have basic features similar to text editors while others complete Integrated Development Environments (IDEs). We review both.

85. 302 Stories To Learn About Front End Development

Learn everything you need to know about Front End Development via these 302 free HackerNoon stories.

86. The Best AI Assistants for Frontend Developers That Will Change the Way You Code

These AI assistants will take your frontend game to another level.

87. Gatsby.js vs. Next.js: The Best React Framework and Its Use Cases

Gatsby.js vs. Next.js: Gatsby.js is better for static websites, while Next.js is better for dynamic or hybrid multi-user websites.

88. How To Debug JSON Web Tokens (JWTs)

So many modern web applications, both client-side and server-side, use JSON Web Tokens (JWTs) for authentication, and this is an excellent approach. However when things don't work, it can be tricky to work out why. This post aims to give you some tactics for understanding and correcting problems with JWTs. If you're just getting started, check out the documentation on working with JWTs and our APIs first.

89. How to Take a Photo in Your Browser with JavaScript

Modern browsers are more powerful than ever before. We can do many things in the browser with JavaScript now, we'll capture images in the browser with js.

90. How to Upload Files With JavaScript

This is the second post in a series about uploading files for the web. In this post, we use JavaScript to create the file upload request.

91. 5 Great JavaScript Projects to Code During Quarantine

We’re only three months into the new decade and we’ve already had the threat of WW3, Australia being on fire, and an outbreak of a new Coronavirus. Surprisingly, it’s the latter that has forced many people to isolate themselves at home.

92. 4 Automated End to End Testing Solutions Compared

Time to add some end to end tests for your next application.

93. Building Your Own Custom Pipable RxJS Operator

RxJS helps in asynchronous JavaScript with observables. This guide covers basic to custom operators, emphasizing robustness and testing.

94. How to Setup Tailwind CSS Framework with React

95. How We Build a Reusable Front-end Development Project Using Webpack and Tailwind CSS

One of the areas that a web developer will spend the most time learning is a build system or process to streamline their directory own local development process. When I first started working with task runners I was using Grunt to automate tasks, such as compiling Sass, bundling JavaScript, and optimizing images. However, what amazed me was that all the same tasks that I ran locally to develop could be run before deploying to a production website using a Git repository.

96. Building Engaging Real-Time Data Visualizations In React With Highcharts

Learn to create real-time charts in React with Highcharts and WebSocket. Includes setup guide, code examples, and GitHub repo for quick experimentation.

97. Heatmap Visualization With Deck.gl

Heatmaps are a very popular type of geo data visualization that are commonly used to display large amounts of location-based data.

98. How to Build System Documentation with VuePress

Creating good documentation is essential for every product a company builds, for its users to solve specific problems they might encounter. System documentation

99. Run, JavaScript, Run

JavaScript runs the world (at least the virtual part), but what runs JavaScript? That's exactly the question we are going to answer!

100. How to Build Infinite Scrolling in Laravel: A Dev Guide

Optimize infinite scrolling in Laravel with step-by-step instructions for a seamless user experience.

101. AVIF Is the Next-Gen Image Format You Will Hear a Lot More About

The AVIF Format is the next-gen image format based on the AV1 video encoding format, that reduces file size, while improving #CoreWebVitals. Learn how.

102. Creating Stunning 3D Charts With Highcharts And React.

Unlock the power of data storytelling with Highcharts & React, crafting vibrant 3D visualizations for dynamic web apps.

103. How to Set Up Authentication With AWS Amplify in Next

Authentication is a way for applications to confirm user identity before granting permission or entry to a website.

104. Data Visualization Using Chart.js and Gatsby

Data visualization helps you transform your unorganized data in an organized and valuable way that conveys the right message to your audience without words.

105. What is the "this" Parameter In JavaScript

The "this" parameter in JavaScript is like that oddly concealed obstacle on a path that keeps tripping people.

106. 14 Top Node.js Open Source Projects: 2021 Edition

Note that under open source projects we assume the following:

107. Creating Composite Node of a Graph using D3.js

Lately I have been using D3 for visualizing data for a React project and it got my attention for a while. I was especially interested as to the scope of this very powerful tool that has a great problem solving ability range related to any kind of data visualization.

108. How to Develop a Signup system with React, Redux, and Rails

109. Cats Taking Over: How to Make a Random Cat Image Generator With React and Cat API

Easy guide to filling your life with (more) internet cats by making a random cat image generator with React and Cat API. If you prefer video format then I have already made a video on YT:

110. Top Mobile Browser Emulators: Developer's Humble Opinion

*Illustration by Regex SEO

111. Build a Fully Functional Youtube Clone Using Firebase, FFmpeg, And React. Part 1

An exact clone of youtube with all functionalities from View count to Subscribe to everything (Without Youtube Api) Using Firebase, FFmpeg, And React

112. 8 Beginner Design Projects for Aspiring Front-end Developers

These are 8 projects with requirements and designs that you can do to add to your portfolio as a Front-end Developer. The order of these projects is from easy to intermediate level.

113. Mastering CSS: Using Pseudo-Classes and Pseudo-Elements to Build a Landing Page

Why and how to build a landing page using pseudo-classes and pseudo-elements in CSS.

114. WebGL Fundamentals: 2D and 3D Graphics For The Web

WebGL (Web Graphics Library) is a JavaScript API for rendering high-performance interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins. WebGL does so by introducing an API that closely conforms to OpenGL ES 2.0 that can be used in HTML5 elements. This conformance makes it possible for the API to take advantage of hardware graphics acceleration provided by the user's device.

115. The Best Front-End Frameworks for UI/UX: Future-Proof Careers

The Best Front-end frameworks are future-proof and supply the best design solution to the UI experts. There are diverse options in the market for C++ and Java

116. How to Deploy Modern Apps with AWS Amplify

Deploying a web app to AWS Amplify provides a way to host your frontend web app on the internet using its services for free which provisions a URL you can share

117. Set up WebSocket for Your ReactJS-app in 5 Minutes!

Make the most out of your ReactJS app with the help of WebSocket on no-code Directual! An easy way to make a chat app, get notifications, and much more.

118. How to Setup a Contact Form to Your Ghost Blog

Ghost is a free and open source blogging platform written in JavaScript and it powers an incredible range of websites; from individual bloggers who are just getting started, to large teams of writers and editors at some of the largest organisations in the world. Currently more than 2 million websites running on Ghost including Getform's Blog that you are currently reading!

119. Choosing Between React, Gatsby, Next.js For Your Frontend

React, Gatsby, Next.js. Which of the three should you choose for your frontend web development and what should you understand before you make the decision?

120. CSS Animations: Creating Bouncing Ball Animation From Scratch

Photo by Kevin Ku from Pexels

121. Optimizing State Management in React Applications: From Small to Large-Scale

Learn techniques for handling state effectively in large-scale React applications.

122. Building Analytics React Dashboard With Cube.js

123. How to Become a Successful Web Developer in 2021

Alright then, so you have decided your path. You want to become a web developer this year.

124. Canvas And React: A Simple Guide To Data Charts

The power of canvas. Make your data visualizations flexible and performant.

125. Top 7 Dark-Themed Admin Templates For Your Next Project

126. Facts Everyone Needs To Know About Front-End Development Practices

127. Following These 6 Steps Will Help You Build A Super Lightweight Website

Not an Early Adopter

128. Higher Order Components (HOC) In React: Beginners Guide

In this tutorial, we are going to learn what is higher-order components, the syntax of higher-order components, and how to use HOC in React.

129. Quick Introduction to Responsive Web Design For Beginners

Responsive web design is a design that adjusts and adapts to any viewport (user’s visible area of the web page) rather than only a specific viewport, irrespective of the visualization device.

130. How Redux Observable Made Ajax Calls Great Again

I am building my own SaaS application using React library for the user interface. What I like about react you don’t have to use it in a SPA (single page application).

131. Building Rails Carousels Using Bootstrap

Bootstrap carousel with rails

132. The Most Definitive React Hooks Cheat Sheet for 2020

With the introduction of React hooks since the 16.8 version, we have changed the way we write React application. Indeed, we can now leverage React features, such as state and side effects, within function components.

133. Introducing The Popover API: Elevating Web UI Interactivity with JavaScript

Learn to enhance web interfaces with the versatile Popover API and JavaScript, optimizing user experience and interactivity.

134. Supercharge your Software Development Productivity by Using these 5 Tools

5 Tools to Boost Your Productivity While Developing - but you probably haven’t heard of before.

135. 50+ GitHub Repositories Every Front-End Developer Needs

50+ Github Repositories Every Front-end Developer Needs

136. Why You Should Choose Angular or Vue over React for Your New Web Application

An article that describes the advantages of the front-end frameworks Angular and Vue over the front-end React library.

137. Important Notes For HTML CSS Beginner Developers

Every time one decides to embark on a new adventure it is inevitable to find obstacles and have a few downfalls along the way. In my case, it was more like one of those people you watch on YouTube getting hurt trying to perform some amazing trick…

138. TCP / IP Stack - Simplified for Web Developers 🌍🧑🏻‍💻

TCP / IP model is not a physical thing. It is a conceptual model used to understand how communications are made over the Internet, and consists of 4 layers.

139. Rethinking Web3: How to Build Faster Using Scrypto

How to use the new programming language to build more efficiently.

140. Serverless at the Edge: A Quick Overview

Edge computing platforms like Cloudflare Workers and Deno Deploy allow us to write serverless middleware and backends that are both very fast and cheap.

141. How To Scrape Wikipedia By Using Puppeteer and Nodejs

Scraping Wikipedia for data using Puppeteer and Node

142. Over 40, With no Technical Background, This is How I Learned a Frontend Framework in 2 Weeks

Over 40, with no technical background, this is how I learned a Frontend Framework in 2 weeks.

143. Hide the Navigation Bar in Rails

Recently I was working on a project in RoR and I realized I wanted to show the navigation bar and footer on some pages and nothing on others. For example, Imagine a signup page with a navbar !!! Yuck, not only does it not look pretty but also, I have never seen any design where the login/logout pages have a navigation bar. Very few designs like that do exist, and in my opinion, are not the best.

144. Building a Fully Functional Youtube Clone Using Firebase, FFmpeg, And React [Part-2]

An exact clone of youtube with all functionalities from View count to Subscribe to everything (Without Youtube Api) Using Firebase, FFmpeg, And React

145. Road To Front- End Developer in 2023

To become a good frontend developer, you must be aware of the importance of frontend development and its role in creating websites and web applications.

146. How to Create Dynamic CSS Using Vue Reactive Variables

If you use Vue, you might be used to having to apply different classes to tags based on the logic in your code.

147. How To Generate WCAG Compliant Contrast Color in Bootstrap

The intent of this Success Criterion is to provide enough contrast between text and its background so that it can be read by people with moderately low vision.

148. How to Use NGINX to Host a Local Site Using Docker

Sometimes, you can't simply open your index.html in Chrome to test your website. You need the features of a real web server like NGINX.

149. Boosting React App Performance: A Guide to Lazy Loading and Suspense

Lazy loading is a strategy that defers the loading of non-essential resources until they are needed, reducing the initial loading time and improving the overall

150. Understanding the Tech Stack for Web3 DApp Development: A Guide

The tech stack for dApp development includes Blockchain Networks, Smart Contract development Deployment frameworks, and Frontend development.

151. 12 Awesome Toggle Switch Designs (With Source Code!) 🎨💖

Finding the perfect toggle design can be a challenge. This article addresses the problem by showcasing 12 creative examples with code.

152. Interface Colors: From Palette to Themes

How a cohesive structure and mathematical principles can streamline color management for designers and developers operating within a design system.

153. React Vs. Vue: Who Takes The Prize

we’ve put together this convenient guide to popular frameworks, to help you better understand the use cases of Vue vs. React.

154. How to Start an App And Choose React Native Stack

How to Build a React Native App

155. How to Write Tests for React - Part 1 [Beginner's Guide]

Writing React Test with react recommended libraries — Jest & React Testing Library for complete beginners.

156. Enhancing Password Security and Recovery with Next.js 14 and NextAuth.js

Learn to set up a secure and user-friendly system for password recovery in Next.js, complete with token verification and email notifications.

157. Customizing a React Navbar Menu

158. Building a Point Map in JavaScript

Master creating interactive point maps in JavaScript! Step-by-step guide using millionaire counts for global cities for illustration. Dive in now!

159. How To Format Dates Correctly

This article explains how you can format dates on your site using Velo.

160. Velo How-To: Text Formatting

You can connect data to elements using Wix Data and datasets or Velo and code. You can learn about how data is formatted when it is connected using datasets, here.

161. Increase Your Conversions with these Pricing Models

There are many pricing models that you can use to increase your conversions, here is a list of 5 pricing models you should be using.

162. JavaScript is Everywhere

JavaScript facilitates every person, business, and organization’s interactive online presence across the world.

163. The Coder's Gambit: Create a Chess Game with React and Chessboardjsx

In this article we are going to create a chess game with React and Chessboardjsx ♟️. On top of that, we will use the chess.js library.

164. Writing Clean Front End Code

Writing clean front end code for a resilient, readable front end code repository.

165. The Seven Best Admin Templates And Themes in React

The appearance of Node.js became the new era for JavaScript because of the opportunity to synchronize frontend and backend. All JavaScript programs with help of

166. Sveltekit and Appwrite Cloud: How to build a list app

Learn how to use Appwrite’s API and Svelte to create a list app with features like task creation and deletion and storing the data in Appwrite Cloud.

167. Why Front End Developers Going Full Stack Should Choose Go

So you’re a front end developer, and you want to learn some backend stuff. You want to become a full stack developer someday, so where do you start? Google’s Go language is an excellent place.

168. Top 3 React Custom hooks in current project

Custom hooks are an amazing thing that happened with React. It brings to us the ability to create beautiful components and move a lot of business logic to hooks

169. A Beginner's Guide to Dockerizing a Vite dApp Project

This is a guide that shows you how to containerize and share your dApp using docker and Vite.

170. Web Dev in 2023: Angular vs. React Battle for Dominance

In the ever-evolving landscape of web development, Angular and React continue to be two powerhouse options for front-end development.

171. The React Virtual DOM Explained

Virtual DOM Is Just A Virtual Copy Of The Actual Object That The DOM Has Created For A Specific Node And...

172. 24 HTML Attributes You Want to Use ✨📚

A review of some of the HTML attributes you might want to use.

173. How to Create a Custom State Management Library With React Hooks and Context API

In this article, I will introduce the React Context API for state management and create a similar solution as Redux without using a third-party library.

174. 5 reasons to consider Next.js for your next projects

Next.js is a framework built on React that gives frontend developers the flexibility of creating modern and scalable apps

175. Implementing Dashboards Using Google Charts.

Implementing charts without coding.

176. We Built An Open-Source Backend Server for Web & Mobile Developers: AppWrite v0.5 [Announcement]

Built-in, automated SSL, custom domains, new authentication features, dark mode, and more! After a lot of work and anticipation from our developers’ community, I am really excited to announce the release of version 0.5 of the Appwrite back-end server.

177. How to Ace Your Interview Assignment to Land Your Next Front-end Job

Let’s have a quick look at how to make your next front-end interview assignment look as good as possible.

178. CSS is Only Hard Because You’re Doing Too Much

Start with markup, not styles. Write only the CSS you actually need. Design for mobile first, not as a fix later. Let layouts adapt before reaching for breakpoi

179. Do You Really Understand the Viewport

If you are a web developer, you must have heard about viewport, and the below line may seem familiar to you.

180. How To Manipulate DOM Elements In React

DOM Manipulation is the process by which one can dynamically change the content of the web page. Working with DOM should be fairly easy.

181. Become a Front-End Developer in 6 Months with These 4 Skills

Let me give you a simple roadmap to know where you are, and where you should go next. So here are 4 essential skills to become a frontend developer in 6 months.

182. An Anthology of Essential Frontend Resources to get you through 2019

Frontend development has taken the world by storm in the last decade with extreme progress in all web technologies (HTML, CSS, JS, etc.) sponsored and led by the biggest software companies in the world. It is arguably one of the highest paid, the most in-demand and satisfying job in the software industry for quite some time. This is the best time to learn it if you haven’t started already 😃!

183. Understanding Chrome V8 — Chapter 2: Hello World

Welcome to other chapters of Let’s Understand Chrome V8

184. Can You Build an App in One Day? Discovering Superflex, your AI Front-End Developer

Superflex integrates with Visual Studio Code (VSCode), allowing engineers to generate code directly from Figma designs, images, and text prompts.

185. 10 Reasons To Use TailwindCSS In Your Next Project

Tailwind as a framework is designed for optimum performance and fewer style clashes. Learn 10 reasons to choose Tailwind CSS for your next project.

186. The 4 Main Principles of React That Made It So Popular

React is popular for a reason. It offers not only a solid paradigm of programming but also makes code much more maintainable.

187. Is HTML, CSS, and JavaScript Enough for Front-End Development? The Sad Truth

Explore the essentials of HTML, CSS, and JavaScript for web development. Are they enough for modern front-end applications? Learn more in this article !

188. Top Mistakes JavaScript Developers Make

This article will show you some typical mistakes that almost every Javascript programmer has made during his career.

189. Introducing TezJS: The Fastest Website Premix Framework

TezJS is a modern JavaScript framework, allowing you to build a modern Jamstack website by achieving highest website performance & 98+ web vital out of the box

190. Clean Code: Classes and Objects in TypeScript [Part 3]

Learn how to write clean and maintainable code in TypeScript by following best practices for classes and objects.

191. 10+ Ridiculously Cool Admin Themes And Templates

In today’s article, we will have a quick look at 10 admin templates and themes that are simple to use and good to look at.

192. Web Devs, Bookmark These 19 Frontend Resources 🎨✨

I curated some of my favorite front-end resources for colors and palettes, fonts, icons, illustrations, stock photos, and videos.

193. Why Is React the Best Front-end Framework to Learn in 2024?

In this article, we will explore why React stands out, comparing it with two other popular frameworks, Angular and Vue.js, and why you should choose React.

194. Beginner in Front-End? Don't Learn React, Angular or Vue

In the first steps as a programmer , people really lose their way trying to find their passion and they keep asking themself a lot of questions like: what should I learn? maybe front-end web development, or maybe Cloud computing, Machine learning engineering is better for me ,nah back-end web development is the one chosen for me .

195. Frontend vs Backend: All the Differences Explained

With the evolution of technologies, both front-end and backend have evolved to a great extent. The difference between the two is what we are going to discuss.

196. Steps to Become a Front-end Developer

197. The Most Popular Cypress Packages of 2023

My article will introduce you to some innovative Cypress plugins and highlight the crucial packages that have significantly contributed to Cypress's success

198. Javascript Promise Methods With Polyfill Example: A Cheat Sheet for Developers

199. How To Become a Web Developer in 2024

Discover top resources for learning and freelancing opportunities to gain real-world experience, and kickstart your frontend development career today!

200. What Adding display: flex Does

display: flex will change the way that your text will appear when rendered based on how you set its behavior and how large the box it is placed in is.

201. Web Components Exposed: Empowering Frontend Developers For Unparalleled Success

Unleash the power of Web Components and revolutionize your web development workflow. Learn to create reusable elements and enhance your apps effortlessly.

202. 10 Resources That’ll Make You Better At Dashboard Creation

More and more organizations rely on business dashboards for various reasons – including gaining critical insights into their data, monitoring and tracking key performance indicators, studying past performance, and predicting future trends.

203. The 3 Stages of Improving Your Everyday Life as a Developer

Maximize efficiency in low-code web dev with these essential practices. From setup to cleanup, streamline workflows for better productivity and innovation.

204. ReactJS: The Javascript Developer’s Guide

This article will walk you through the concepts you would need to know to step into the world of widely used ReactJS.

205. Creating a New Website? I Have Nuttertools for You

With this website, you get to run performance, lighthouse, core web vitals, visual comparison, and traceroute tests on your website.

206. Predicting The State of Front End Development: 2021 Edition

Where is front-end development heading in 2021? Jay Freestone examines trends and technologies that will shape web development this year.

207. How I Build Image Processing Pipeline

This is a post that I have been putting off for a while, but I think the time has come to share this with the community. Two years ago I sat down to start a new project, an experiment involving image downscaling and Node.js, and since then it has become my primary open-source project.

208. The Guide To Core Redux Concepts

In a React app, data is fetched in the parent component and then passed down to child components through props.

209. Collection Of Javascript Packages and Extensions That I'm Using

It’s been a while since I started learning JavaScript and, like other languages I learn, I like to discover ways to code efficiently. In this article, I’m going to show you some of the most awesome libraries and VSCode extensions that will improve your JavaScript coding experience.

210. React’s New Server Components Might Be the Death of Bloated Web Apps

A senior-level deep dive into how React Server Components (RSC), SSR, and CSR work together in Next.js 15 — and why server-first rendering is the future.

211. Step-by-Step Guide on How to Build a Web Application with Velo

Velo by Wix is an innovative product that lets you build robust web applications with zero setup. Work in Wix's visual builder, add custom functionality and interactions using Velo APIs, and enjoy serverless coding in both the front-end and backend. With Velo, your web app can be up and running in a fraction of the time it would normally take you.To introduce you to Velo, we created our own version of a "Hello, World!" example: a simple currency converter site that uses the wix-fetch API to connect to a third-party service. Site visitors choose source and target currencies from dropdowns and enter an amount to convert. The results are displayed in a text box.

212. Design Once, Reuse Everywhere — How I Built a Custom Shadcn UI Registry with Next.js and Vercel

Build and deploy a public shadcn/ui registry on Next.js & Vercel—covering setup, registry.json, cssVars, deps, and quick CLI install.

213. Building Your Own BMI Calculator: A Step-by-Step Guide

This is a simple BMI Calculator made with pure HTML, CSS & JavaScript.

214. React Application Architecture: Components [Part 1]

Have you ever tried to find out some useful and basic information about React application architecture? It’s as tricky as learning rocket science, really!

215. A Complete Guide to React Hooks

Let's deep dive into React Hooks and uncover the secrets to building efficient, dynamic UIs with this comprehensive guide to modern web development.

216. How to Upload Files With HTML

This is the first post in a series all about uploading files to the web. In this post, we cover the steps needed to upload files using only HTML.

217. A Developer’s Guide to Accessibility For Mental Health and Cognitive Disabilities

In this blog, we’ll explore common barriers on web pages faced by users with mental health challenges.

218. A Beginner's Guide to CSS Grid Layout

A Beginner's Guide to CSS Grid Layout

219. How to Choose a UI Library for Your Frontend Project

Choosing a UI library for your frontend project can be a challenging task. I will try to help you make this hard decision.

220. Front-End Development Trends For 2022

The Front-end handles the presentation of a website for end users while a backend handles the relations and connections of servers and features with databases.

221. Adding Multilanguage Support to CRA with React-i18next Module

React-i18next is one of the best options for multi-language apps among many libraries in which you may be lost.

222. How to Avoid React Anti-Patterns by Weaning Off Bad Programming Habits

Let's consider some examples of React anti-patterns which avoidance will help you ensure the top-notch quality of your front-end development.

223. 3 Simple Ways to Optimize Your Images and Improve Core Web Vitals

Image performance plays a huge role in #CoreWebVitals, which in turn play a huge role in SEO. We'll show 3 quick and simple ways to optimize images. #webperf

224. JavaScript Ordinals: Adding st, nd, rd and th Suffixes to a Number

In Javascript, it's usually considered best practice to work with absolute numbers, as number is a defined type. However, when expressing these numbers in user

225. How To Create Your React Application From Scratch

226. How I Started My Journey in Web Development

In my first encounter with web technologies, a lot of things were complicated to me and almost to everyone I know till now. There are a lot of questions about how a page works, how it is built and what is the logic behind it. So let’s clear out some things here for those who want to be Web developers and don’t have a clue about programming.

227. The Amazing React Router

Context

228. Answers to 5 CSS Questions that May Confuse You

What is the computed value of the display property for the .child element in the following example?

229. HTTP Live Streaming (HLS): Why It’s the Best Protocol for Video Streaming

HTTP Live Streaming (HLS) is a great way to encode, stream and manage videos for a smooth viewing experience, regardless of bandwidth, device and environment.

230. 3 Things You Will Love About Micro Frontends

3 cool things that will make you love micro frontend architecture - flexibility in managing codebase, a wide choice of frameworks, and independent deployments.

231. The Svelte Effect: Everything You Need To Know

What is it about Svelte that makes it the most eligible bachelor in the front-end dev scene along with the likes of React & Vue? I mean, Svelte could be the next big thing, but does it have what it takes?

232. 10 Dashboard Templates and Effective Indicators for Tracking KPI’s

233. How MarkUp Reshaped Digital Collaboration for Remote Workers...and Grew 302% in One Month

When we started MarkUp, a visual collaboration tool for digital content, we expected to see user growth from much of the design and developer communities, because of the problem we are solving in those fields.

234. How to Create Bullseye Charts with JS: COVID-19 Vaccine Pipeline

Bullseye charts are widely used in drug pipeline & clinical trials data analysis. Learn how to create one in JavaScript and explore the COVID vaccines by phase.

235. 60fps: Powerful Tricks & Tools To Stop TypeScript and Javascript Jank

Keep web apps and sites smooth and interactive while processing with these tricks and tools.

236. How to solve the Z-index issue Within 1 minute😲😲

In this blog, I am going to tell one secret tool in the dev console that you can use to debug your next Z-index bug.

237. 2024 Complete Full-Stack Developers Roadmap

Learn how to code and become a full-stack developer from scratch with this guide.

238. Elevating Frontend Development: The Crucial Role of Testing in Web Dev

In web development, this involves checking that web pages look and function correctly in different browsers and devices.

239. Implement Themes/Dark Mode in Your Front-End in 5 Minutes

No matter if you write your own CSS or use frameworks such as Semantic or Bootstrap, implementing dark mode is often the most procrastinated feature

240. My Personal Plan to Learn the Whole Web Frontend Development Ecosystem in 2021

I have always been very curious about the whole web frontend development ecosystem. It seems to me technology and developer tooling evolve very fast, and people have done a lot of creative things in this space in the last several years. Being completely ignorant to frontend it also added motivation for me to make a commitment this year (new year resolution🎉) to become proficient at frontend development.

241. Basic Hooks for Your TypeScript Project

5 essential TypeScript React hooks for modern, efficient, and maintainable front-end development.

242. What is a UI Developer Role?

The world of technology is a complicated one. With titles like “rock star”, “ninja,” it can be hard to take job descriptions seriously. It doesn’t help that many hiring managers ask for ludicrous credentials. Is a UI Developer a real thing? Maybe they have job descriptions like this:

243. A Quick Guide on How to Create Accessible Buttons in HTML

Creating accessible buttons in HTML is crucial to becoming a great front-end developer; learn how with this guide!

244. Top 15 Online Resources to Learn How To Code

Top 15 Resources to Learn Coding in 2021, Frontend Masters, FreeCodeCamp, Coursera, MDN, W3Schools

245. Create Zoom Transition Animations in React and Framer Motion: A How-To Guide

This article aims to explain, how we could create a zoom page transition animation effect for a gallery web application using React & Framer Motion.

246. What To Expect From Your Front-End Developer Job Interview

Interviews are hard, especially technical interviews where you’re expected to think, solve, and analyze all while the interviewer stares at you. But what people don’t realize is that being interviewed is basically just another skill, and skills can be honed with the right information and practice.

247. How To Create Forms in React

Just like we use Forms in HTML, we can use the same thing to React. It’s quite different from other DOM elements but not too complex.

248. What is the Difference Between Front-End, Back-End, and Full-Stack Development?

The world of web development is rapidly changing, so staying on top of all the latest tools is an ongoing task. In order to stay current with the latest trends

249. 20+ React Tools to Help You Become a More Productive Programmer

The goal of this post is to provide you with tools you need to be more productive when developing React applications.

250. Top 7 Bootstrap Admin Dashboard Templates

251. Simplifying Responsive Images with A Responsive Configuration Builder - Eliminate Boilerplate

Simplify the process of specifying responsive image urls in your front-end javascript projects.

252. 7 Visual Studio Code Extensions That Help Frontend Developers Increase Productivity

As a developer, you’re always looking for cutting-edge tools, tricks, and extensions to improve your productivity and efficiency.

253. Building a Better Web: A Guide to Accessibility for Developers

Web accessibility is a growing focus for developers, and this guide will show you five ways to incorporate accessibility elements into your web design.

254. Next.JS vs. React: What Should You Use?

React is a tool for building a front end. Next.js serves the same purpose. However, both instruments offer a slightly different set of features.

255. Here's What Dependency Hell Looks Like & How To Avoid It (TLDR; Libraries May Be Causing Dependency)

Libraries, packages, crates; you can't build software without them. But sometimes we get carried away. Here's how to avoid dependency hell.

256. My Favourite Front-End Interview Question to Ask Candidates and Why

Interviews often says more about the interviewer than about the actual project and what tasks you would be assigned.

257. Optimizing your Vue App Using v-once and v-memo

We'll be looking at how we can optimize performance using two little-known Vue HTML attributes known as v-once and v-memo.

258. Top 11 Popular CSS Interview Questions

259. 19+ Javascript Plugins and Data Table Libraries to Make Your Life Easier

This time we want to introduce libraries for working with tables or grids, since tables are an important part of any great application.

260. 8 Great Material Admin Dashboards To Use In Your Project

261. Mastering Debouncing Using JavaScript Basics and React Hooks

Explore the power of debouncing in JavaScript & React. From vanilla implementation to reusable hooks, optimize user interactions effectively!

262. 3 Must-learn JavaScript Concepts to Master Before Learning React

Jumping on learning React is easy, but you'll hit your head hardly later on if you are not yet familiar with these 4 key concepts detailed in this article.

263. Nobel Laureates by Country - Or Creating a Tag Cloud With JavaScript

Explore all Nobel Prize winners by country through an interactive tag cloud and learn how you can create your own JavaScript-based tag (word) clouds with ease.

264. An Open-Source Collection of Boilerplate Repositories to Help Set Up Your Next Project

The open-source templates for setting up coding projects.

265. 5 Simple Ways to Replace All String Occurrences in JavaScript

Have you ever been in a situation where you had a string of text and wanted to replace all of its occurrences with something else?

266. Compilation of the Most Common JavaScript Interview Questions

Comprehensive list of JavaScript interview questions from basic to advanced, to help you prepare for technical interviews and boost your coding skills.

267. The Possibilities for Innovation Within the JavaScript Ecosystem

Can You Master the Rapidly Evolving JS Ecosystem? Discover how to discover and satisfy users' requirements to remain competitive in the marketplace.

268. The Main Challenge is to Start Writing: Interview with Noonies Nominee Maksym Mostovyi

A short story about the journey in front-end development

269. 6 Tailwind CSS Productivity Hacks Every Developer Should Know

While Tailwind is already a powerful tool, there are ways to make it even more efficient.

270. How I Started to Learn Web Development

271. Frontend Development Basics: How to Save Time with SASS/SCSS

272. Faster HTML And CSS Creation with Emmet

Emmet is a tool designed to help developers save time while writing HTML and CSS by encapsulating pieces of code and loading them with the help of easy shortcuts, here's an example:

273. 7 Ways to Scale Your Landing Page Performance

Looking for ways to capture quality leads via your landing pages & acknowledge high conversions? Here are the 7 ways to scale your landing page performance.

274. What You Need To Learn to Become a Full Stack Developer from Zero

I worked in marketing and data analysis. After a long time, I decided to change career and leave my 8 to 5 job, to pursue a remote job and start a business of my own. After this point, it's difficult to decide where to look for information and what language to start learning first. If you don’t have any previous knowledge this could be an impediment to continue with your goal. And a waste of your time trying to find the right resources to start.

275. UIUX Design v/s Frontend Development

A description on UIUX design and front end development.

276. The Future of Frontend in 2025: Server-First, AI-Powered, and Closer to the Metal

Discover how frontend development is evolving in 2025—from server-first rendering and modern CSS to AI-enhanced workflows. Learn what tools and mindsets today’s

277. How to Master Nested CSS Selectors: Tips to Get Started

Mastering CSS selectors doesn't have to be a daunting task. One of the best ways to set yourself up for success is by learning how to group and nest your select

278. 20 Chrome Extensions for Web Developers 2024

There are many great Chrome extensions for developers. We've picked the best dev tools for Chrome, from debug tools to VPNs and code generators and more.

279. A Prompting Workflow for Web Development That Reduces AI Hallucinations

Copy‑paste prompt templates for web development: ask 5–10 clarifying questions, plan, implement, then run five review passes to reduce AI mistakes.

280. Is No-Code Testing Actually Possible?

Testing accounts for over a quarter of development timelines. Automated codeless testing can help remove bottlenecks bringing your software to market quicker.

281. 5 Easy Steps To Create A React Project With Serverless User Authentication

User authentication is a feature of many modern applications. Serverless programming has given developers leverage to deploy this technology in React.

282. Resources To Level Up Your Front-End Developer Skills

10 Best Sites and Apps for Front-end Developers.

283. 6 Biggest Mistakes With The CSS Grid

Introduction

284. Why Digital Accessibility Starts Within: Lessons from Crystal Preston-Watson

Crystal Preston-Watson shares her journey into accessibility, the importance of internal digital accessibility, early education, and AI's role in inclusive tech

285. The First Dedicated IDE for React Web Applications - ReacTide 3.0 Beta is Finally Here

In addition to the teams behind Netflix, eBay, Airbnb, Dropbox, Instagram, and Facebook, there are currently over 1.3 million websites and applications built on React, making it one of the most powerful and ubiquitous frameworks of all time.

286. Crafting Interactive QR Code Web Components: Integration and Customization

Exploring the integration of QR codes into web components: a journey of discovery, challenges, and interactive web development.

287. How to Use jQuery: An Introduction to the JavaScript Library

jQuery is a JavaScript library that is used on your websites. jQuery is open source material that is used to make Javascript programming easier.

288. How To Get The Most Out Of TypeScript

I love TypeScript. I’ve been using it for over 2 years in various projects, and the more I use it the less compelling I find vanilla Javascript.

289. Why On-the-Fly Image Processing Beats Manual & Backend Processing

Not all image processing techniques are created equal. In this article, we'll show you why solutions like imgix beat backend tools like ImageMagick & Thumbor.

290. My Experience with Creating Frontend and Backend Applications for My Startup

In this article, I share my journey of developing both the backend and frontend of an application. I delve into the challenges encountered and overcoming them.

291. The Superpowers of Array.reduce() Method

ECMAScript 5 introduced many awesome features in 2009, the majority of them being array methods like isArray, forEach, map, filter, every, some. But let’s talk about my favorite one: reduce.

292. Creating a Pareto Chart With JavaScript

Welcome to this step-by-step tutorial that will empower you to create an interactive Pareto chart using JavaScript that will look nice on any device and in any browser!

293. Write Your Own D&D Encounter Tables in JavaScript for Dungeon Masters

Calling all Dungeon Masters! Here's a short beginner-friendly introduction to writing your own web and printer-friendly D&D encounter tables.

294. How to be a React Native Developer

How to be a React Native Developer

295. What Is Local Storage In JavaScript And How To Use It

Local Storage let us save the data which is stored in the browser even when a user refreshes or closes a page. Let's know more about what is Local Storage ...

296. A Complete Guide to How the CSS Not Selector Works

In CSS, it's often necessary to signpost that we want to select an element, but not in specific circumstances - like if it has a certain class.

297. Mastering JavaScript Conditionals

"Mastering Conditionals in JavaScript: A Comprehensive Guide with Example"

298. If You're Going to Use Next.js — At Least Use it Right

Learn how to properly leverage Next.js with a server-first mindset. Avoid common pitfalls like overusing use client, understand RSC, native fetch, and more.

299. How to Create a Customer Frontend Scaffold

This blog shall embark upon the construction of a custom-made scaffolding tool, commencing from naught.

300. No Extensions Allowed: The Chrome DevTools MCP Dilemma

A simple proxy solves Chrome DevTools MCP’s biggest limitation—authentication—unlocking AI-powered debugging for real, authenticated applications.

301. Understanding Chrome V8 — Chapter 4: Scanner, Token generation

Welcome to other chapters of Let’s Understand Chrome V8

302. Component Interactions in Angular

303. The Front-End Guide to Digital Accessibility

A comprehensive guide to accessible website design and development

304. Building a Fully Functional Youtube Clone Using Firebase, FFmpeg, And React [Part-3]

An exact clone of youtube with all functionalities from View count to Subscribe to everything (Without Youtube Api) Using Firebase, FFmpeg, And React

305. Building a Post Component with Links, onClick Handling, Text Selection, and Clickability Anywhere.

In this article, we will explore how to create a versatile post component in React that supports link navigation and onClick event handling.

306. 6 Common HTML and CSS Interview Question and Answers

In this article, I will present some of the most frequent questions and answers made by interviewers. There will be questions about HTML & CSS. If you like reading, go ahead. If you don’t, you can still watch myself answering the same questions in this YouTube playlist I prepared.

307. How To Format Your CSS Code as a Professional

As a full-stack web developer, I'm building different websites by writing code every single day. Experiencing several situations including solving problems and fixing errors.

308. Eugene Cozac on Creating His Own Framework and Becoming a Top-tier Developer

Today, to become a junior-level web developer you don’t need even a college degree. There are tons of bootcamps and short-term programs for those who would like

309. How To Create CSS Neon Animation

Guys! Thank you all 🥳, I've hit a 100 subscribers to my Newsletter and I'm over the moon!

310. Front-End Deployment Insights: Experiences and Metric Evaluations of Leading Cloud Platforms

Evaluate top free website deployment services like Vercel, Cloudflare Pages, GitHub Pages, and Tencent EdgeOne, focusing on latency, Lighthouse metrics.

311. Four Things I Did Differently When Writing a Frontend Framework

Four ideas that you perhaps never heard about, in the context of frontend frameworks.

312. React vs. Vue vs. Angular: Which Framework is Best for Developers in 2025?

Compare React, Vue, and Angular in 2025. Discover how each framework fares on performance, learning, and community support for future-ready web development.

313. Beginners Guider To React Router

Today I decided to write about the props history, match, and location that are included in each component that uses React Router. But first, to start warming up here is a simple definition of React Router:

314. The First Step to Mastering JavaScript (JS)

JavaScript often referred to as JS, is the most useful and popular object-oriented, interpreted programming language

315. How "This" Binding Works in JavaScript

In this article, we will learn how "This" binding works in Javascript.

316. Krasimir Tsonev: AI Lacks the Ability to Think Creatively

An interview with KRasimit Tsonev on AI, Javascript, the Future of learning, and some more.

317. From Front-End to Back-End: A Personal Journey Through the Programming Field

As a self-taught programmer, this is my career transition from front-end development to back-end development.

318. The Noonification: Top TypeScript Utility Functions You Need to Know (7/2/2023)

7/2/2023: Top 5 stories on the Hackernoon homepage!

319. Design Systems: A Front-End Engineer's Guide to Efficient Atomic Design

Learn about design systems, Atomic Design, and the importance of reusable components in adhering to the DRY principle.

320. How to Publish React Components from any App

321. 7 Ways to Up Your TypeScript Game

Master TypeScript with essential features: unions, nullish coalescing, object typing, overload signatures & more!

322. Do You Really Need Staging Environment?

A couple of months ago, our feature flagging platform suffered a 44 minute API outage.

323. Cut Load Times in Half with These Next.js Tweaks

To enhance your Next.js application performance you should prevent typical mistakes while applying essential optimization techniques. Discover methods to reduce

324. Five Simple Steps to Convert Dashboard Charts Into PDFs

The article offers a concise guide on exporting dashboard charts to PDFs using jsPDF, demonstrating the process with clear examples and minimal code.

325. Building Your First Website In Under 30 Days

Have you ever thought to start building your first website? Are you trying to acquire a new skills which shows your creativity? or are you feeling curious, how tech developers and entrepreneurs are building modern web apps and changing the world ?

326. Are there Cons in Specializing in a Front End Framework?

327. Next.js Authentication Made Easy with Firebase

Set up secure authentication in your Next.js app with Firebase. Follow this step-by-step guide to quickly integrate Google and Email/Password sign-in methods.

328. Web Crypto API: A Low-Level Interface for Internet Security

The Web Crypto API is an interface allowing a script to use cryptographic primitives in order to build systems using cryptography.

329. My Journey From a Novice to Becoming a Front-End Engineer

This blog is about my journey - from a confused college student to a frontend developer. How I got into coding, then into web development.

330. Razor Pages Beat Blazor for AI

GitHub Copilot crushed Razor Pages but failed at Blazor. Here's why AI coding assistants struggle with modern frameworks (and what that means for devs).

331. How to Use Multiple GitHub Accounts

GitHub allows you to create multiple accounts that can be used for different purposes, making you productive all the time.

332. Simplifying UX Updates in Legacy Applications with Tokens: Figma vs. Tokens Studio

Make UX updates easier with tokens! Compare Figma's native tokens vs. Tokens Studio for faster, token-based updates in legacy enterprise applications.

333. Optimize Your Front End Applications by Migrating From Moment to Dayjs

Does your application use dates in some way?

334. Why Aren't You Using Aliases in Webpack Config?

Are you Developer doing FrontEnd? Are you using Webpack?

335. How HTTP Works - A Hands-On Explanation

A high-level, hands-on explanation of how HTTP works with real-life examples. Get your hands on using Telnet and CURL to make HTTP requests.

336. Javascript Rescued at a Hackathon When We Made An AI Chatbot

My fiancé wanted to do something related to The Best Hack for Social Good prize. Eventually, we creating a Mental Health Chatbot utilizing conversational AI.

337. Striking a Chord: The Art of Animating Music With Meaning

Dive into the creative process behind a unique album, blending music & tech for a captivating listening experience

338. What it’s Really Like to Work as a Front-end Developer

Being a successful developer goes beyond your title - you need to have a good mix of technical and soft skills. Indeed Design Developer, James Zhang, shares what it's really like to work as a Front-end Developer.

339. CSS Layout Basics: HTML5 & CSS3 Elements Positioning

HTML5 & CSS3 : Positioning of Elements

340. Mastering Modern UI Development with React and Tailwind CSS

Learn to build responsive and maintainable user interfaces with React and Tailwind CSS in this comprehensive guide.

341. React is Not Really Reactive. Let's Fix That With RxJS!

Learn how RxJS make better React app for managing complex async data, API calls, and user events, making your apps more efficient and scalable.

342. CSS Masks Guide: Solutions to Common Design Challenges

Learn CSS masks with this guide, offering solutions to common web design challenges through practical examples and expert tips.

343. Debugging Angular Applications: The Tool You Need to Know

Angular DevTools is a great tool to make app development faster and more efficient.

344. How to start with Create React App?

345. How to Optimize the Loading of Your Web Application

Improved load time enhances the user experience, keeps them engaged, and makes them less prone to shifting to another site.

346. Generative AI in JavaScript? Microsoft GenAIScript, Svelte 5, Next.js 15 and More - This Week in JS

In this edition of This Week in Javascript, we’ve got some game-changing updates on Microsoft’s GenAIScript, the long-awaited Svelte 5 update, and more.

347. I Pushed my Code to the Master Branch Without Tests

Until I stumbled upon TDD, I had never really understood tests. I remember writing a whole project without tests and publishing it. Can you believe it?

348. JavaScript, Memory, Architecture and Lifecycle

Explore JavaScript memory architecture. Main concepts and organization. Processes of memory allocation and release. Garbage Collection.

349. How to Make an Animated Customer Feedback Component in React.JS

This article aims to explain, how we could develop a customer feedback component using React, Lottie Web, & Framer Motion.

350. An Auction System Needs a Central Clock

An Auction Runs by A Clock

351. 10 Effective Tips To Reduce Website & Mobile App Load Time

Here Are 10 Amazing Tips To Speed Up Your Website or Mobile App and Reduce The Load Time.

352. Front End Debugging Part 3: Debugging Networking Communication Issues

Practical tips for debugging front-end network issues using browser developer tools, with insights on request replay, throttling & storage management.

353. Working With Iterators and Generators in Javascript ES6

Here are the use cases for iterators and generators that are closer to the real-world scenario than a simple "Hello World" type code.

354. How to Render React Components: Comparing Loops and .map()

Explore the benefits and trade-offs of rendering React components with for loops vs. .map(). Compare syntax, immutability, JSX integration, and more.

355. Don’t Be Ashamed of Tutorial Hell. Embrace it.

Learning is a process of creating knowledge in your brain. You have to allow your brain to make connections.

356. Where To Apply The Micro Frontends Approach?

Brief thoughts about micro frontends, how they can be best used when building websites and when the best situations to implement them are as well as drawbacks.

357. The Benefits of Using a Headless CMS with JAMstack

A headless content management system, or headless CMS, is any content management system that separates the content layer (backend) from the presentation layer.

358. Choosing the Right Data Handling Path in React: Controlled vs. Uncontrolled Components

Explore the world of React component data handling with a focus on controlled and uncontrolled components.

359. Getting Familiar with a New Codebase

As a developer, let's assume you just got a new job and you are finding it hard to settle in and start working on your new team’s codebase. In this article, we discuss some of the tricks that can help you familiarize with a new codebase faster.

360. Need for Speed: 21+ Website Performance Optimization Techniques

We've compiled 21+ tried-and-true ways to optimize performance and make your software scream.

361. Best 5 Front-end Technologies for Web Development

Front-end web development is the user side which the customers can view while using a mobile or web application of business. When it comes to front-end development frameworks, there is always debate and confusion. Some of the most popular and competitive front-end technologies used for the front-end development of applications are used by the best web development services. When businesses develop web applications using the right web front-end technologies the result in the user interface is always brilliant. Here’s a complete list of the top five front-end development technologies for web development.

362. An Example of True Test Driven Development in Vue

In true TDD, tests must fail, tests must pass, and the code must be refactored.

363. This Week's Repo Gems: 5 TypeScript Repos You Need to Check Out

For this week's analysis, we found 5 TypeScript repos adored by the top 1% of developers.

364. How to Build an eCars App on Heroku and Salesforce (Part 4)

In these articles, we’re focusing on how to combine Salesforce with Heroku to build an “eCars” app—a sales and service application for a fictitious company

365. How We Created Custom React Components for Any Front End

We created a lightweight solution using React that has a global state and runs independently in the background.

366. Supercharge Your SEO Game: Powered By getStaticProps

This is mainly useful for websites that use React/NextJS with a CMS (Content Management System) integration. No matter, whether it's WordPress, Contentful, Prismic or any other CMS. This concept is highly relevant for companies that require non-engineers to update the content easily. Whether, it's a change in the content, A/B testing or conversion-rate-optimization related. There are many reasons why the content of a website gets updated quite often throughout the year.

367. CSS Grid Layout: How It Works

What is the "Grid" in CSS? How can I use "Grid" in CSS? Read this article by Nima Owji to learn how to use grid layout in CSS!

368. Sorting an Array in JavaScript: A Beginner's Guide

In short, the Javascript sort() method is an incredibly useful way to organize an array, whether you’re sorting numbers, strings, or objects.

369. My Journey Building an Open Source Project

Sidi details their open-source journey and where they are now.

370. Benefits of Admin Templates Explained

371. Understanding CSS Specificity Rules

In Cascading Style Sheet, CSS, there is a property called specificity. CSS Specificity is the process of determining the most relevant set of CSS property values or styles browsers will apply to an element especially when there is a conflicting set of rules.

372. Introduction to Web Workers API in JavaScript

373. Understanding Project Dependencies Through the NPM Lens

Code dependencies are like Lego's. We're able to pull in other people's code; combining and stacking different packages together to fulfill our goals.

374. The Issues with JAMStack: You Might Want To Get a Backend

Great applications deserve great marketing sites, which is why we’re always on the lookout for new developments and trends in content management systems (CMSs).

375. Making Front End Development a Piece of Cake with Webix

What can help you to speed up the development process, and why is it Webix? Let's find out in the article!

376. Polypane's Founder Kilian Valkhof on Building the Browser He Wished He Had

Learn more about the story of how Kilian Valkhof built Polypane via this story.

377. 6 Hacks for Reducing Docker Image Sizes

378. 15 Lodash methods for everyday coding

The Lodash open-source library has some useful methods that can help developers write code faster and streamline their processes to improve their work.

379. The Art of Remaining Consistent as a Web Developer

Consistency is not about huge bursts of effort. It is about showing up even when you do not feel like it.

380. A Class on why classNames are Used in React but not Preact

If you use JSX inside React you can't use standard HTML properties, like class. You have to camelCase HTML properties. But it's not the case with Preact!

381. How To Add a Favicon to Your Site

Adding a Favicon to Your Site

382. Headless CMS Pitfalls

Reflections on two headless CMS implementation projects.

383. The Results Are In: How Did React Perform in 2019?

A fight that started years ago - fight for the crown of the most popular JavaScript framework, was intense in 2019. Furious opponents of the React weren’t sleeping during the year. Probably no one will argue that the three frameworks that were constantly “fighting”, were Vue.js, React and Angular.

384. Going From Zero to Transpiling your First App in TypeScript

TypeScript for Beginners - Introduction, setup and running your first TypeScript code

385. A Quick Guide to CAB(Call, Apply, Bind) in JavaScript

Here is the easy and simple way to understand call, apply, bind in JavaScript. With these simple examples, you'll never confuse again with these methods

386. How to Learn Difficult Concepts of CSS Positioning [Beginners Guide]

In recent years, jobs are shifting more towards Machine Learning(ML), Artificial Intelligence(AI) technologies, both of which need significant coding skills. With the imminent threat of job losses to ML, AI, and other emerging technologies in the near soon, there are currently fears among employees that their jobs are about to be taken by robots. Consequently, there have been a lot of career changes today than ever before where people from different backgrounds are acquiring skills in the above-mentioned technologies, data analysis, as well as learning how to code. Looking at the trend of events in today’s dynamic labor market, coding is arguably among the skills that seem to be future-proof. For this reason, despite the seeming difficulty of learning how to code for someone without a traditional computer science background, people from all walks of life are venturing into coding by the day.

387. Do You Need to Give Up jQuery for React?

As developers, we see that every technology has its pros and cons. It’s the same for jQuery and React so it is the best to make a decision based on what we want

388. Here Are the TypeScript Questions You Are Most Likely to Receive at Your Next Technical Interview

Top TypeScript interview questions and answers you need to know for your next technical interview.

389. How I Built MeetMomentum: Applying 10 Years of React Experience

In this article, I’ll walk you through my ideal tech stack and the intricate decisions that shaped MeetMomentum. Join me as we explore the nuts and bolts

390. Top Reasons People Succeed In The Exchange Rate API Industry

When it comes to finance and trade, the currency is a crucial component. Businesses that deal with foreign marketplaces require up-to-date information on currencies and their quickly fluctuating values.

391. Registering a Domain in AWS Cloud

392. 3 Simple Reasons Why Coding Pixel Perfect Designs is So Painful

Pains of coding pixel perfect design. Solution to automatically convert Figma designs into Flutter widgets.

393. Choosing the Ideal Front-End Framework for Your Node Application: React vs Angular

React vs Angular: The right Front-End framework for your Node Application

394. I Asked 200 Dev Teams How Well They Work Together - Here's What I Learned

I asked 200 cross-functional development teams how well their developers and non-developers communicate and collaborate while developing products together.

395. Don't Go Crazy Because Of CSS Styles Conflicts

By Luciano Sarno,

396. Exploring Hidden Navigation for Domestic Violence Sites

Recently, I had the incredible honor to work with an individual who was a Survivor of Domestic Violence. This was all part of a business "hackathon."

397. 30 Things I Wish I Knew Before I Started Web Development

After years of building products, mentoring, and making (a lot of) mistakes, I decided to write this list.

398. The Noonification: Why Software Updates Can Lead to Cyberattacks — and What to Do (8/28/2024)

8/28/2024: Top 5 stories on the HackerNoon homepage!

399. Integrate Appwrite APIs and SDK for Svelte

Appwrite announces the release of the Appwrite SDK for Svelte. This SDK joins other SDKs to integrate Appwrite with your web, mobile, and desktop apps.

400. Instead of Copy-Pasting That "Click Outside" Snippet, Here's a Better Alternative

A tiny, zero-dependency React hook to detect clicks outside any element. Fully typed, SSR-safe, and works with Next.js. Under 400 bytes gzipped.

401. Skills That You Need to Have as Web Developer

Before I became the person that I am now (Fullstack Software Developer), I
never believed in spending my precious time learning HTML and CSS.
Whenever I needed to create a web page, I could go to w3schools, fetch some markup and paste it in my HTML file. I had put my total focus on back-end technologies. I could write very good and optimized algorithms and SQL queries but I could not present my data well on the front side of my applications.

402. Online Learning: 3 Initial Experiences at Microverse

After I got my Engineering diploma I have worked in several places. Those are professional factories including Croissant Production and Juice Extraction plants. I was dealing with data in all of those places.

403. How to Use AI in Web Development?

This article explores practical applications of AI across the website development lifecycle - from ideation to deployment.

404. Position Layout property in CSS

A tutorial on CSS position property, concepts on absolute position, relative position, fixed position, etc. Article on how and when to use position properties.

405. REM and EM in CSS Explained

em and rem both are known as relative units in CSS. You've probably been using em and rem units now for a while already but might not know what they actually do

406. How to Create Proper Layout, or What is So Bad About CSS Frameworks?

The advantages of a marvelous layout, semantic markup, and separation of content from design have been already described hundreds of times. Still, there are developers who do not follow the concept of working with HTML and CSS, so they write such terrible things in the code such as:

407. The Story of How I Got My First Job in IT with Perseverance and a Plan

It’s hard to believe, but after two and a half years of studying and about two years of meaningful job search, I finally got my first job in IT.

408. How Much Does Website Design Cost in 2022?

Website design costs are something you need to know before you start designing your website

409. The Noonification: Maggie: The Saga of a Baby Translator AI Startup (5/24/2024)

5/24/2024: Top 5 stories on the HackerNoon homepage!

410. How to Design a Grid-based Framework Using the CSS Float Property

Basic grid-based framework

411. What I Learn When I Failed a Project

Project "Carpool"

412. Micro-frontend Migration Journey — Part 2: The Toolkit

Creating a robust toolkit is crucial for a successful migration of existing apps and the smooth adoption of new micro-frontends in the future.

413. An Introduction to CSS for Aspiring Web Designers

CSS stands for “Cascading Style Sheets.” It is a formatting language that allows us to visually improve our HTML tags (size, color, font, etc.). As the name suggests, it does it by cascading.

414. Reasons Why CSS Grids Are Ideal for Enhancing Responsiveness

When asked about their favorite layout system, front-end devs often discards "CSS grids" and consider it as non-effective since it achieves the same goals of other systems with many more code lines. Especially if responsiveness is required. I've been using css grids for a long time (it's my favorite) and I learned about a case where it's better to opt for css grids rather than other layout systems.

Thank you for checking out the 426 most read blog posts about Front End Development on HackerNoon.

Visit the /Learn Repo to find the most read blog posts about any technology.

Originally published on HackerNoon.