The Angular Magazine

By Dan Wahlin | All about Angular! Tweet article suggestions to @DanWahlin.

Angular Testing In Depth: Components

<b>Get the "Migrating an Angular 1 App to Angular 2 book" for Free.</b> Spread the word and download it now!<p>Components enable us to display content on our …

JavaScript

Angular Testing In Depth: HTTP Services

<b>Get the "Migrating an Angular 1 App to Angular 2 book" for Free.</b> Spread the word and download it now!<p>When we write a web application, most of the …

JavaScript

Angular Testing In Depth: Services

<b>Get the "Migrating an Angular 1 App to Angular 2 book" for Free.</b> Spread the word and download it now!<p>When I started developing and writing tests for …

JavaScript

Migrating an AngularJS App to Angular

VERSION 1.1.0<p>Are you an Angular developer who hasn't had a practical opportunity to really dig into Angular v2+ yet? Do you have AngularJS 1.x …

JavaScript

Angular ngFor, and the compiler

Angular ngFor is a built-in Directive that allows us to iterate over a collection. This collection is typically an array, however can be …

JavaScript

How to make custom Angular Components Form Enabled & ngModel Enabled?

12 mins read<p>Component is one of the essential building block of any Angular app. A component controls a patch of screen called a view. Components are …

JavaScript

Real-World Angular Series - Part 4: Access Management, Admin, and Detail Pages

<b>TL;DR:</b> This 8-part tutorial series covers building and deploying a full-stack JavaScript application from the ground up with hosted MongoDB, Express, …

JavaScript

Learning Observable By Building Observable

Frequently via social media, or in person at events, I’m asked questions about “hot” vs “cold” observables, or whether or not an observable is …

JavaScript

Angular and Service Workers by @PascalPrecht

Angular<br>Service Workers<p>Shai Reznik Mighty Parrot<p>Service Worker?<p>Progressive Web Apps<p>Progressive<br>• Responsive<br>• Connectivity …

JavaScript

Managing State in Angular 2 Apps with ngrx/store

[special]The components we build for our web applications often contain state. Connecting components can lead to sharing mutable state: this is …

Component architecture recipes for Angular’s reactive forms

Component architecture is the fundamental building block of applications, and isn’t just limited to Angular. Building with components allows for …

JavaScript

Fullstack example codebases for React, Angular 2, AngularJS, Node, Rails, Django, and more

What is this?<p>RealWorld is a collection of exemplary frontend and backend codebases that demonstrate how to build real world, full stack …

Why TypeScript Is Growing More Popular

Why is TypeScript getting so popular? Key development frameworks depend on it and it improves developer productivity in the ever-changing JavaScript …

Create a Serverless Angular App with Azure Functions and Blob Storage

As DevOps continues to blur the lines between traditional IT operations and development, platforms and tools are rapidly evolving to embrace the new …

Cloud Computing

Reactive Forms in Angular: Listening for Changes With valueChanges

Reactive form instances like <b>FormGroup</b> and <b>FormControl</b> have a <i>valueChages</i> method that returns an observable that emits the latest values. You can …

Angular Material: Creating a Custom Theme

In our introduction to Angular Material 2, we showed how to use one of the pre-built themes, but it’s just as easy to create a custom theme. This …

Reactive Forms in Angular: Dynamically Creating Form Fields With FormArray

So you have a form and would like to add form fields dynamically from a response to a user event? It’s easy to do with Reactive Forms and <i>FormArray</i>. …

Angular Upgrade Guide

Speaking Engagement - 2017-04-07 Best Practices

Mad science with the Angular Compiler - MINKO GECHEV

Announcing ngrev - Reverse Engineering Tool for Angular

Have you ever been hired to work on a huge legacy Angular project with thousands of NgModules, components, directives, pipes and services? Neither do …

Docker: What Every Angular Developer Should Know About It! - Dan Wahlin

AngularDoc

Angular v4: Hybrid Upgrade Application

Angular version 4 is out and now we can enjoy it’s benefits. As explained in the Top 8 Resources to Explore Angular 4, the advantages of the version …

The Power of Structural Directives in Angular

What’s a Structural Directive?<p><i>A Structural directive changes the DOM layout by adding and removing DOM elements.</i><p>The two most common structural …

Angular 4.0.0 Now Available

Angular version 4.0.0 - invisible-makeover - is now available. This is a major release following our announced adoption of Semantic Versioning, and …

VS Code Tips and Tricks

Table of Contents<p>Basics<br>• Customization<br>• Extensions<br>• File and folder management<br>• Editing hacks<br>• Intellisense<br>• Snippets<br>• Git integration<br>• Debugging<br>• Task runner<br>• Other …