So you’ve been developing Angular projects for a couple of years and you feel like you’ve got everything under control. You break your applications into components and services. You even follow the official style guide — at least you think so. This is all there is to it, right? Wrong!

This pattern is known as policy in other contexts. In this piece I will look at the strategy pattern — how it works, and how and when it should be applied.

Business and industrial applications are usually long-lived. Many of these are now implemented with web front-ends using JavaScript. How can we build and maintain such software systems? Domain Driven Design (DDD) provides the answer.

Nx, by the folks at Nrwl, is a tool that assists in creating Angular, React, and full stack applications using Nest.js. A monorepo is a single repo that contains multiple projects, many of which share code amongst themselves.

Angular uses Route Guards through canActivate and or canLoad methods to decide whether a route or a child module should be available or not, and, it can use multiple conditions – or Guards – to decide that.

We’ll see why we would extend built-in pipes, and how that makes it so easy to implement our own custom requirements.

I will explain for each point why it is a bad practice or simply an error, and I will direct you in the right direction with at least one possible solution.

Periodically in my development practice, I meet situations when you have to emit a few values in specified timeouts.

Angular routing works great during development, but the first time you try a page refresh on a custom route in a deployed app, you’ll probably see a 404. Fear not!

In this post we’ll create a repository which contains a GitHub Action - built in TypeScript - and an associated workflow.  Additionally available: Radu Matei’s article about using TypeScript in combination with GitHub Actions.

Learn TypeScript with this TypeScript tutorial for beginners.

Learn how to validate your data at runtime using JSON Schema, Angular and TypeScript.

How to test an Angular Http Service in a Test Driven Development way.

A badge list is common component on a website allowing to display a list of items, usually one word items. Those badges can be clickable which can then be used for filtering or even navigation. PrimeNG is a open source component library for Angular which comes fully packaged with many controls.

Online code playgrounds are a great way to try out code snippets without setting up a project locally and firing up your IDE. You can quickly validate your idea and share it with others.

In this article I’ll walk you through using the Compromise NLP JavaScript library to interpret player input in text-based adventure games.

Sharing my valuable experiences during the migration of a large front-end project with Grunt, Bower and AngularJS to a state-of-the-art technology stack and architecture.

Angular Ivy is almost here, and this a great opportunity for us to start exploring what’s new in Angular, learn about the new APIs and start thinking about the concept behind standalone components.

While software development is a relatively young field, there are more established industries that we can learn from to help us write better code.