Search Results for: angular

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

Angular Routing Guards: Let’s understand Route Guards (Part-1)

Reading Time: 6 minutes If the user wants to open a certain page in a traditional server-side application, the application would first check permissions on the server and return a 403 error page. For eg., if the user didn’t have permissions then there will be no routing to the dashboard page and it will route them again to a login/register page if they were not signed up. 403 is an HTTP error code. Specifically, this 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

Image With Lazy Loading Placeholder In Angular

Reading Time: 3 minutes Introduction We all are familiar with the word lazy loading in Angular Ecosystem. However, when it comes to loading images from a third party either from AWS S3 or others, the time taken (Response Time) by the foreign URL plays a vital role. A big factor that affects front-end performance is the amount of documents and assets being loaded on a web page. We’ve used variety of Continue Reading

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

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

Basic Introduction to Unit Testing in Angular

Reading Time: 6 minutes What is Unit Testing? Unit testing is testing a unit in an isolated environment. A unit can be a class, component, service, directive module, etc. which can be logically separated from the software. Any unit in an app is not isolated, it’s quite normal that it will be depending on the other units in an application for resources like data or methods. So if we Continue Reading

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

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

Visualizing data with NGX-Charts in Angular

Reading Time: 5 minutes Data Science, Data Analytics, Big Data, these are the buzz words of today’s world. A huge amount of data is being generated and analyzed every day. So communicating the insights from that data becomes crucial. Charts help visualize the data and communicate the result of the analysis with charts, it becomes easy to understand the data. There are a lot of libraries for angular that Continue Reading

Angular Routing Guards: Understanding canActivate Guard (Part-2)

Reading Time: 7 minutes If you are trying to block some routes from loading based on some permissions or blocking a route based if not authenticated, then you can read along and at the end, you will understand about the canActivate Guard. In the series of Angular Routing Guards Part-1, we’ve learned and understood the basics of angular route guards. If you’ve no prior knowledge about Angular Route Guards, Continue Reading

New features available in Angular 9

Reading Time: 4 minutes Angular is one of the most popular frameworks for making web applications. Angular community launched Angular 9 yesterday. The latest version is smaller, faster, easier to use, and has given some more powerful features which enhances our application. The major change with this release is that it switches the application to the Ivy compiler and run-time by default. This version also introduced various improved ways Continue Reading

:)