Posts tagged with Angular
![Featured image for "Loading content within a sidebar using Angular routing"](/logos/angular.png)
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.
Read more →![Featured image for "Using WebSockets with Angular"](/logos/angular.png)
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.
Read more →![Featured image for "Progressive Web Apps with Angular CLI"](/logos/angular.png)
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.
Read more →![Featured image for "Using Apollo GraphQL with Angular"](/logos/apollo.png)
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.
Read more →![Featured image for "Handling authentication and authorization with Angular"](/logos/angular.png)
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.
Read more →![Featured image for "Working with @ngrx/store"](/logos/ngrx.png)
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.
Read more →![Featured image for "Getting started with Angular CLI and Project Clarity"](/logos/clarity.png)
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.
Read more →![Featured image for "Showing a loader with Angular 2"](/logos/angular.png)
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.
Read more →![Featured image for "Animating with Angular 2"](/logos/angular.png)
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.
Read more →![Featured image for "Implementing your own pipes with Angular 2"](/logos/angular.png)
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.
Read more →