Let's learn about Angular via these 227 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.
Angular was like, doing React's job before it was cool.
1. Angular vs React vs Vue: Which is the Best Choice for 2019?

2. 7+ Best Courses to Learn Web Development for Beginners
Hello all, if you are thinking to learn about Web Development or want to become a web developer then you have come to the right place. In this article, I am going to share some of the best online courses you can take to learn Web development in depth.
3. Adding the loading component (spinner) to an Angular application
Application example built with Angular 14 and adding the loading (spinner) component using the ngx-spinner library.
4. Angular State Management: A Comparison of the Different Options Available
Explore Angular state management options: Component State, Services & RxJS, NgRx Store, and choose the best for your app.
5. Building Progressive Web Application (PWA) with Angular
Application example built with Angular 14 and adding the Progressive Web Application (PWA) using the @angular/pwa library.
6. How to Implement Micro Frontend Architecture Based on Angular
Building Micro Frontend helps the app development process to be enhanced in multiple ways. Here we described how to integrate such approach based on Angular.
7. How to Reset Password with Node.js and Angular [Part 2]
In this 2nd part of our tutorial, we are going to continue our journey of creating reset password functionality. In the 1st part, we completed the back-end with Node.js Express and Node mailer, created an API which will use in this part in Angular. Let’s get started.
8. How to Show a Modal Dialog in Angular
Learn how to show modal dialogs in Angular using @developer-partners/ngx-modal-dialog library.
9. How to Build an Employee Management CRUD App with Angular and Material UI
Here, you'll learn how to create an employee management crud app using Angular and Material UI. This is a step-by-step easy beginners friendly tutorial.
10. Creating and validating a reactive form to an Angular application
Application example built with Angular 14 and creating and validating a reactive form.
11. 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.
12. 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
13. A Guide to Angular Signals With Practical Use Cases (Part 2)
Today, we’ll delve deeper into Angular Signals, exploring more real-world scenarios where Angular Signals can be an indispensable tool.
14. 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.
15. 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.
16. Virtual DOM, Reconciliation And Diffing Algorithm Explained Simply
Ever wondered what makes react so fast ? Here's a detailed explanation why react is fast and what is virtual DOM.
17. What are the Best UI Component Libraries for Angular in 2022?
It's no secret that Angular is one of the most popular full-stack frameworks with component libraries accessible today.
18. Understanding Feature-Sliced Design: Benefits and Real Code Examples
We explore the Feature Sliced Design pattern, a new architectural approach that promises to make software development more efficient and flexible.
19. How to Create Custom Form Control for the Phone Number Input Field Using Angular
Angular developers often find it difficult to integrate a phone number input field.
20. 16 JavaScript Protips [2020 Edition]
When I began learning JavaScript, I made a list of every time-saving trick that I found in other people’s code, on code challenge websites, and anywhere other than the tutorials I was using.
21. Top 7 Best Frontend Development Frameworks and When To Use Them
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).
22. Mastering API Requests in Angular: Best Practices for Efficient, Secure, and Maintainable Web Apps
Master the Art of Angular API Requests: Best Practices for Success!
23. Server-Side Rendering in Angular
The technology that allows us to run our Angular applications on the server is described in the Angular docs as Angular Universal.
24. Adding the log component to an Angular application
Application example built with Angular 14 and adding the log component using the ngx-logger library.
25. The Main Differences Between Angular, React, and Vue
Gathered review of the major used frameworks: Angular, React, and Vue. We compared them by the most crucial criteria for deciding on one of them for a project.
26. Sharing Reusable Angular Components
When building Angular applications you compose the UI of your applications through shared reusable Angular components.
27. 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.
28. Applying Angular Runtime Configurations in Dockerized Environments
With the shift to Cloud-first and the rise of managed infrastructure and orchestrations such as EWS, Azure AKS or GCP clusters the application landscape needs to prepare and adjust itself to match newly rising requirements. This is for such nothing new nor unknown, but acknowledging this fact is one and probably the first important step.
29. Creating and validating a template-driven form to an Angular application
Application example built with Angular 14 and creating and validating a template-driven form.
30. Using Angular to Detect Network Connection Status - Online/Offline
How to detect if the network connection is Online/Offline with Angular - RXJS
31. Angular Server Side Rendering State Transfer For HTTP Requests
This tutorial extends the SSR explained on Server-side rendering (SSR) with Angular Universal page. This tutorial fixes the content flash occurs on SSR write after page loads due to content refresh caused by data received through network requests. If you are crazy about PageSpeed/Web Vitals score as much as me, this will help you to improve:
32. Implementing A Confirm Password Field in Angular Template Form Without A Custom Validator
When you try to make a confirm password or a retype email field using Angular template-driven forms, you might think it will be as easy as using a validate equal attribute that would take the other field's reference or name and produce an error if the two fields aren't matching,
33. Building Shared Access Shopping Cart With Angular & Firebase
Retail illustration by Sail Ho Studio
34. Debugging Angular Application in Production mode
Debugging Angular Application in Production mode
35. Adding the Google reCAPTCHA v3 to an Angular application
Application example built with Angular 14 and adding the Google reCAPTCHA v3 component using the ng-recaptcha library.
36. Harnessing the power of Mixins in Angular
What is a mixin? As per version 2.2, TypeScript now supports the concept of a mixin - a function that can take a class, extend it with some functionality, and then return the new class, allowing other classes to extend from it - allowing classes to mix and share functionalities!
37. 2019 in Frontend Development: JS, TS, React, Vue & More
Originally published on gitconnected.com
38. Getting Started with Fabric.js in Angular 13: Creating and Editing Canvas
Are you looking to integrate Fabric.js into your Angular 13 project? Look no further! In this blog post, we'll guide you through the process of getting started
39. Adding the social media share buttons component to an Angular application
Application example built with Angular 14 and adding the social media share buttons component using the ngx-sharebuttons library.
40. How to Compile Angular Component To HTML String With All The Bindings
Compile Angular Component To HTML String With All The Bindings
41. Upgrading Angular From v8 to v13
Upgrading from Angular 8 to 13 - the most common errors and their respective solutions
42. Optimal Communication Between Microfrontends and Cross-microfrontend Optimization
In this article, we will discuss different options for sharing state and code between micro-frontends and highlight the benefits and drawbacks of each approach.
43. Is Angular Still Worth Learning in 2022? Extended Edition
A fresh perspective on if Angular is dying or if it's still worth learning in 2022!
44. Speech Recognition And Speech Synthesis on Angular
I was writing a chat bot where a user interacts with a machine learning powered bot, then I wanted to write a general example application for anybody to use it. In this application, there will not be any intelligence. The bot will simply recite what it heard so that anyone can implement his/her own logic.
45. 6 JavaScript Courses To Land Your Next High Paying Job

