Search Results for: angular

A guide to Animations in Angular

Reading Time: 4 minutes Introduction Animations are an important part of your website. It helps us in enhancing the user experience and also calls the user’s attention where it is needed. Animations are created by transforming the styles over time whose timing you can control. In this blog, I will be covering the basics of angular animations and an example of it to understand the concept better. Animations in Continue Reading

Effective ways of Data-Binding in Angular

Reading Time: 4 minutes Data-binding is an important concept of Angular. It allows us to define the communication between components and views. Data-binding plays the role of mediator between our Typescript file and Angular Html template for instance. Generally, data-binding may be one-way or two-way. Angular provides a various way of binding the data String Interpolation Property Binding Event binding Two-way binding These four types of data-binding are provided by Continue Reading

Understanding Scully for Angular projects

Reading Time: 2 minutes Introduction For so many years Angular didn’t have any static site generator. But finally, here is Scully. So, in this blog, we will see what it is actually, how we can add it to our angular project and what its use. Here we begin!! What is scully? It is the best static site generator for Angular projects. It will use your application and will create 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

Introduction to Components in Angular

Reading Time: 4 minutes Introduction In Angular, the whole view of the application is defined by using different components. Components are the basic building blocks of your application. By creating these components you are building an application that will have reusable parts. A component contains both your methods and properties bound together with the view(UI) defined. Let us now understand how we create these components and how to use 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

NGRX: State management in Angular

Reading Time: 5 minutes Do we require NGRX, state management in each Angular application? Perhaps not generally, so how would we execute state management for board richly applications in which we do require it? So, for the application state management, NGRX is one of the libraries which helps to manage it.  It is a Redux execution for Angular.  The NGRX is an incredible plan for the vast majority of Continue Reading

Basics of Angular: Part-1

Reading Time: 4 minutes What is Angular? What it does? How we implement it in a project? So, here are some basics of angular to let you learn more about angular. Angular is a Typescript-based open-source front-end web application platform. The Angular Team at Google and a community of individuals and corporations lead it. Angular lets you extend HTML’s syntax to express your apps’ components clearly. The angular resolves 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

Routing in Angular 9

Reading Time: 7 minutes Angular is a fully-featured framework that helps in creating single-page applications(SPA). In the SPA the whole page is not reloaded every time, only the view is changed. So when the application is loaded for the first time, all the pages from the server will be not be rendered. It’s the only index.html that loads when the application is loaded. The basic aim of this blog 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

:)