Bird Proof Breadcrumb Navigation in Angular
In some web apps, breadcrumb navigation can be a user-friendly addition to reveal the user’s whereabouts, and to provide a path back home. So, how do we build such a breadcrumb in Angular? A breadcrumb path resembles your URL structure, but it’s often not the…
Enjoy off-the-shelf Angular Material tables!
Angular Material is a high-quality UI component framework for Angular. For example, its Table component has a lot of features including sorting and filtering data. However, this component also has some limitations (as well as solutions for those limitations). Some of the limitations are: Filtering…
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,...