Angular - Complete Essential Guide

In this video we will learn about What are directive and will learn about ngIf directive which helps us to hide or show directive on DOM.

Practical Lab for NgModule

Practical Lab for Components

In this video, We will learn about Dependency Injection. How it works and also it's gonna be brief introduction to DI . Later in the course we have seperate section for DI.

Let's put everything in code whatever we learned in DI Theory.

In this video, we will learn Interpolation {‌{ }} and these topics :

• interpolation {‌{ .... }}

• Template Expression

• Expression Guidelines

• Template Syntax

• Click event (click)="Expression"

• Introduction to Directives *ngIf

  
  

Lab For *ngFor Directive In details

We will explore data binding techniques.

• Event Binding Brief Intro

• Target Event

• Template Reference #Symbol

We will learn @input Decorator to accept values from outside the component.

Will Explore @Output Decorator for sending the Data Out Side the Component

Pipes are used to filter data. we will take a look at some built in pipes and also will look at how we can create our custom pipe.

Note: Download the source code for this Reddit Clone Project from Resources Section of this video.

Introduction to this Chapter

NgIf directive is used to hide and show different DOM elements on the DOM.

A Switch Statement for in HTML

NgStyle is amazing directive sets up the style Dynamically

Amazing Directive which let us apply classes dynamically.

My Most favourite directive  Which performs a loop in HTML DOM.

Forms are very important in web application. Whenever you need to capture data from user forms are the way to do that. let's take a look at introduction to Forms in this Chapter.

Template Form are easy and quick way to inject forms in Html code.

Angular has amazing concept called Reactive forms which can be generated and created by TypeScript Code which makes our code short and manageable.

Workshop where you learn how to build a library which can used to build object based forms

In this video we will learn the concept Singleton Pattern

DI Lab

Factory Pattern where you learn How to Create Multiple instance of Services Using Factory Pattern.

We will learn Hierarchy of Dependency Injection.

Let explore different type of Providers available in Angular .

Lazy Loading has been changed in Angular 8. If you are Using Angular 8 then use this syntax in Angular 8.

Lab - For Lazy loading and Auth Guards.

What we will be building in the crash course ?

Let's Understand What is Angular Material and Why should be use it ?

In this video we will explore Angular Material Documentation and will learn how to use Angular Material Documentation to learn more about Angular Material Components.

In this video we will learn how to setup Project with Angular material and Also we will learn how to use Angular Material Component.

In this video, we will Generate Auth Module and Dashboard Module and required components  to Build our Nice UI for Dashboard.

We will convert our project to SCSS preprocessor for CSS and also it's easier to add Material Module in to one module so we will only need import in one place.

We will build a Responsive dashboard for web Application.

Side Nav Bar

Notification Panel

Top ToolBar

Dashboard Content Area

We will use ngFor to generate Side Nav Links and also we will create components to render in our dashboard content Area.

We will use SCSS preprocessor to build custom css and make dashboard ui responsive.

Angular Material Provide Dashboard Schematics which is a set of cards to build responsive custom card.