News Articles angular

Component-First State Management for Angular Standalone Components

Introduction In 2021, Angular announced an RFC (Request For Comments) for Standalone Components. Optional NgModules have been a frequent ask from the framework’s community since their introduction in Angular 2-rc.5. Standalone Components (and Directives and Pipes) are Angular’s answer to this request. It paves the way for our Angular apps to be built purely with […]

Global error page in Angular

This is a relatively small and simple article, but I felt it is still worth posting because of the utility of the topic. anirbmuk / angular-error-handler Angular 12 application to demonstrate global error handling against a REST-based backend Any front-end application is all about serving data from a store, using end-points (REST/GraphQL or whichever you […]

How Angular Application Starts – Behind The $cene story!

Today we will learn the application flow in Angular. What happens when the application starts. It would be a theory but again an important one if you want to master Angular. 1️⃣ angular.json When you open up your angular project you might have noticed a file sitting at the project root – angular.json It is […]

Component Communication (Parent to Child & Child to Parent)

Today we will learn one of the most important topic in Angular – how to communicate between two components when they have a parent child relationship. 🔴 Prerequisite 🔴 You need to know (if not please follow the link associated)- 🔵 What is a component in Angular 🔵 How to create a component in Angular […]

Angular 13 Starter with ESLint, Material, Transloco, Jest, TestCafe, Docker & Prettier 🚀

Angular 13 Starter with Material, Transloco, Jest, Compodoc, Docker Support, ESLint & Prettier GitHub: Features ✅ Angular 13 ✅ Angular Material ✅ Unit Testing with Jest ✅ End-to-End Testing with TestCafé ✅ Internationalization with Transloco ✅ Auto documentation with Compodoc ✅ Analyse your project with webpack-bundle-analyzer ✅ Docker ✅ ESLint ✅ Prettier ✅ Commit […]

Angular 13 + NestJs + NX

Starter project with Angular 13, Ngx-admin, NestJs, Nx Workspace, Jest, Cypress, ESLint & Prettier Project: Features ✅ Angular 13 ✅ Ngx-admin ✅ NestJS 8 ✅ Next generation build system with Nx ✅ Unit Testing with Jest ✅ End-to-End Testing with Cypress ✅ ESLint ✅ Prettier Frontend App The Angular 13 frontend app is based […]

AngularJS is dead.

Yes, you read it right. AngularJS is dead now. The first version of Angular, is not being supported by Angular any more. Angular Developer, published an article over “The Angular Blog”, that they are discontinuing the Long Term Support for AngularJS (check here). Angular Team recommend developers and businesses, who are using AngularJS to switch […]

Types of Angular Module

Today we will understand about the different types of modules you can have in an application. If you are not aware of Angular Modules then I would suggest you to go through this post. Also you need to know how to create your own module. For that you can have a look at this post. […]

Krishi Bazaar

Krishi Bazaar Overview of Our Submission Hey everyone! So, we have made an online e commerce store for farmers to directly connect with consumers. There is no available product in the market that proposes a business logic for the farmer to directly sell to the consumer. We have always felt that technology could help small […]

How do i connect Ionic/Angular Admin(or any user role) panel(UI) to firestore to write collections.

Guys please need help. Building an Angular-Ionic Eccommerce App, and i need to use a backend for data storage and user management etc. But i have some issues, i dont know to connect an admin panel/dashboard to firestore, django(python) makes that part very easy, but firestore has some cool features and its more closer to […]

Getting Started with Pipes in Angular

What are Pipes in Angular? Pipes are simply a function that we can directly apply on any expression/value in a template to transform it into some other value. The value on which we are applying the pipe is the input for our pipe function. The value returned from that function will be replaced in place original value. Built-in […]

Creating Custom Module in Angular

Today we will learn how to create our own Angular Module. If you are not aware of Angular Modules I would recommend you to go through this post In order to create a module we will be using the below CLI command ng generate module <module_name> or the shorthand ng g m <module_name> Lets open […]

Front-End Development Roadmap For 2022

Introduction Front-end development involves using HTML, CSS, and JavaScript to build a client-side application. The client-side of an online application is the visual part of a web application and also what a user interacts with when an application is opened: colours, fonts, buttons, navigations, animations, etc. Front-end development includes the user interface of an application. […]

How I've set up my new Windows development environment in 2022

Follow me on Twitter at @tim_deschryver | Subscribe to the Newsletter | Originally published on In the first week of 2022, I had the joy to receive a new machine from my new employer dotNET lab. In just a few hours I was up and running, let’s take a look at my setup as […]

Angular Material Menu: Nested Menu using Dynamic Data

The Angular Material Menu is a floating panel containing a list of options. In this tutorial, we will learn how we can create nested menus from dynamic data. We will first learn the basics of Angular Material Menu and how to render a nested menu with a static HTML template. Then we will understand why […]

Understanding Angular Modules

Today we will understand one of the very important topic in Angular – Angular Modules. In simple term a module is a logical block or container that holds something. If we need to describe module in terms of Angular we can say its a logical block containing components, custom directives, custom pipes and services (I […]

NGXA Library

Ngxa 🚀 So excited to announce another one open source contribution of me. With purpose of helping me and anyone else on using Angular Animations. Animations are one of the essential UI trends of any modern website/application, they create the effect of real “live” communication between users and the system. So to build animations easy […]

How to sanitize your urls in angular

Project: codever – File: backup-bookmarks-dialog.component.ts On Codever you can backup your bookmarks and snippets. When backing up you are presented a dialog where you can choose to display the items in browser. For that we use a blob URL we know for sure it is safe. To not get the unsafe prefix in your generated […]

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.