46. 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.
47. Single Page Applications: The Rise of Web Apps in 2020
We all need to agree that when it comes to technology, things are unpredictable. Whether you’re a startup enabler, entrepreneur or developer you need to keep yourself updated for two reasons:
48. What are Router Events in Angular?
During each navigation, the Router emits navigation events through the Router.events property allowing you to track the lifecycle of the route.
49. Hosting an Angular Application on Amazon S3 Using Github Actions
Application example built with Angular 14 and hosted on Amazon S3 (Simple Storage Service) using GitHub Actions.
50. Angular Expandable and Collapsible Sidebar With Icons: A Step-by-Step Guide
Creating an expandable and collapsible sidebar in Angular can significantly enhance the user experience of your application.
51. Authentication using the Amazon Cognito to an Angular application
Application example built with Angular 14 with authentication using the Amazon Cognito service.
52. Adding the Google reCAPTCHA v2 to an Angular application
Application example built with Angular 14 and adding the Google reCAPTCHA v2 using the ng-recaptcha library.
53. Understanding React (Routing) with your Angular Knowledge
Welcome to my React learning guide if you’re an Angular developer. On this series, I’ll provide you all the steps to develop the “Getting Started with Angular: Your First App” using React.
54. Angular Vs. React: Choosing a Front-End Web Stack
Web development is an Art.
55. Splitting Angular Applications Into Micro Front-Ends
The alternative approach of designing huge applications.
56. How To Access Properties Of Objects On Observables Like A True Expert
Hi, fellow RxJS streamer! 👋
57. Angular and Django Integration in One Project
For those times, when you ought to do things which you don’t want to do.
58. Boosting Website Performance: Leveraging Webpack for File Compression and Optimization
File compression is a powerful optimization tool that reduces data size and leads to faster page loading times.
59. 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.
60. How to Extend the FormControl Functionality in Angular
This article reveals the way to create a custom form control based on FormControl to extend its features and bring more flexibility to the development.
61. Using Open Source AWS Amplify JS with Cognito to Secure Angular Apps
This article shows how to set up the Cognito UserPools JWT authentication flow and how it will integrate with an Angular Web Application.
62. Efficient SVG Icon Management in Angular: A Comprehensive Guide Using Angular Components
This article is about the creation an Angular component for using SVG icons. This is an optimized (by caching) approach to handling this task
63. 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.
64. Adding the map Leaflet component to an Angular application
Application example built with Angular 14 and adding the map component using the leaflet library.
65. How to Setup Different Environments for Dockerized Angular App with Nginx
Here I’m going to suggest to you a very simple deployment practice that we can follow in regards to deploy an Angular-based front-end app.
66. How Pagination Works in GraphQL
In this post, we'll compare different pagination methods in GraphQL and learn how to configure a REST directive to perform cursor-based pagination with StepZen
67. Is There a High Demand for React Programmers?
React.js is one of the most demanding frameworks on the market; it is now used by 31.3 percent of all professionals globally. Netflix, PayPal, eBay, Airbnb, and other leading IT companies utilise the tool to develop scalable, easy-to-maintain systems. Why are corporations so interested in implementing React.js?
68. Adding charts using the Highcharts library to an Angular application
Application example built with Angular 14 and adding charts using the highcharts library.
69. 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.
70. A Short Introduction to Angular FormArray
Exploring Angular FormArray: Simplifying Dynamic Forms
71. How to Integrate Dialogflow Chatbot with AngularJS [Step-By-Step Guide]
There are numerous posts about developing a chatbot using Dialogflow. But creating chatbot isn’t enough. Connecting Dialogflow to the web interface is even more interesting and challenging. With Angular being a popular and emerging platform, here is our guide to integrate Dialogflow chatbot with Angular JS.
72. 🎉 Introducing Spottr - Your Spotify Stats Year-Round
Spottr is a PWA built to view your Spotify listening stats year-round.
73. Adding the Bootstrap CSS framework to an Angular application
Application example built with Angular 14 and adding the Bootstrap CSS framework using the bootstrap and @ng-bootstrap libraries.
74. React vs Angular: Why Is React So Much More Popular
In this blog, we will give you a clear idea of which one is better - React vs Angular and help you make the final decision.
75. The Top 5 Angular Reporting Tools
Learn about the best Angular Reporting Tools for your web applications in this guide to the top solutions.
76. Make a Choice Between React, Angular, and Vue to Create Web Apps
As market trends begin to shift towards front-end development, it’s easy to question which JavaScript framework is in demand. Is it React, Angular or Vue? It’s a kind of game that makes you confused about which one you should pick up for your next web development project. It is even more confusing when you are just entering the trade game. A lot of startups and entrepreneurs don’t even realize which one is the right front-end framework for their web project.
77. Protect Angular Code Against Theft and Reverse-Engineering
In this step-by-step guide, you'll learn how to protect your Angular code from being stolen or reverse-engineered, by leveraging the power of Jscrambler.
78. npkill — The solution to deleting node_modules easily, with style
Introduction
79. Monolith vs Composite UI - Future of UI Development?
Using Composite UI in angular is one way to use a multiservice application in the backend that has a few advantages over the conventional, Monolith architecture
80. Creating a Short Number Format Pipe Using Angular8
To improve readability instead of displaying full numbers very often there is a need to display shortened numbers. Here is an example of how to create your own customisable short number pipe in Angular8.
81. 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
82. Creating and Running an Angular Application in a Docker Container
In this article, we will create a web application using the latest version of Angular, generate a Docker image, and then execute this image within a ...........
83. Adding the notification component to an Angular application
Application example built with Angular 14 and adding the notification component using the ngx-toastr library.
84. Implementing Multiple Role-Based Authentication in Angular
Empower Your Angular App: Implement Multi-Role Authentication for Enhanced Security and Flexibility.
85. Angular vs React vs Vue: The Most Versatile Programming Language for 2020
Front end development has never been so popular earlier than now. The powerful comeback of javascript has gained an enormous advantage and the single age applications easily replaced the old traditional web apps. The apps are now more powerful with the more focus over the first gate for your app, called the user interface.
86. 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.
87. Authentication in an Angular Application Using Supabase
Application example built with Angular 14 with authentication using the Supabase service.
88. Folder Structure of Angular Applications
Today we are discussing another angular topic which is the folder structure of angular applications.
89. How CORS (Cross-Origin Resource Sharing) Works?
If you are a web developer, you must have seen the ‘CORS’ error appearing often on your screen when you try to call the API. But, Why does it happen?
90. Mastering Angular @Input and @Output Chains
Unlock the Power of Angular Input and Output Decorators: Simplify Component Communication.
91. 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.
92. Supercharge Your JavaScript Dockerfile for High-Performance Production Deployments.
A step-by-step guide on writing a Dockerfile for a NestJS project.
93. An Essential Guide to Angular User Login and Registration (Cookies and JWT)
In this guide, we will design and implement a complete solution for user authentication including user login, registration, and account confirmation.
94. 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.
95. The Top Angular Spreadsheet Tools
Explore the top Angular spreadsheet tools and their notable features for your applications in this review of leading options.
96. 7 jQuery-Free Admin Dashboard Templates Built with React, Vue or Angular
Recently we decided to make our templates jQuery-free. Please enjoy this list of admin dashboard templates without jQuery dependencies.
97. Angular & Spring Boot - Using Serenity BDD for Integration Testing
Learn how to write fluent integration tests for modern web applications!
98. How we created the first low-code prototyping tool that generates Angular code for non-coders
Have you ever found yourself in a situation when you’ve created the product, met the user's needs but there are no results? Still, when you entered the market, you were sure that everything would be okay. We’ve been there.
99. Angular v14's New Features
Angular v14 is available. Here are the new features and improvements from this new version such as streamlined page titles, ng modules and new commands.
100. Authentication using the Auth0 to an Angular application
Application example built with Angular 14 with authentication using the Auth0 service.
101. 10 Useful JavaScript Functions to Learn
Read about the 10 must-know JavaScript array functions.
102. Step Up Your Game and Start Using Nest
NestJs is an easy-to-learn and powerful framework. The beginner's guide for developers will teach you how to create an application using the NestJS framework.
103. How to Publish Your First Angular Library Into a Package Registry
How to build an Angular library, and how to publish it to the public and private registry. Set up custom npmrc and npm registry. Automate publishing process
104. Angular or React: Which One Should You Choose and Why
When to Choose React? When to Choose Angular? Features of React Features of Angular JS History of React JS History of Angular JS React vs. Angular: The Complete Comparison Advantages of React js Advantages of Angular js Disadvantages of React jsDisadvantages of Angular js Which is Better?
105. Angular Awesomeness: Supercharge Your App with Loading Spinners for Observables
Enhance user experience in Angular with captivating loading spinners for observables. Elevate your app's responsiveness today!
106. 4 Ways to Dynamically Add Classes in Angular
Learn how to programmatically add and remove classes in Angular with these four comprehensive techniques.
107. WYSIWYG HTML Editors and Accelerating Development with React, Angular, and Vue
Let’s check out how React, Angular, and Vue.js expedite development and compare their methodologies.
108. You Learned a Programming Language, But How Do You Start Coding?
Anytime I visit r/programming, without fail, there’s a post of a programmer that goes “I’ve completed Sololearn courses, read through coding books, and finished my CS curriculum. I even understand most programming jokes. So, am I already good enough?”.
109. Adding the ESLint to an Angular Application
Application example built with Angular 14 and adding the ESLint using @angular-eslint/schematics library.
110. NX Generators: The Solution to Boring Tasks
NX generators are a powerful tool for automating repetitive and tedious tasks in software development.
111. A Guide to State Management in Angular Using Ngrx (Version 12)
An Angular Reactive Extension is NgRx. Based on the Redux pattern, it is a state management system. It enables complex state management.
112. RxJS for Beginners: Mastering Observables, Subjects, and Operators for Reactive Programming
Master RxJS with ultimate guide for beginners. Understand Observables, Subjects, and Operators, and learn how to use them in Angular applications.
113. 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.
114. What is ECMAScript and How is it Different From JavaScript?
Many times developers use JavaScript and ECMAScript synonymously for each other. Though they are very closely linked to each other, it does not mean they are the same thing.
115. The Importance Of Selecting The Right Frontend Framework
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
116. The Magic of Angular Change Detection: A Developer's Handbook
Explore Angular's change detection mechanisms and strategies to optimize your app's performance efficiently.
117. Angular 14: New Features and Updates
Angular 14's new features include standalone components, strictly typed forms, CLI Auto-Completion, accessibility to streamlined titles and the angular CDK.
118. 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.
119. Adding the Map Component Using the AWS Services to an Angular App
Application example built with Angular 14 and adding the map MapLibre component using the Amazon Amplify Geo and Amazon Location Service services.
120. Mastering RxJS Memory Leaks: The Leak Detective Handbook
Memory leaks happen when Observables linger around in memory, long after they’ve finished their tasks. They’re no longer needed, but they stick around anyway, t
121. Mastering Angular Dependency Injection: Advanced Techniques for Building Robust Applications
Explore advanced Angular dependency injection techniques to build robust, maintainable applications efficiently.
122. The Ultimate Guide to Angular for Non-Technical Founders
In this guide, I’m going to give you in-depth knowledge of a very popular and widely used client-side framework called Angular. This guide intends to help founders of non-technical background who wish to learn the basic idea behind Angular. It will also help you make a decision if it’s the right choice for your upcoming project, and, subsequently what a front-end developer must know about Angular and how to hire angular developers in the current scenario.
123. 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.
124. 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 .
125. Top Angular Admin Templates
People reviewing admin templates usually think about what kind of intro they should start the article with. But let’s be honest, no one is ever interested in these. People just scroll down and go straight to the point. So this time we thought we’ll skip the intro at all. We won’t explain why and how exactly using admin panels can save you money, you can read about it here.
126. Creating an Angular Blog With Scully and Deploying on Netlify
Learn how to make your personal site from scratch using Angular and Scully. Top it up with an easy deployment via netlify.
127. React vs Angular: Choosing the Best Option for Front-end Development
React.js and Angular are equally good at building web-based applications. Some of the world projects are built with React.js.
128. An Ode To Angular JS as It Embraces the End of Life
AngularJS has retired. Time to show respect in the form of an ode.
129. Angular Reactive Forms: Mastering Dynamic Form Validation and User Interaction
Master dynamic form validation and user interaction with Angular Reactive Forms. Build interactive web forms easily.
130. Expect the Unexpected With Angular & RxJS
Let’s create a simple Angular application that will load the data of a github user, and then (not) beautifully crash when trying to load a non-existent one.
131. Hosting an Angular application on GitHub Pages using GitHub Actions
Application example built with Angular 15 and hosted on GitHub Pages using GitHub Actions.
132. React vs Angular: Final Thoughts
React versus Angular when learning a new framework, which should you use?
133. The Top 10 Benefits of Angular for Web Development
Angular was designed with performance in mind. It's fast and efficient, making it a great choice for high website traffic.
134. Logistic Regression: Train Model In Python And Use It on Angular Front End
Demo for this article can be found here.
135. Mastering Angular Services and Dependency Injection: A Comprehensive Guide with Example
Unlock the power of Angular services and dependency injection with practical examples in this comprehensive guide.
136. JS Community Reacts to George Floyd’s Death
The killing by Minnesota police of George Floyd grabbed the media's attention recently. Nobody can be indifferent to this heinous crime, and the JS community has also reacted to the incident.
137. Introduction to Strapi : Headless CMS for Building Web Applications
Strapi is an open-source Headless CMS that gives developers the freedom to choose their favorite tools and frameworks.
138. My Top Seven JavaScript Frameworks
As the new year unfolds, we must catch, up on the latest technologies for 2020 that can help our businesses grow. Talking about web development, JavaScript plays a huge role in building server-side, client-side, desktop and mobile apps. Known as the primary language for web development, JavaScript can design apps aligned with many features and functionalities to develop interactive user-interfaces. With several numbers of JavaScript frameworks that are available in the market today, it can be a difficult task to choose one for your project. Before you hire a dedicated developer, let’s go through the list of the leading Frameworks that are best to use for your next project in 2020.
139. In Challenge to React Native, TikTok Unveils Lynx
TikTok has unveiled Lynx, an exciting new approach to cross-platform app development that's already powering major features.
140. Javascript Cheatsheet: Spread Operators
This Javascript Cheatsheet for Spread Operators explains the use case scenarios and the basic concepts behind Spread Operators when coding in Javascript.
141. Use DocRaptor to Add Output Options to a Full-Stack Application
Learn how to add DocRaptor to convert HTML to a PDF with advanced features, such as custom headers, footers, watermarks, and endless styling options.
142. Render Lists using Infinite Scroll in AngularJS
How to build infinite virtual scrolling lists in Angular to deal with situations with long lists of data efficiently and without compromising on performance.
143. 9 Reasons Why Angular JS is Amazing
The days of messy sites, broken links, and unresponsive sites are out of date. It's time to embrace the era of modern web development. Interactive, responsive, and impeccably designed sites, although there are many variables that make a site efficient; The way data shows data is of paramount importance. That's when JavaScript intervenes. AngularJS is an advanced framework introduced by Google.
144. 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.
145. Top 5 Angular UI Components
Learn about the best Angular UI Components for your web applications in this guide to the top solutions.
146. How to Integrate a Rich Text Editor into Angular Forms
Out of the box, Angular forms are powerful and versatile. Even though Angular forms are versatile, we’ve found that clients need more flexibility when interacting with their applications. For example, a form isn’t the best medium for generating complex, formatted documents such as an email.
147. Desktop Application Development in ElectronJS Using Angular
As of today, a program is an interface, a bridge between a computer and a user. There is another word that has been labeled to it, which is called an application. An application would be a good use of anyone's time in making themselves productive. Well, considering the smartphone count in regards to the personal computer count, there are more mobile applications than desktop applications. This leaves a very big grey area for the desktop users, in finding applications that are productive.
148. How To Setup Caching in Nodejs
How to use decorators to implement in a few lines of code a coaching mechanism for both node and web application
149. Fundamental Concepts of Angular
Fundamental Concepts of Angular for beginners to advanced level developers.
150. Testing Angular Apps with Cypress
Cypress is an end-to-end testing framework that provides a fast, reliable, and easy-to-use platform for testing web applications.
151. Why you Should Choose AngularJS over React in 2022
It's a good idea to use angular development framework in 2022 since it doesn't require any unnecessary antiquated code and has a slew of amazing capabilities.
152. From RxJS to Signals: The Future of State Management in Angular
Angular 19+ makes Signals the default for local state. This guide shows how to balance Signals, RxJS, and NgRx and refactor legacy patterns safely.
153. 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.
154. Component-Driven Collaboration
Component-Driven Collaboration (CDC) is a way to build frontend code, as a team, by delivering code updates as meaningful independent components. CDC can be contrasted by the "traditional" way of delivering updates with no clear borders, meaning or purpose.
155. Angular 8.0 Has Arrived: What to Expect and How to Upgrade?
Finally, Angular 8 is prepared to hit the market. But wait, Angular 7 will be available till April 2020, and it still serves your purpose, you may not need to upgrade to Angular 8 till then. But keeping the advantages and value additions in mind, you may consider upgrading to Angular 8.
156. How to Create an Angular Library to Publish on NPM
Libraries and packages help to abstract reusable code and improve efficiency during development. Learn how to create libraries for the Angular ecosystem.
157. Here's How I Got Started With Kubernetes: Part I
While scheduling classes for my final semester of college, I was very eager to do something different. Like many of my computer science peers, I had grown tired of the typical class where we have to reinvent the wheel when learning new concepts.
158. The Right Approach to Technical Challenges and Getting Hired
I’m a Fullstack Developer with over 13 years of professional experience. I use .NET/.NET Core as my primary tool and have a passion for front-end development too. I’m quite versed in using vanilla JavaScript along with the Angular framework (since AngularJS 1.3 version). Working as a full-time Senior Developer.
159. Node.js Vs AngularJS: Which is Best for your Web App?
Now when you understand well the difference between both the platforms, you must agree with the fact that both the platforms are great as well in their respect.
160. Quickly Create an Angular Datagrid in Your Web Application
Learn how to quickly create an Angular datagrid in your web application. See more from Wijmo today.
161. How to Use Angular @Input to Pass Data to Dynamically Created Components
It would be so much better if we could just use the @Input decorator like we’re used to. Well, guess what? Angular supports doing this exact thing as of v16
162. Angular 21 Rolls Out Modern Testing, Headless A11y Components, and AI Tools
Angular v21 brings signal-driven forms, new accessibility tools, AI-powered CLI features, zoneless apps, and modern testing with Vitest.
163. Angular Forms: Building Engaging User Interfaces with Template-Driven and Reactive Forms
Master Angular Forms: Build Interactive Web Forms with Ease.
164. Everything You Need To Know About Angular Material Components
A good UI design also increases user interaction on your website and makes it easy for users to get things done.
165. Sharing Observables: Preventing Identical Http Calls
Assume the following case: You have an Angular/Ionic project that has multiple components that need the same resource. When the app loaded, the components will start getting the fresh data from the backend. Hence you will probably see multiple identical calls in the Network tab.
166. Angular vs AngularJS: What is the Difference
The fact that Angular is based on TypeScript and AngularJS is based on JavaScript is one of the most significant differences between the two frameworks.
167. Getting Started with Angular: Build Robust Web Apps with Ease
Angular Unleashed: Build Robust Web Apps with Ease. Install, code, and scale effortlessly. Embrace reusability, modularity, and stunning UX.
168. Incremental Hydration in Angular
Incremental hydration is an advanced type of hydration you can leave sections of your app dehydrated and hydration of choice sections as needed.
169. CDK Overlay Positioning in Angular: Advanced Techniques
Learn the full potential of Angular CDK Overlay with advanced positioning techniques explained step-by-step.
170. The Difference Between Angular, NPM, and Node.js
There's a lot of confusion around the terms Angular, NPM, and NodeJs. What are they? And how do they interact with each other?
171. How to Add the AWS WAF CAPTCHA to an Angular Application
In this article, we will create a WEB application using the latest version of Angular and integrate the AWS WAF CAPTCHA challenge to protect against bots.
172. 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.
173. Adding the internationalization (i18n) component to an Angular application
Application example built with Angular 14 and adding the map Leaflet component using the leaflet library.
174. How to Deploy a SPA on AWS With S3 and CloudFront: The Right Way to Do It
In this tutorial, I’ll walk you through the secure, scalable deployment of a SPA (built with frameworks such as React, Vue, or Angular).
175. Angular 17 + Mathlive: How I Solved the .woff2 Loader Error
woff2 files cannot be built by Angular 17 because there's no loader. Here are some alternatives to resolve the issue.
176. 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.
177. 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.
178. How "This" Binding Works in JavaScript
In this article, we will learn how "This" binding works in Javascript.
179. How to Manage Modal Windows in Angular Apps
How to manage modal windows in Angular application via common service and dynamic imports.
180. React 18 new features
New in React 18, New features in react 18
181. One More Way to Build and Expose Your Angular Application as a Micro Frontend
Discover how to effectively build and expose your Angular application as a microfrontend, with practical tips, code snippets, and key considerations.
182. Using The New HTML Search Element: Enhancing Semantics for Search Functionality 🔎
Learn how to use the new HTML search element for semantic search functionality in websites and web apps.
183. Introducing the at() Method for JavaScript Arrays
This article is about latest ecma script or ES22 update of at() method of array. at() method of array is used for getting the value based on index
184. How to Use the Angular CDK Trap Focus Directive
In this post, I’ll first help you understand what a focus trap is, then why it’s important, and finally, I’ll show how to quickly and easily add the concept
185. How to Leverage Salesforce via a Client Written In Angular
In this series article, John Vester introduces an Angular application and NgRx state management to read data from Salesforce for use by a basic component.
186. 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.
187. Internationalization in CSS
Internationalization In CSS
Prepare your designs for an international audience.
188. Bolstering Your Business: A Look into Angular's Security Features
This blog post has given you a better understanding of the security landscape of Angular's web applications.
189. Building AI-Driven UI Personalization in Angular
Build AI-driven UI personalization in Angular with safe defaults, smart filters and adaptive layouts while keeping full control, stability and user trust intact
190. Angular v20 Just Became 35% Faster
Angular v20 significantly enhances server-side rendering (SSR), signals, and authoring capabilities, providing an improved developer experience.
191. Visualizing PostgreSQL Data With Angular To Analyze What Passengers Find Rude to Do During a Flight
The article guides you through the process of creating an Angular reporting app with PostgreSQL, pivot grid, and chart visualization in the form of a dashboard.
192. Mastering Scroll Behavior with Angular CDK Overlay: Strategies and Techniques
Explore different scroll strategies and techniques to enhance user experience and maximize overlay efficiency.
193. Debugging Angular Applications: The Tool You Need to Know
Angular DevTools is a great tool to make app development faster and more efficient.
194. A Deep Dive into Angular ngFor Performance Enhancement with TrackBy
When you're working with an array of primitive values (like numbers or strings), Angular's ngFor directive works pretty straightforwardly.
195. Adding the map TomTom component to an Angular application
Application example built with Angular 14 and adding the map component using the @tomtom-international/web-sdk-maps library.
196. Angular Destroys React When It Comes to Scaling Enterprise Apps: Here's Why
Today, I’ll focus on what makes Angular great if you want to scale your app
197. Mastering Angular Pipes: A Comprehensive Guide to Data Transformation in Web Development
"Unlock data transformation magic with Angular Pipes: Learn how to use and create custom pipes for dynamic web apps.
198. Set or Update New Title and Meta Tag - Angular
Set or Update new Title and Meta Tag- Angular
199. Implement Lazy Loaded Popups With @defer and PrimeNG
Optimize Angular performance with PrimeNG and @defer, reducing initial load times and enhancing the user experience through lazy-loaded components.
200. Angular Quietly Publishes AI Usage Guidelines

