2 years of Angular: lessons learned
Over the past two years, we have been working at Malmberg to build an amazing new education platform: Bingel. In this blog I like to talk about our adventures, mainly with Angular, and the lessons we learned. Bingel is a new platform for digital primary...
14 go Code One – Highlights
In October the first Oracle Code One event, previously also known as JavaOne, was held in San Francisco. This year it was a bigger event than ever before, since it became a conference for all developers not only for Java developers. Or, as Oracle likes...
Strategieweekend / Hackathon – 2018
Een paar dagen even lekker (ver) weg in Zuid-Limburg, prachtig weer, ergens bovenop een berg, met een stunning view. Ideale ingrediënten voor een paar dagen met de mannen ouderwets offline. Op een adembenemende locatie. Bij Hofleverancier De Smockelaer. Zouden de royals hier zelf eens gelogeerd...
Angular lifehack: reactive component input properties
From the moment I started working with Angular (and I don't mean AngularJS) I loved the framework. I experienced the same thing with Reactive Programming using RxJS. The cool thing is that Angular and RxJS go very well together. So, as you might expect from...
Sharing Angular modules like a boss
What forRoot and forChild have to do with lazy loading You just created a beautiful Angular component. Now, being the exemplary developer that you are, you want to share it with others. In Angular, you achieve this by moving it to a separate NgModule. The...
Drag ‘n Drop in Angular: Part 1 – The Draggable Directive
The first part of this series starts with the foundation: the draggable directive. This directive has only one responsibility: tracking the dragStart, dragMove and dragEnd events. Background To have the ultimate freedom, I recommend to stay away from the HTML5 Drag and Drop API. Of course, HTML5...
Drag and drop in Angular (new #tutorial series!): introduction
Remember using jQuery UI's Draggable and Droppableplugins, for building drag and drop features in web applications? Awesome, wasn't it? Now, what if we could implement drag and drop functionality just as easily in Angular projects? Over the last months, I have been improving my drag and drop implementations...
Optimize your Angular app using trackBy #tutorial
This blog is part of an Angular instructional / tutorial series, please find the first edition here: Angular structural directives demystified. Optimize your Angular app using trackBy When rendering lists using Angulars ngFor directives, objects are compared by reference. This is fast, but can result in unwanted DOM manipulations. Luckily,...
Angular structural directives demystified #tutorial
This blog is part of an Angular instructional / tutorial series, please find the second edition here: Optimise your Angular app using trackBy. Angular structural directives demystified As Angular developers, we use structural directives like ngIf and ngFor all the time. But how do structural directives actually work? Structural directives...
Fork your HTTP client: supporting non-global HTTP interceptors in Angular
Most AngularJS developers are probably familiar with the concept of HTTP interceptors: a mechanism for modifying request and responses. This feature is commonly used for cross-cutting concerns such as authentication, logging and error handling. When Angular 2 was introduced it became clear there (initially) would...