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 …
JavaScriptAngular 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 …
JavaScriptAngular 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 …
JavaScriptMigrating 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 …
JavaScriptAngular 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 …
JavaScriptHow 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 …
JavaScriptReal-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, …
JavaScriptLearning 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 …
JavaScriptAngular 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 …
JavaScriptManaging 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 …
JavaScriptFullstack 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 ComputingReactive 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>. …
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 …
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 …