201. Tracking the Worst Sci-Fi Movies With Angular and Slash GraphQL
A Slash GraphQL service instance contains everything needed to provide data to an Angular app. Let’s make a fun demonstration using some of the worst movies.
202. Here's What the Pros Don't Tell You About Angular Unit Testing
In this article, I would like to share the experience I gained over the years with unit testing in Angular.
203. Angular Signals Are A Game Changer: How They're A Great Fit For Scalable Apps
Signals are a new concept in Angular that plays well with reactive programming and templates.
204. Understanding AngularJS Transclusion Directive
A ngTransclude directive is a thing I often found in many examples, yet I think it is not well explained in the official docs. I was never really sure how to use it, and I am sure I am not the only one. As I found, the general concept is not difficult, but documentation, which uses lots of big words, makes it hard to understand. I decided to create a quick user guide to describe how you can use ng-transclude with a short but expository example.
205. 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
206. ngx-fastboot: How to Increase Angular Velocity at Bootstrap
Optimize your Angular app with ngx-fastboot! Reduce initial bundle size, improve load times, and enhance performance easily 🚀
207. Achieving a High Return on Investment in Your Testing Efforts in Angular
Testing is often considered a necessary but time-consuming and ineffective task in software development.
208. Angular: Exploring Imperative and Declarative Programming with RxJS and Signals
In this post, we’ll explore these styles with a practical example of fetching and filtering a list of fruits.
209. SPA Tracking & Monitoring: How to Build Better Single-Page Applications With Real User Monitoring
Did you know roughly half of the users that visit your website leave if it takes more than 3 seconds to load? Optimizing your website or webapp for stellar performance is always a crucial goal for any software-based business.
210. Learn the Basics of Angular CDK Overlay: Angular Modals and Pop-ups
Master Angular modals and pop-ups using CDK Overlay, enabling the creation of globally positioned overlays and dynamically positioned pop-ups.
211. Animating Angular CDK Overlays
Learn to animate Angular CDK overlays seamlessly with Angular animations.
212. Understanding The RxJS Autorun Process
Hey, RxJS streamers! 🙋♂️
213. The HackerNoon Newsletter: How to Enter the Proof of Usefulness (PoU) Hackathon (1/23/2026)
1/23/2026: Top 5 stories on the HackerNoon homepage!
214. 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
215. The Noonification: How to Use the Angular CDK Trap Focus Directive (2/26/2024)
2/26/2024: Top 5 stories on the HackerNoon homepage!
216. Backend-Powered Styles for Your User Interface
Explore the art of harnessing backend-powered styles for your user interface, using Angular as a framework of reference.
217. Interview with Ajdin Imsirovic on Angular and Frontend Web Development
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.
218. Delivering Static Web Content on Heroku [A How-To Guide]
My primary goal is to find a solution that allows my limited time to be focused on providing business solutions instead of getting up to speed with DevOps processes.
219. Hosting an Angular application on GitHub Pages using Travis CI
Application example built with Angular 15 and hosted on GitHub Pages using Travis CI.
220. Use This Checklist to Make Your Angular App Scalable
This free checklist shows how to make your Angular app scalable and ready for enterprise demand.
221. How to Utilize Angular CDK Breakpoint Observer
Angular CDK Breakpoint Observer is a utility that allows us to monitor media queries programmatically and then react to them as needed.
222. How to Integrate Traditional Cloud Development With Salesforce
Heroku provides the necessary components to integrate cloud services with Salesforce to easily create a burndown chart to track performance.
223. Building Enterprise Angular Apps? You’re Doing It Wrong (Unless You Use Standalone Components)
Switching to standalone components in Angular significantly improves scalability, maintainability, and performance.
224. How to Use the Angular CDK Viewport Ruler for Responsive Apps
Learn responsive app behavior effortlessly in Angular with the CDK Viewport Ruler—never miss a viewport resize event again!
225. The Case for Factory Functions: Reducing Bugs and Technical Debt in Angular + Microservices Projects
The Case for Factory Functions: Reducing Bugs and Technical Debt in Angular + Microservices Projects
226. Exploring the Nature of Progressive Web Apps
PWA - Progressive Web Application. Pros, Cons, why, How is different from Native mobile application
227. Web Assembly, Automation and Cooking With Noonies Nominee Stanley Lim
Stanley Lim is nominated for 2 awards (Angular and Webdev) for the 2021 Noonies. He is a software engineer at Snap and author of Cirrus CSS.
Thank you for checking out the 227 most read blog posts about Angular on HackerNoon.
Visit the /Learn Repo to find the most read blog posts about any technology.
