ūüĎčHey there,I'm Dimitri

I like trying out new frameworks and writing about them. Below you can find the latest articles I wrote.


Progressive Web Apps with Angular CLI

October 23rd, 2018 | 9 min read | angular, angular-cli, pwa

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.

Showing a loader with Angular 2

December 8th, 2016 | 6 min read | angular, angular-cli

We’ve already done quite a lot to get a working pok√©dex with Angular 2. However, there are still two things that bother me: If the API request takes a while, the user wont notice it. The page will just be blank When we open the application, we get a simple “Loading…” message

Animating with Angular 2

December 7th, 2016 | 10 min read | angular, angular-cli, components, pokeapi

We’re getting pretty far already with our Pok√©dex. We’ve already implemented a service with the Pok√©api, an overview and a part of the detail page. The next thing I’m going to look at is how to animate stuff with Angular 2. If you’re just like me and enjoyed the good ol’ days with AngularJS 1.x, […]

Implementing your own pipes with Angular 2

December 6th, 2016 | 8 min read | angular, angular-cli, pipe, pokeapi

Now that we’ve set up a project with Angular 2, with a service to fetch data from our REST API and some components and routing to show an overview of pok√©mons, it’s time to show some more detailed data. The component I’m going to be working on will be using the PokemonAbilityInfo object, which contains […]

Using routing with Angular 2

November 30th, 2016 | 10 min read | angular, angular-cli, routing

Last time, we pretty much finished our pok√©dex overview by implementing some pagination. Now that the pagination is behind us, we can focus on creating a more detailed view for our pok√©mons. If you remember when we wrote a service, we actually provided two functions, a findAll() and findOne() function. However, we didn’t use the […]

Writing services with Angular 2 and RxJS

November 22nd, 2016 | 20 min read | angular, angular-cli, pokeapi, rxjs

In our last article, we’ve set up a project with Angular 2 using Angular CLI. Now that we have a project and we understand it, it’s time to start writing some code. In this series I will be creating a small Pok√©dex using the Pok√©api. The application will have two pages, a list of all […]