Posts tagged with Angular

Featured image for "Loading content within a sidebar using Angular routing"

Loading content within a sidebar using Angular routing

In this tutorial, we'll use the powers of Angular Material and routing combined to load our route content within a sidebar or sidenav component.

Featured image for "Using WebSockets with Angular"

Using WebSockets with Angular

In this tutorial we'll explore how we can use WebSockets with Angular and how to properly create RxJS observables from them.

Featured image for "Progressive Web Apps with Angular CLI"

Progressive Web Apps with Angular CLI

One of the buzzwords of Google nowadays is Progressive Web Apps or shortly PWA's. In this tutorial we'll learn what progressive webapps exactly are. Additionally we'll see how we can use them and how we can integrate it with Angular and Angular CLI.

Featured image for "Using Apollo GraphQL with Angular"

Using Apollo GraphQL with Angular

Forget REST and learn GraphQL! In this tutorial I'll be using Apollo as my GraphQL client library together with Angular to create even more powerful applications.

Featured image for "Handling authentication and authorization with Angular"

Handling authentication and authorization with Angular

In this tutorial I'll use route guards, Http interceptors and directives to improve handling authentication and authorization in an Angular application using ngrx.

Featured image for "Working with @ngrx/store"

Working with @ngrx/store

A component-based architecture brings it own challenges, such as state management. In this tutorial I'll demonstrate how the ngrx library can solve this problem by defining actions and reducers.

Featured image for "Getting started with Angular CLI and Project Clarity"

Getting started with Angular CLI and Project Clarity

Project Clarity is a neat UI library with a component-set that can be used with Angular. In this tutorial, I'll set up Project Clarity with Angular CLI.

Featured image for "Showing a loader with Angular 2"

Showing a loader with Angular 2

With Angular 2, we can change the default Loading... message to something else. In this article I will show you how to change it into a wonderful pokéball.

Featured image for "Animating with Angular 2"

Animating with Angular 2

Just like AngularJS, Angular 2 has a mechanism for applying animations to your application. During this article we'll look into the animation API.

Featured image for "Implementing your own pipes with Angular 2"

Implementing your own pipes with Angular 2

Pipes are one of the key features of Angular 2 and they are the successor to AngularJS' filters. In this article I'll write my own pipes with Angular 2.