ANGULAR 10 SYLLABUS
1.
Angular
1.1.
1.2.
1.3.
1.4.
1.5.
1.6.
1.7.
1.8.
1.9.
2.
Modules and Components
2.1.
2.2.
2.3.
2.4.
2.5.
2.6.
2.7.
2.8.
2.9.
3.
What is Angular
Difference between Angular 2.0 vs 7.0
Angular CLI and Troubleshooting
Node JavaScript Introduction
Setup a Project
Setup Node js with angular
Typescript Introduction
What is bootstrap
Create Your Fist App
What is Component in Angular js
What is Module in Angular js
Create and Start Component
Why Components are important.
How we create a component
Create Component using CLI
What is nesting Component
What is Component Template
Component Styles and Selectors
Data Binding in Angular
3.1.
3.2.
3.3.
3.4.
What is Data binding
Splitting Application into Component
String Interpolation
What is Property Binding
3.5.
3.6.
3.7.
3.8.
3.9.
3.10.
3.11.
3.12.
3.13.
3.14.
3.15.
4.
Directives in Angular js
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
5.
Difference between Property Binding and String
Interpolation
Binding with Custom Events.
What are Binding Properties and Events
Two Way binding
Combine Forms with Data binding
Custom Properties
What is Encapsulation
How to Use Local Reference in TemplatesTemplate
Access and DOM
Component Lifecycle
What is Hooks in Angular js
Access Template with Hooks
What is Directives
Using Output Data Conditionally
What is ng if and else condition
Output List
Styling Element with ngStyle
How to apply css class dynamically with angular js
How to Create Basic Attribute Directive
What is Renderer
What is HostBinding and HostListener
Directive Properties
ngSwitch
Dependency Injection in Angular js
5.1.
5.2.
What is Dependency Injection
What is Services
5.3.
5.4.
5.5.
5.6.
5.7.
5.8.
6.
Logging Service and Injection
Create Data Service
Instance of Services
Insert Service into Services
How to use service in Cross Component
What is Hierarchical Injector
Routing
6.1.
6.2.
6.3.
6.4.
6.5.
6.6.
6.7.
6.8.
6.9.
6.10.
6.11.
6.12.
6.13.
6.14.
6.15.
6.16.
6.17.
What is Routing?
Loading of Routes
Navigation and it path
Styling of Router Links
Relative Path Navigation
De ne parameter in Routing
Fetch Routing Parameter
Observables
Passing & Retrieving Parameters & Fragments
Nested RoutingCon g Query Parameters
Redirection Routes
Route con guration
Route Guards
Protect Routes with canActivate
Navigation Controlling
Static Data in Route
Location Strategies
7.
Forms
7.1.
7.2.
7.3.
7.4.
7.5.
7.6.
7.7.
7.8.
7.9.
7.10.
7.11.
7.12.
7.13.
7.14.
7.15.
7.16.
8.
What is Forms and how do we handle it?
Reactive Approach
Template Driven
Create Template Driven Forms
What is Registering Control
Use and Submit of Forms
Access of Forms
How to add validation in use input
Build-In Validation
HTML5 Validation
Output Validation and Error Messages
Two Way Binding
Grouping
Radio Button Handling
Patch Forms Values
Resetting Templates form Forms
Reactive Forms
8.1.
8.2.
8.3.
8.4.
8.5.
8.6.
8.7.
8.8.
8.9.
8.10.
8.11.
What is Reactive Forms
Create Reactive form through code
Syncing of HTML and Form
Adding Validation
Sumit Forms
Grouping
Form Control Arrays
Custom Validators
Relative Forms
Async validation
Value changes and Reacting to status
9.
Pipes
9.1.
9.2.
9.3.
9.4.
9.5.
9.6.
9.7.
10.
HTTP Requests
10.1.
10.2.
10.3.
10.4.
10.5.
10.6.
10.7.
11.
What is Pipes in Angular
How we use pipes
Chaining Multiple pipes in angular
parameterizing a pipe
Filter Pipe
Impure & Pure Pipe
async Pipes
What is HTTP Requests
How it work
How to send requests
Adjusting Request Headers
How to handle Get and Put Request
Catching HTTP Error
async with HTTP Requests
Authentication
11.1.
11.2.
11.3.
11.4.
11.5.
11.6.
11.7.
11.8.
11.9.
11.10.
What is Authentication
How Authentication Work
Introduction to JSON Web Tokens
Creating Page and Route
Firebase SDK
User Signing UP and In
Sending Token & Requiring
Authentication Status
How to add Logout button
Protection & Redirection of Route
12.
Angular Modules
12.1.
12.2.
12.3.
12.4.
12.5.
12.6.
12.7.
12.8.
12.9.
12.10.
13.
What is idea behind Modules
What is feature Modules and how we create it
What is App Modules
Registering Routes in Feature Modules
What is Shared Module and how we create
Create the Auth Feature module
What is Lazy LoadingHow to Modules & Services works
What is Core Module
How to Create Basic Core Module
AoT Compilation with CLI
HTTP Client
13.1.
13.2.
13.3.
13.4.
13.5.
13.6.
13.7.
13.8.
13.9.
What is HttpClient and how we unlock it
Request Configuration with Response
Request Events
Set up Headers
HTTP Parameters
Progress
What is Interceptors
Modify Request in Interceptors
Multiple Interceptors
14.
Animations
14.1.
14.2.
14.3.
14.4.
14.5.
14.6.
14.7.
14.8.
15.
What is Angular Animations
Triggers and State
Switch between States
Basic and Advanced Transitions
What is void state
Key frames in animation
Grouping
Animation Callback
Unit Testing
15.1.
15.2.
15.3.
15.4.
15.5.
15.6.
15.7.
What is Unit Testing
How to Analyze CLI Testing Setup
Running Test with CLI
Components and dependencies
Async Tasks
Adding Component with tests
Difference between Isolated and Non-isolated Tests