angular

Introduction to NGXS, state management pattern + library for Angular

Reading Time: 3 minutes Ngxs is a state management pattern for the Angular framework. It acts as a single source of truth for our application. Ngxs is very simple and easily implementable. It reduce  lots of boilerplate code . It is a replacement for Ngrx. In Ngrx we are creating state, action, reducer, and effects but in Ngxs, we are creating only state and actions instead of all of Continue Reading

JavaScript Series, Let’s Deep Down To It, Part 1

Reading Time: 3 minutes In this blog we are going to learn what is JavaScript, why uses JavaScript. Now I am starting the JavaScript Series, one by one we are going to deep down to it and exploring every concept of it. What is JavaScript? JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. HTML and CSS Continue Reading

Reactive Programming in Angular | The RxJs way

Reading Time: 4 minutes Reactive programming is an essential part of modern web apps. However, few popular programming languages come equipped with the reactive API by default (Angular). RxJS allows you to create reactive programs with JavaScript to better serve your users. RxJS is a library used to create asynchronous programs using observable sequences. Today, we’ll explore an overview of reactive programming and RxJS in Angular. What is reactive programming? Continue Reading

Lazy-Loading Feature Modules In Angular

Reading Time: 6 minutes Before starting the lazy-loading feature module of angular, first, let’s understand what a module is? So, a module is a way to group components, pipes, and services, etc., all together that are related to each other. Module set is group together to form an application. One component can use the data of other modules. Angular Modules: In angular, this feature is defined by NgModule. Every Continue Reading

Let’s play with Template Driven forms in Angular

Reading Time: 4 minutes These days a wide range of sites are utilizing HTML Forms. WebForms are utilized to gather the information from the client and send it to the worker for handling. Angular forms are divided into 2 types:  (i) Template-driven forms. (ii) Reactive forms. In this blog, we will learn how to build the template form and how we can validate them using Angular form API.  It Continue Reading

Calendly-logo

How to Integrate Calendly with Angular Application

Reading Time: 4 minutes Staying busy is good for business, but it is difficult to schedule your meetings and appointments with clients, partners, or even employees. All the meetings were planned manually before tools like Calendly came into the market. Calendly aims to fix the problem of scheduling your day with ease. It helps you spend less time fixing the meeting and locking down dates and gives you more time Continue Reading

Going to a library with Angular

Reading Time: 5 minutes Hi! Today we are going to learn how to create a library in angular and import that in other angular applications. Prerequisites Basic knowledge of angular Node and NPM set up in the system First clear out the Common thoughts What are Angular Libraries? An angular library is a collection of components, services, directives, etc. that can be shared across different Angular projects. More precisely, Continue Reading

Gamifying an Angular App!

Reading Time: 4 minutes Hi! Today we are going to see how to make our angular apps a little bit more interesting by including a wheel of fortune to it. This is what we are gonna build – Technologies used – WinWheelJS Library Angular 10 Framework Pre-requisites – Basic knowledge of Angular Basic knowledge of JS I am assuming that your system is already configured with NPM and angular Continue Reading

featured-angular-image

Diversifying Angular app – multi-lingual support

Reading Time: 7 minutes Hi! Welcome abroad on this journey. Today, we are going to create an Angular app that supports multi-languages. Angular app with multi-language support will be more understandable. How you ask? Let’s explain this with an example – an app with cultural language support will have more wider audience than a normal app which only supports the international language of business (English). Therefore, it’s important to Continue Reading

Docking an angular application

Reading Time: 6 minutes Hi, today we are going to learn how to deploy a simple angular application on a docker container with the help of Nginx web server. We will create a multi-stage dockerfile for creating a docker image of a simple angular application, which then will be hosted on a docker container using NGINX. Technologies we will interact with – Docker Angular Framework NGINX So, let’s pour Continue Reading

Playing with Angular Environments

Reading Time: 6 minutes Hi! I welcome you abroad the train of “Angular Environments“. Together we are going to have some fun and learn a lot of things. Things you will be covering in this post – Explore the default environments the Angular CLI generates Editing the environments Creating our own environments Station Zero Every angular developer have come across many environments to configure there app with and before Continue Reading

Pipes Angular

Pipes in Angular 9

Reading Time: 5 minutes What are Pipes ? Pipes in Angular allows you to transform output in your template. Pipes are a feature built into Angular. The easy it sounds, the easier it is to code. In this blog, we will learn the basics of pipe, how to implement them, and their use cases in different scenarios. To begin, we just need to know that pipes are something that Continue Reading