To all the beginners of Angular out there, here is a step-by-step video course for you all. This course will focus on creating web applications using the JavaScript framework Angular and will walk us through a journey of learning how to install Angular to learning how to route from one page to another using components, directives,… Continue reading Course: Angular for Beginners
Tag: #bootstrap
Using Redux in Angular
In this blog post, we will see how to integrate and use Redux with Angular. Before beginning, let us have a basic understanding of what Redux is! Redux is an open-source JavaScript library that can be used with any other view library like React, Angular etc. The best perk of using Redux is that in… Continue reading Using Redux in Angular
Add Bootstrap to your Angular CLI Project
This article will help us understand the usage of bootstrap framework within Angular. To understand a little about bootstrap, Bootstrap is the most popular HTML, CSS, and JavaScript framework for web front-end development. It’s great for developing responsive, mobile-first web sites. Bootstrap in Angular Step 1. Create a new Angular Project So, to apply bootstrap to… Continue reading Add Bootstrap to your Angular CLI Project
Creating Custom Pipes in Angular
Previously known as Filters in AngularJS, Custom Pipes can be of two types. Pure and impure custom pipe. Pipe takes an input and returns an output based on the output of transform function evaluation. Usage of Pipes Angular has many built-in pipes. In this article, we’ll see how to create a custom one. Steps Involved In… Continue reading Creating Custom Pipes in Angular
Using @Output and EventEmitter
So, I have an event in one component and I want it to get handled in another component. Does Angular allow me to do that? Big yes! In @angular/core, we have @Output and EventEmitter which allow us to emit event from one component to another. Let us see how to do this. So, to execute… Continue reading Using @Output and EventEmitter
Understanding Component Communication using @Input()
Want your components to share information? Yes, they can! Say you have two components, a parent component (PC) and a child component (CC) and you want the data to move from the parent component to the child component or vice versa, you use COMPONENT COMMUNICATION/INTERACTION. There are multiple ways to achieve that. This article focuses on… Continue reading Understanding Component Communication using @Input()