IIRF Online > Development > Web Development > Angular > Complete Angular 11 - Ultimate Guide - with Real World App
Complete Angular 11 - Ultimate Guide - with Real World App by Udemy
Angular 11, Angular 12 Material, REST API, JWT Authentication, Angular Project, Asp.Net Core, Dashboard, Durgasoft
Course Highlights
- Confidently speak about most of the essential concepts of Angular
- Crack angular job interviews easier
- Solve most common bugs and issues in Angular applications
- Secure Angular applications using the most-recommended - JWT Authentication
- Creating unit test cases for the angular apps
- Create Angular Apps From Scratch and scale it up to any level
- Create Angular Folder Structure with industry best practices like a Pro
- Add Angular to your prior knowledge of any Server technology (Asp .Net Core, NodeJS, Python, Java etc.), to become successful Full-stack developer
- Create Professional Dashboards with ease
- Angular Material (UI Components)
- Angular Flex Layout
- Highcharts basis
Skills you will learn!
Curriculum
14 Topics
Course Introduction
Angular Introduction
Where to Start Practical
How to run Source Code [for Asp.Net Core Developers]
Node.js Source Code is provided for Non-Asp .Net Developers
What if I don't know TypeScript?
Angular Goals
Code Compilation Process in Angular
Do's and Don'ts of Angular
Building Blocks
Angular Architecture
Overview of Angular Packages
App Folder Structure
Angular Basics
8 Topics
Setting-up Environment
Create First App
Add Bootstrap
Add Bootstrap NavBar
Create & Nest Components
Create Basic Routing
Angular Basic App
Wizard Assignment: Creating Simple Wizard using Angular Routing
9 Topics
Create Dashboard
How to handle: Error: Property has no initializer
ngFor & Nested ngFor
Data Bindings
Handle Dynamic Style & ngClass
ngIf & ngIf-else & ng-template
Built-in Pipes
ngSwitch
Data Bindings and Built-in Directives and Pipes
3 Topics
Modules
Services & DI
Angular Modules & Services
16 Topics
What is RxJS Observable and Observer
How to run node.js source code [for to Non-Asp.Net Core Developers]
AJAX Introduction
Get [Skip if you are Non-Asp.Net Core Developer]
Creating Project in Visual Studio 2022 [Skip if you are Non-Asp.Net Developer]
Get Request in Angular
Post [Skip if you are Non-Asp.Net Core Developer]
Post Request in Angular
Put [Skip if you are Non-Asp.Net Core Developer]
Put Request in Angular
Delete [Skip if you are Non-Asp.Net Core Developer]
Delete Request in Angular
Search [Skip if you are Non-Asp.Net Core Developer]
Search (Get request) in Angular
RxJS Observable - Map
JSON-Server API calls
11 Topics
User Authentication in Asp.Net Core [Skip if Non-Asp.Net Core Developer]
User Authentication in Angular
Understanding JWT
JWT Authentication in Asp.Net Core [Skip if Asp.Net Core Developer]
JWT Authentication in Angular
Http Interceptors
Catch 401 UnAuthorized Responses using Interceptors
CanActivate Guard
Role Based Authentication
Prevent XSRF (Cross Site Request Forgery)
Prevent XSS (Cross Site Scripting)
5 Topics
CheckBox RadioButton DropDownList
Validations in Template Driven Forms
Custom Validations in Template Driven Forms
Cross Field Custom Validations in Template Driven Forms
Async Custom Validations in Template Driven Forms with REST-API Calls
17 Topics
Understand & Create Reactive Forms
Radio Buttons
Dynamic Radio Buttons
Dynamic DropDownList
CheckBox
valueChanges Observable
setValue patchValue reset
Nested Form Groups
Form Arrays
Form Builder
Validations in Reactive Forms
Add Validation Error Messages
Custom Validations
Cross Field Validations
Submit Reactive Form
Correction on skillLevel field in Reactive Form
Async Validations with REST API Call
12 Topics
Parent To Child Communication - using Input Binding
Child To Parent Communication - using Output Binding with Custom Events
Parent to Child - using ViewChild
Parent to Child - using ViewChildren
Component Communication using Services
Custom RxJS Observables
RxJS Subject
RxJS BehaviorSubject
Pass Content from Parent to Child
Child to Grand Child - using ContentChild
Child to Grand Child - using ContentChildren
ElementRef
2 Topics
Debugging the Angular Code
Make 'ng build' process automatic using 'Gulp'
8 Topics
Overview of Life Cycle Hooks
ngOnChanges
ngOnInit
ngDoCheck
ngAfterContentInit and ngAfterContentChecked
ngAfterViewInit ngAfterViewChecked
ngOnDestroy
Lifecycle Hooks
7 Topics
Simple Custom Pipe
Parameterized Custom Pipe
Complex Custom Pipe
Pure Pipes (vs) Inpure Pipes
Client-Side Paging using Custom Pipe
Async Pipe
Pipes
8 Topics
Attribute Directives (vs) Structural Directives
Custom Directives
Receive Parameters using Input Properties in Directives
HostListener
HostBinding
Renderer2
Custom Structural Directive
Distance Presenter
7 Topics
Route Parameters
Child Routes
Nested Routes in AdminModule
Nested Routes in EmployeeModule
Router Events
Server Side Logging using Router Events
CanDeactivate Guard
7 Topics
Introduction to Animations
Fade Animation
Slide-Up Animation
Zoom-Up Animation
Zoom-Left Animation
Slide-Left or Right Animation
KeyFrame Animation
5 Topics
Introduction to Feature Modules
Proper Folder Structure for Enterprise Apps
Shared Module
Lazy Loading of Modules
Preloading Strategy of Lazy Loading Modules
5 Topics
Prepare for Dynamic Components
Prepare Masters Menu Dynamically
Load Components Dynamically into Tabs
Data Binding to Dynamic Components
Destroy Dynamic Components
12 Topics
Countries Master
Sorting in Countries Master
Client Locations Master
Task Priorities Master
Task Status Master
Create Routes for Employee
Detect if already Logged-in
Create Tables for Tasks
Create Task Page
Tasks Page
Apply Contextual Classes to Tasks
Update Task Status Page
3 Topics
Unit Testing Basics in Angular
Unit Testing on Components
Angular Zones
71 Topics
What Project we develop with Angular Material?
Getting Started with Angular Material
Create Basic UI
Buttons
Inputs
Inputs (Advanced)
Selects
Selects (Advanced)
Validations on Material Inputs
ErrorStateMatcher
Autocomplete
Autocomplete with HTTP Request
Checkbox
Multiple Checkboxes with Indeterminate
Radio
Date-Picker
Date-Picker (Advanced)
Date-Range-Picker
Button-Toggle
Chips
Selectable Chips
Chips with Input and Autocomplete - Part 1
Chips with Input and Autocomplete - Part 2
Table
Table - DataSource
Table - Paginator
Table - Sort
Table - Footer Row - Part 1
Table - Footer Row - Part 2
Table - Progress Spinner
Table - Filter
Toolbar
Angular Flex Layout
Responsive Flex Layout
Menu
Expansion Panel
Badge
Tooltip
Drawer or Sidenav
List
Grid List
Grid List (Advanced)
Responsive Grid with Flex Layout
Accordion
Highcharts
Progress Bar
Stepper
Hotel Project - Search Hotel - Part 1
Hotel Project - Search Hotel - Part 2
Hotel Project - Search Hotel - Part 3
Hotel Project - Search Hotel - Part 4
Cards
Hotel Project - Choose Room - Part 1
Hotel Project - Choose Room - Part 2
Slide Toggle
Hotel Project - Personal Information
Hotel Project - Guests Information
Tabs
Finalizing "New Booking" Page
Hotel Project - Bookings List Table - Part 1
Hotel Project - Bookings List Table - Part 2
Table - Selection with Checkboxes
Bottom Sheet
Dialog
Dialog (Advanced) - Part 1
Dialog (Advanced) - Part 2
Dialog (Advanced) - Part 3
Dialog (Advanced) - Part 4
Dialog (Advanced) - Part 5
Snackbar or Notifications
Custom Snackbar
8 Topics
Creating Functions
Functions with no Arguments and Return
Function Calls Another Function
Default Arguments
Scope of Variables
Callback Functions
setTimeout
setInterval
6 Topics
Object Literals
this keyword
Real World Scenarios and JS Debugging
Adding Members From Outside of Object
Accessing Properties
Arrow Functions
10 Topics
Introduction to TypeScript
First App in TypeScript
Data Types
Object Literals
Classes
Constructors
Array of Objects
Inheritance
Access Modifiers
Interfaces
2 Topics
What's New in Angular 11?
Bonus Lecture
Complete Angular 11 - Ultimate Guide - with Real World App
Related Angular Courses
Thank You!
Your review has been submitted successfully.