Tutorials on Angular

Learn about Angular from fellow newline community members!

  • React
  • Angular
  • Vue
  • Svelte
  • NextJS
  • Redux
  • Apollo
  • Storybook
  • D3
  • Testing Library
  • JavaScript
  • TypeScript
  • Node.js
  • Deno
  • Rust
  • Python
  • GraphQL
  • React
  • Angular
  • Vue
  • Svelte
  • NextJS
  • Redux
  • Apollo
  • Storybook
  • D3
  • Testing Library
  • JavaScript
  • TypeScript
  • Node.js
  • Deno
  • Rust
  • Python
  • GraphQL
NEW

Qwik SEO Performance: Why It May Outshine React, Angular, Vue, and Svelte

SEO is a critical element for any online platform's success. As SEO gained momentum, web development technologies like React, Angular, Vue, and Svelte had to integrate SEO into their core structure. However, there is a technology designed from scratch to incorporate SEO principles into its core…

I got a job offer, thanks in a big part to your teaching. They sent a test as part of the interview process, and this was a huge help to implement my own Node server.

This has been a really good investment!

Advance your career with newline Pro.

Only $40 per month for unlimited access to over 60+ books, guides and courses!

Learn More

Getting Started with PrimeNg: 3 Most Useful Components for Your Angular Project

In this article, we'll learn how to use PrimeNG in your angular project from scratch. Since PrimeNG is a massive collection of UI components, we've picked the three most useful ones which any beginner can use in their angular projects. We'll be implementing autocompletion, chart model, and form validation features in this article.
Thumbnail Image of Tutorial Getting Started with PrimeNg: 3 Most Useful Components for Your Angular Project

Angular Directives Demystified

Directives are one of the least used features in Angular. They are often overlooked as devs typically tend to put all the logic into components. Lack of a clear understanding of how directives work also contributes to their underuse. In this article, we will learn all about directives, when and how to use them, and look at some useful real-world examples to cement this understanding.
Thumbnail Image of Tutorial Angular Directives Demystified

Jam on your MIDI keyboard in Angular

Web MIDI API is an interesting tool. Even though it has been around for a while now, it is still only supported by Chrome. But that's not gonna stop us from creating a playable synthesizer in Angular. It is time we bring Web Audio API to the next level!
Thumbnail Image of Tutorial Jam on your MIDI keyboard in Angular

Writing Retrowave in Angular

Web Audio API has been around for a while now and there are lots of great articles about it. So I will not go into details regarding the API. What I will tell you is Web Audio can be Angular's best friend if you introduce it well. So let's do this.
Thumbnail Image of Tutorial Writing Retrowave in Angular
NEW

This Holiday Season, Give Yourself the Gift of Easy Angular i18n with Transloco!

Hello, Shalom, Ni Hao, Bonjour, Privet, Ciao, Marhabaan, and Hej! Good news everyone! Netanel Basal, who brought us the sleek state management of Akita, and the efficient testing tools of Spectator, has done it again 😎 He recently introduced Transloco - an internationalization (i18n) library for…
Thumbnail Image of Tutorial This Holiday Season, Give Yourself the Gift of Easy Angular i18n with Transloco!

How to get started with Cypress

If you’ve been developing frontend applications recently, you’ve undoubtedly heard of Cypress.io. Cypress is a powerful testing framework that makes writing tests easy and really fun. I’ve used Cypress on a number of projects, and had a great experience. In this post I’m going to introduce Cypress, and walkthrough using Cypress with an Angular project.
Thumbnail Image of Tutorial How to get started with Cypress

Getting started with Angular and ASP.NET Core

Building distributed systems nowadays is challenging and uses a lot of tools and frameworks for the frontend and

Thumbnail Image of Tutorial Getting started with Angular and ASP.NET Core

How to Integrate Angular with a .NET Core Project – Let’s go to the movies!

In this article, we are going to show you how to integrate a server-side .NET Core project with

Thumbnail Image of Tutorial How to Integrate Angular with a .NET Core Project – Let’s go to the movies!

Preparing for Your ngUpgrade

Look, I get it. Migrating from AngularJS to Angular is not an easy task. Depending on the size

Thumbnail Image of Tutorial Preparing for Your ngUpgrade

Getting Started with Nx: The Nrwl Extensions for Angular

In this article we will learn how to create an Angular Nx Workspace and scaffold it out with

Thumbnail Image of Tutorial Getting Started with Nx: The Nrwl Extensions for Angular