Angular - Complete And Step By Step Course [Zero To Hero ]

Master the Angular concepts with modern architecture, real world project and step by step guide

What you'll learn
Step by step concepts of Angular framework starting from basic to advanced. Each topic is explained with real life and enterprise level examples.
Build real world project while learning the Angular. At the end you will have a responsive, functional real world book store application.
Fundamentals of Angular (13 & 14)
Advanced level angular application architecture to work with large scale application.
Dynamic forms, HTTP Communications, Routing, Component Life Cycle, Angular Material, and so many other important topics
Requirements
Basic understanding of any programming language.
Zeal to learn
Description
Angular is the most widely used frontend framework. Angular is superfast, provides everything required to build SPA, and most importantly, Angular is managed by Google.This special Angular course is designed for all levels of experience professionals.The angular framework is in huge demand and most of the Top companies are looking for Angular professionals.Responsive design:The best framework to design a responsive and robust application is Angular Material. This Angular course will explain the use of Angular Material in Angular applications. Starting from installing Angular material to Creating a separate module for material components and using them in a real-world application, You will learn everything in this angular course.Versions of Angular:This course starts with Angular 12 and then migrated to Angular 13  and finally uses Angular 14.Source Code:This course helps you to build a real work application while learning the concepts.Here is the code repository: github[dot]com nitishwebgentle/book-store-angular/tree/master/bookStoreAppAbout Instructor:This course is created by Nitish. Nitish is a 2 times Microsoft MVP in Developer Technologies and has rich experience in building enterprise-level applications.Our students love the Way of explaining any concept in a super simple manner by Nitish. Nitish has the ability to explain any complex concept with ease and real-world example.

Overview

Section 1: Introduction

Lecture 1 Introduction: What is Angular

Lecture 2 Why should you learn Angular

Section 2: Angular development system setup and first application

Lecture 3 Install the required software and tools

Lecture 4 Create first angular application

Lecture 5 Create multiple application in one project (Workspace)

Section 3: Angular application structure

Lecture 6 Best way to learn Angular structure with a real life example

Lecture 7 package.json vs package-lock.json and node_modules

Lecture 8 Angular project folders and files

Section 4: Components

Lecture 9 Role of component and module

Lecture 10 how to create a new component

Lecture 11 Custom prefix in the component selector

Lecture 12 Interpolation (Display data dynamically on HTML UI)

Lecture 13 Event Binding in Angular

Lecture 14 Property binding in Angular

Lecture 15 Class binding in Angular

Lecture 16 Attribute binding in Angular

Lecture 17 Style binding in Angular

Lecture 18 Template reference variable in Angular

Lecture 19 *ngIf in Angular

Lecture 20 If else in Angular

Lecture 21 For loop in HTML Template using *ngFor Directive (Index, First, Last, Even, Odd)

Lecture 22 Improve for loop performance using trackBy function

Lecture 23 Switch Case statement in HTML Template using ngSwitch & ngSwitchCase directive

Section 5: Create new Real time Book-Store application

Lecture 24 Setup the GitHub repo

Lecture 25 Add multiple modules and components

Section 6: Routing

Lecture 26 Introduction to Angular Routing

Lecture 27 Setup routing in new angular application

Lecture 28 Routing with multiple modules and components / Nested routing

Lecture 29 Separate routing modules for feature modules

Lecture 30 Multiple router-outlet

Lecture 31 Pass parameters in the route

Lecture 32 routerLink

Lecture 33 get params value from route using ActivatedRoute

Lecture 34 get params value in parent and child route

Lecture 35 get query string value from url

Lecture 36 set query string value

Lecture 37 navigate to other url from component file

Lecture 38 Angular 404 page not found

Lecture 39 redirectTo in angular route

Lecture 40 Lazy Loading Components in Angular

Section 7: UX Design in Angular using Bootstrap and Angular Material

Lecture 41 3 ways to install bootstrap in angular

Lecture 42 How to install angular material in angular application

Lecture 43 Auto generate angular material components using schematics

Lecture 44 Upgrade (update) Angular 12 to 13

Lecture 45 Angular Material toolbar responsive

Lecture 46 Create a separate component for Angular Material toolbar

Lecture 47 Create separate module for angular material components

Lecture 48 Remove the dummy code from app (Code cleanup)

Lecture 49 Remove the dummy code from app (Code cleanup) | Part 2

Section 8: Services in Angular

Lecture 50 Create a service in angular app and display data

Lecture 51 Update the design of book card

Lecture 52 Difference between ProvidedIn "root" and "any"

Lecture 53 Service providers: useClass

Lecture 54 Service providers: useExisting

Lecture 55 Service providers: useValue

Lecture 56 Service provider: useFactory

Lecture 57 Working with getter and setter in Angular

Section 9: Different ways of communication between components

Lecture 58 What are the different types of relationships among the components?

Lecture 59 Pass data from parent to child using @Input property

Lecture 60 Use Getter & Setter with @Input decorator

Lecture 61 Pass data to child component using Template Reference Variable

Lecture 62 Access the Child component, directive & html element using @ViewChild()

Lecture 63 Pass data from Child to Parent component using @Output and EventEmitter

Lecture 64 Pass data between components using Service

Section 10: Component lifecycle in Angular

Lecture 65 What are Angular hooks | Methods for component life cycle

Lecture 66 ngOnChanges in Angular

Lecture 67 ngOnInit in Angular

Lecture 68 ngDoCheck in Angular

Lecture 69 ngAfterContentInit and ngAfterContentChecked with contentProjection

Lecture 70 ngAfterViewInit in Angular

Lecture 71 ngAfterViewChecked in Angular

Lecture 72 ngOnDestroy in Angular

Section 11: Angular Forms: Template driven approach to work with forms in Angular

Lecture 73 Introduction to Angular Forms

Lecture 74 Design first (basic) form using Template Driven Approach

Lecture 75 Save form data | Add new book using Template Driven Form

Lecture 76 Use Angular Material components to design the responsive form

Lecture 77 Using Angular Material Select & Toggle component in Angular form

Lecture 78 Using Angular Material DatePicker component

Anyone who wants to understand what really Angular is.,Absolute beginners who wants to make his/her career in Angular,Experienced professional who wants to understand the Angular concepts deeply