angular logo

Showing a loader with Angular 2

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

angular logo

Animating with Angular 2

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, […]

angular logo

Implementing your own pipes with Angular 2

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 […]

angular logo

Using routing with Angular 2

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 […]

angular logo

Writing services with Angular 2 and 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 […]

angular logo

Getting started with Angular 2 using Angular CLI

Angular 2 has been released for a few weeks/months now, so it’s time to explore what has been changed (spoiler alert: a lot) and how you can get started with Angular 2. During this series I will build a small Pokédex, building on the pokéapi.