The Angular Magazine

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

Creating Progressive Web Apps with Angular — Part 1

Progressive web applications are the new <b>standard</b> in this modern era of web development. They’re pure web applications built with the very web …

Creating a Responsive Dashboard in Angular 5 From Scratch

The motivation behind me writing this is that I have yet not found a robust open-source tutorial of a dashboard module in Angular that allows the …

JavaScript

Fine grained change detection with Angular

Today, while working on my Angular screencast series (announcement coming soon), I discovered a strange behavior when dealing with Angular change …

JavaScript

How to extend a component with dependency injection in Angular 2?

I have the following class ModuleWithHttp:<p>and I want to use it as follows:<p>so by extending a super class that already injects a dependency I want to …

JavaScript

Angular: How StaticInjector replaces ReflectiveInjector

New <b>StaticInjector</b>has been merged to the master branch of angular project. It means that it will be released soon in <b>angular@5.x.x</b> and <b>should give us a</b> …

JavaScript

Understanding ngDoCheck and KeyValueDiffers in Angular

In this article, we are going to learn why we need the ngDoCheck life cycle hook and the KeyValueDiffers service by recreating the ngStyle directive …

JavaScript

Angular Open Source Projects for the Past Year (v.2018)

25 Amazing Angular Open Source Projects for the Past Year (v.2018)<p><b>For the past year</b>, we’ve compared nearly 2,500 Angular open source projects to pick …

JavaScript

Real Time Apps with TypeScript: Integrating Web Sockets, Node & Angular

Building a Real Time Chat app from scratch using TypeScript<p>Some time ago I implemented a simple chat application using TypeScript language only. The …

JavaScript

A software architect's approach towards using Angular (and SPAs in general) for microservices aka microfrontends

• 28. Dezember 2017<p>People ask me on regular basis how to use SPAs, esp. Angular-based ones, in a microservice-based environment. The need for such …

JavaScript

RxJS — Reduce Angular app bundle size using lettable operators

RxJS — Reduce Angular app bundle size using lettable operators<p>RxJS version 5. 5 introduced an impactful change in the import process of RxJS and …

JavaScript

Building a Mind-Controlled HTML5 Video

Angular TSLint Preset

A preset with TSLint rules for development of Angular applications. The preset contains both, tslint core rules, and codelyzer rules, which are going …

JavaScript

Use the Angular project template

Note<p>This documentation is not about the released Angular project template. <b>This documentation is about the preview version of the Angular template.</b> We …

JavaScript

Angular 5 Server Side Rendering With Firebase 🔥 — Step-By-Step Guide

Intro<p>What we are going to use:<p>Angular 5<br>• AngularFire Lite ( ⚡️ Lightweight Angular Firebase API wrapper)<p>Why <b>AngularFire Lite</b> not <b>AngularFire2</b> …

JavaScript

Getting Started With Angular and Go — Setting Up A Boilerplate Project.

<b>I have seen a lot of people on social media groups asking if there is a boilerplate project present for Angular/React + Go. As both an Angular and Go</b> …

JavaScript

What are @HostBinding() and @HostListener() in Angular?

To understand @HostListener and @HostBinding, you should have basic knowledge about directives in Angular. There are three types of directives in …

JavaScript

Smarter, Faster Builds with Nrwl Nx – nrwl

Building software at large organizations is hard. They don’t build small apps. They have multiple teams building multiple apps using multiple shared …

JavaScript

Using Tailwind with Angular

Tailwind is a CSS framework which allows you rapidly build custom user interfaces. As opposed to frameworks like Bootstrap, Bulma and Foundation, it …

JavaScript

Classes vs Interfaces in TypeScript

Classes and interfaces are powerful structures that facilitate not just object-oriented programming but also type-checking in TypeScript. A class is …

JavaScript

Global Error Handling with Angular2+

Error handling is one of those things no one wants to deal with, well in Angular you can create a global handler and never have to worry …

JavaScript

Angular Security - Authentication With JSON Web Tokens (JWT): The Complete Guide

This post is a step-by-step guide for both designing and implementing JWT-based Authentication in an Angular Application.The goal here is to discuss</b> …

Software Development

Building an Angular 4 Component Library with the Angular CLI and ng-packagr

One of the best tools available for building Angular applications is the Angular CLI.<p>The CLI conveniently allows developers to create new projects …

JavaScript

This is RxJS v 4. Find the latest version here

Which Operator to Use? - Instance Operators<p>Use this page to find the instance operator implemented by the Observable type that fits your …

JavaScript

Practical RxJS In The Wild 🦁— Requests with concatMap() vs mergeMap() vs forkJoin() 🥊

I would like to share with you experience acquired by working on a yet another Hacker News client (code name HAKAFAKA 😂 still in alpha). I have been …

JavaScript

11 Angular Component Libraries You Should Know In 2018

According to Stack Overflow’s 2017 survey, Angular remains the world’s most popular front-end framework.<p>Angular’s framework approach is to keep most …

Hook into Angular’s Initialization Process

<b>This article</b> <b>originally appeared on</b> <b>dormoshe.io</b><p>Sometimes you need to hook into internal processes. Sometimes you need to run your code before the …

Angular v4: Practical Countries Application

Code examples: Angular 4 application<p>In order to show the use of the countries-data npm I built an application using Angular v4. This application …

Ahead-of-Time Compilation in Angular

As you might have already guessed, from AoT we get performance. The <b>initial rendering performance</b> of each Angular applications we develop with AoT …

JavaScript

Authentication with Angular and Sails

I recently had to convert an application from using session-based authentication, managed by passport and Sails.js on the server, to JWT …