In this tutorial, I will show you how start using template engines in your node js/express js applications. Template engines are the easiest ways to get started with building your express js application. …


In this tutorial, I will show you how start using template engines in your node js/express js applications. Template engines are the easiest ways to get started with building your express js application. …


In the previous sections, we’ve seen how to use basic routing between components and how to handle route parameters using different methods. We’ve also seen how to use the RouterLink directive to create route links. This section continues from the previous section with the other methods to implement navigation.

RouterLink Example with Angular 12

Let’s…


In this section, we’re going to see how to handle route parameters with Angular 12 Router example using different methods: Snapshot and ParamMap Observable.

Angular provides a powerful router library that allows developers to implement advanced functionality in their Angular applications, besides basic component routing, such as

  • Route protection using Angular guards,
  • Route parameters,
  • Child routes,
  • Auxiliary routes, etc.

Handling Route Parameters with Angular 12

In the previous tutorial, we have created a basic routing between components with the Angular…


Throughout this tutorial, we’ll learn about the Angular Router by building an Angular 12 example and will teach you everything you need to start using routing to build Single Page Applications with navigation, guards, resolvers, and animations.

We’ll also see how to use multiple outlets, redirect users from the empty…


Ivy is a complete rewrite of Angular’s rendering engine. In fact, it is the fourth rewrite of the engine and the third since Angular 2. But unlike rewrites two and three, which you might not have even noticed, Ivy promises vast improvements to your application. With Ivy, you can compile…


In the previous part of our Angular 12 tutorial series for JavaScript developers, we installed Angular CLI and created a project. Now, let’s see how to add Bootstrap to our project to style our application UI.

Parts in this series:


Angular 12: Install the CLI & Create a Project

In the previous part of our Angular 12 tutorial series for JavaScript developers, we introduced you to some of Angular 12 new additional features and to the application we’ll be building throughout this series. Now, let’s get started with our first practical step.

Parts in this series:


In this tutorial, we’ll quickly see how you can generate an Angular 12 project using the official CLI (Command-Line Interface) and then create an application for demonstrating basic concepts of Angular like importing and using built-in modules, creating components and services, and fetching data from a REST API server using…


More often than not, we need to generate our Angular components inside specific folders for the sake of better structuring our application.

This is how I use Angular CLI to generate a component inside a specific folder.

We can simply use the ng g c command followed by the folder…

Mr Nerd

Developer and technical author. Read more articles at Techiediaries

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store