Posts tagged with Angular

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

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"
JavaScript

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"
JavaScript

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"
JavaScript

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"
JavaScript

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"
JavaScript

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"
JavaScript

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"
JavaScript

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"
JavaScript

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"
JavaScript

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.