fbpx

Mastering Angular 11 (With Real Project)

PART # 1 : Essential Course
JavaScript Basics
21 Topics
Variables in JavaScript
Data Types in JavaScript
Comments
Exercise – Swapping Variables
Arithmetic Operators
Conditional Statement – If Statement
Conditional Statement – Switch Case
Conditional – Ternary Operator
Reference Data Types – Object
JavaScript Arrays
Spread Operator
Loops and iteration
Loops – While Statement
Loops – For Statement
Loops – do while
Beak and continue with Loops
Loops – for in
Loops – for of
ForEach Method
Exercise : Loops – Create Simple Pyramid
Difference between let and var
Function in Depth
12 Topics
What is a Function ?
Difference between return and non return type function
Function Expression
Arrow functions
Recursive Function
Spread Operators with JavaScript Function
Object Destructuring for Function Calls
The arguments object inside the Function
Nested Functions
Predefined functions
Exercise – Prime Number
Scheduling setTimeout vs setInterval Functions
Working with Modules in JavaScript
2 Topics
What is the Node Module System
Example for using module
Package Manager (NPM and Yarn)
11 Topics
What is the Package Manager
Installing the Package Manager
Installing Local package to the project
More About Package JSON
NPM Semantic Versioning
Package Lock JSON vs Package JSON
Listing , Uninstalling , Updating and Searching for Packages
Managing the Cache and Audit
What is the NPX?
Publish your own NPM package
Yarn Package Manager
Object Oriented Programming (OOP) and TypeScript
21 Topics
Section Overview (TS & OOP)
What is Typescript ?
How to run Typescript and How does it work?
Typescript Data Types
What is the benefits of OOP
Understanding the Class
Understanding the Object
Encapsulation
Inheritance
Access Modifiers
Overriding
Overloading
Setter and Getter Property Method plus Properties
Understanding Constructor in depth
Static Modifiers
Enum as a Parameter Within Method
Singleton Pattern
Interface
Abstract Class
Memory Representation ( How Object Represented in Memory)
Import and Export to Classes
Asynchronous JavaScript
6 Topics
Introduction to Asynchronous Programming
Synchronous vs Asynchronous
Handling Asynchronous using Callback – Part 1
Handling Asynchronous using Callback – Part 2
Handling JavaScript Promises
Async/await
DOM (Document Object Model)
5 Topics
What is the Document Object Model (DOM) ?
Get Element By ID
Get Element By Class Name
Get Element By Tag Name
Add Event Listener
PART # 2 : Angular
Angular Getting Started
7 Topics
What is Angular?
Angular vs AngularJS: Differences Between Angular and AngularJS
Setting up the Local Environment and Workspace for Angular
Workspace and Angular Project File Structure
JIT VS AOT
Understanding What is Angular Ivy/ Webpack and HMR ?
Strategy to Study Angular Well
Introduction to Angular Concepts
6 Topics
Angular Components Overview
Create a new Angular Component Manually
Angular Template
Angular Directives
Intro to Angular Service
Intro to Angular Routing
Angular Component in Depth (Binding /Pipes /Reusable Components )
20 Topics
Intro to Angular Data Binding
Property Binding and Attribute Binding
Class Binding
Style Binding
Event Binding
Event Filtering
Angular Template Variable
Two Way Binding
Understanding Angular Pipes
Built-In Pipes in Angular
Custom Pipes – Example # 1
Custom Pipes – Example # 2
Sending Data to a Child Component
Sending Data to a Parent Component
Angular ng-content and Content Projection
How To Use the ng-container Element in Angular
Angular Lifecycle hooks
Angular Lifecycle hooks – Example
What is ViewEncapsulation in Angular?
Understanding the ViewChild and ViewChildren decorators
Directives
4 Topics
Introduction to Angular Directives
Grouping to NgFor
NgIf / NgSwitch /NgNonBindable
Custom Directives
Angular Forms Part 1 : Template driven Forms
5 Topics
Introduction to Forms in Angular
Building a Template-Driven Form (Step Overview)
Build a Template-Driven Form
Display Validation Errors / Enable or disable Form Controls
Angular Custom Form Validators (ng2-validation )
Angular Forms Part 2 : Reactive Forms
4 Topics
Build a Reactive Form
Reactive Form Validation
Custom Form Validation
Custom Async Form Validation
Reactive Programming with RxJS
7 Topics
Introduction to RxJS
Deep Dive into Reactive Programming with RxJS
Apple Factory vs RXJS
Function Observable
RxJS Operators – RxJS
RxJS Operators – Example
From Observable
Consuming HTTP Services
17 Topics
Communicating with backend services using HTTP
What is RESTful API (REST API)?
What is swagger used for?
API Testing with Postman
Create A REST API With JSON Server
Angular – HTTP GET Request
Display Data in Table
How to retrieve Data by ID – Angular
Post , Put , Delete in Data Service
Call PUT and POST in the component
Delete Method
Intro to Angular HTTP Error Handling
Catch Errors in Component
Error Handling in Services – Angular
How to Handle Errors in Angular using Http Interceptors
Inspect Network Activity – Chrome Developers
Source Code
Routing and Navigation (Common Routing Tasks)
7 Topics
Angular Routing Overview
Creating Routing Module and Defining Basic Route
Angular ActivatedRoute vs ActivatedRouteSnapshot
Getting Route Information
Child Routes and Nested Routes
Lazy Loading – Intro
Implement Lazy Loading to improve the loading speed
Project : Building Realtime Apps with Firebase
Angular Animations
Angular Material
Deployment
Previous Topic
Next Topic

Understanding What is Angular Ivy/ Webpack and HMR ?

Mastering Angular 11 (With Real Project) Angular Getting Started Understanding What is Angular Ivy/ Webpack and HMR ?
Previous Topic
Back to Lesson
Next Topic
error:
×