How to execute a command every time an Nx project changes Recently, I was working on a CLI tool to display dependency information from the Nx project graph. The tool proved to be valuable, but would even be more valuable if the information would update every time a file changed in one of the Nx projects. That would enable fellow engineers
How to quickly restart Chrome without losing tabs on a Mac Have you ever had a situation where you're working in Chrome and things start to slow down? Maybe you're a developer and you're tweaking code. Maybe you're visiting a website that has performance issues and slows down your experience over time. You would love to restart Chrome but you have
How to deal with the TSLint error "A project without tags cannot depend on any libraries" in an Nx monorepo Have you ever faced the following lint error in your Nx monorepo: A project without tags cannot depend on any libraries while your project clearly has tags defined in nx.json? Then this article is just for you! In just a few minutes you will understand what causes the error
Review on Angular Architecture workshop by Strongbrew On September 7, 2019, I attended the Angular Architecture Workshop by Strongbrew in Laarne. The purpose of this review is to share how I experienced the workshop as an attendee. It summarizes my personal thoughts only and is by no means influenced by the instructors. Workshop details * Date: September 7,
Review on Angular Security Workshop by Philippe De Ryck On November 24, 2018, I attended the Angular Security Workshop by Philippe De Ryck in Holiday Inn Ghent Expo. The purpose of this review is to share how I experienced the workshop as an attendee. It summarizes my personal thoughts only and is by no means influenced by the instructor.
A 10-minute primer to Service Workers In this article, we have a look at what service workers are, why they are used in modern web development and how you can add them to your web applications. I just 10 minutes, you will learn: * what service workers are * which superpowers service workers provide you with * which security
How to update an existing project in your Nx workspace to use Jest as a test runner instead of Karma Nx v6.3 introduced the ability to use Jest as a unit test runner. When you generate a new library or application in your Nx workspace, Nx conveniently asks you whether you want to use Jest or Karma as a unit test runner. But what if you have an existing
How to use environment variables to configure your Angular application without a rebuild In February 2016, I published an article on how to configure your AngularJS 1.x application using environment variables. The article explains how we can extract all configuration details out of an AngularJS 1.x application so that we can: * deploy our AngularJS 1.x application in different environments (staging,
The 7-step process of Angular router navigation There are many great articles and books available on how to use and configure Angular router. In contrast, little information is available on what Angular router actually does once it is running. This article is not an introduction to Angular router or a guide on how to configure it. Instead,
A 10 minute primer to JavaScript modules, module formats, module loaders and module bundlers Modern JavaScript development can be overwhelming. When working on a project, you may wonder why all the modern machinery and tooling is needed. What are tools like Webpack and SystemJS doing? Or what do AMD, UMD or CommonJS mean? How do they relate to each other? And why do you
Review of Angular 2 Master Class by Thoughtram On July 6 and July 7, 2016 I attended the Angular 2 Master Class by Thoughtram in the Showpad offices in Ghent. The purpose of this review is to share how I experienced the class as an attendee. It summarizes my personal thoughts only and is by no means influenced
Review of Angular 2 Workshop by Brecht Billiet On June 29 and June 30, 2016 I attended Brecht Billiet's Angular 2 Workshop at Holiday Inn Ghent Expo. The purpose of this review is to share how I experienced the class as an attendee. It summarizes my personal thoughts only and is by no means influenced by the instructor.
Simple metaphor to easily understand and remember how token-based authentication works In this modern era, software is often using token-based authentication so that parts of the software can be isolated as stateless processes. Although this is a great practice and allows for highly scalable software, it increases the complexity for us, front-end developers, because we now also have to understand the
How I feel about Angular 2 A few weeks ago I was privileged to spend time with Pascal Precht while he was preparing his talk for NG-NL on Angular 2 change detection. We spent hours and hours figuring out how change detection works. The more we examined the Angular 2 source code, the more I was
How to configure your AngularJS application using environment variables Most AngularJS applications contain logic. And thus most AngularJS applications typically have a config, containing things like: * the url of the API to communicate with * the base url of the application * whether or not to output debug logging * etc. Until recently I used to store such a config in an
How to properly integrate non-AngularJS libraries in your AngularJS application There may be times when you need to use a non-AngularJS library such as lodash or underscore in your AngularJS application. If you use a bundler like JSPM, webpack or browserify, you can simply include the library in your bundle. But what if you need to load the library from
How I optimized Minesweeper using Angular 2 and Immutable.js to make it insanely fast In my previous article I showed you how to build Minesweeper using Angular 2 and Immutable.js. You can try out the game right here. One thing that bugged me is that it turned out to be slow on mobile. After all we are using Angular 2, which is supposed
How to build Minesweeper using Angular 2 and Immutable.js This is the first in a series of articles on Angular 2. If you want me to send you a quick note when a new article is available, just leave your email at the bottom of the article or follow me on Twitter. After watching Christian Johansen's talk on Immutable
Thoughtram Angular Master Class review On August 25th and 26th I attended the 2-day Angular Master Class by thoughtram at Silversquare Brussels. The purpose of this short review is to share how I experienced the class as an attendee. It summarizes my personal thoughts only and is by no means influenced by thoughtram or the
How to use areas and border states to control access inside an Angular application with ui-router UI-router is awesome! You can create nested states and do all kinds of fancy stuff. But what if you need to restrict access to a certain part of your application? Or what if you have a public area, a members area and an admin area in the same application? In
How to access Angular $log debug messages from within Karma Angular has a convenient $log service that allows you to log debug messages to the console: $log.debug('Some debug message'); The cool thing about debug messages is that you can easily turn logging on/off in one place using the $logProvider: (function (angular) { angular .module('app') .config(setDebugMode); /** * Turn
Learn how to make authentication in your Angular applications simpler and more consistent Auth0! Parse.com! Firebase! They are just a few of the so many cool services and libraries that are available today to easily authenticate users in your Angular application. Unfortunately such a rich set of options also come with an equally diverse set of API's: Welcome {{ profile.first_name }} Welcome
A 10 minute primer to the new Angular router The new Angular router is born! Brian Ford announced at ng-conf that the new Angular router will be available soon in Angular 1.x. You can view Brian's talk on YouTube. With the new router being released and not a huge amount of documentation being available yet, I decided to
How to use Travis CI to automatically deploy a HarpJS application to GitHub Pages If you're a HarpJS fan like me and you want to easily deploy HarpJS applications to GitHub Pages, stay with me and by the end of this article you will know exactly how to automatically deploy your applications to GitHub Pages and host them for free on GitHub's CDN. * HarpJS
How to make embedded videos in your AngularJS and ui-router app fluid with fluidvids.js Fluidvids.js is awesome! It makes your embedded videos fluid so they blend perfectly in your responsive design. View a live demo here. The caveat Unfortunately, there is a caveat when working with AngularJS and ui-router. Single page applications load their content without refreshing the page so the fluidvids.init(