Angular Sy

Sr.No Chapter Name Subpoints

What is Angular?
Benefits of Using Angular
What is TypeScript?
1 Introduction To Angular
Some Basic Syntax of TypeScript
About Project Folder Structure
About Different Config Files
What is node js
Setup npm package manager
installing angular cli
2 Prerequisites and Installation
create workspace
init application
run application
What is a Component?
Life Cycle of a Component(ngOnChanges ,ngOnInit ,ngO
Creating Your First Data-bound Component
Using External Templates
Creating and Communicating Between
3 Communicating with Child Components Using @Input
Components
Communicating with Parent Components Using @Outpu
Using Template Variables to Interact with Child Compon
Styling Components
Exploring Angular’s CSS Encapsulation
Interpolation, Property Bindings, and Expressions
Event Bindings and Statements
Repeating Data with ngFor
Hiding and Showing Content with ngIf
4 Exploring the New Template Syntax
Hiding Content with the [Hidden] Binding
Hiding and Showing Content with ngSwitch
Styling Components with ngClass
Styling Components with ngStyle
Introduction
Why We Need Services and Dependency Injection
About HttpClient
What are Observables?
5 Creating Reusable Services
Handling Errors
Headers
Creating Your First Service
Inject a Service into a Component
What is Routing?
Add Route Component
Router Link,Navigation and it path
6 Routing and Navigating Pages
Define parameter in Routing
6 Routing and Navigating Pages

Passing & Retrieving Parameters & Fragments

Route Guards Protect Routes with canActivate
What is Forms and how we handle it?
Reactive Approach
Template Driven
Form Controls
Create Template Driven Forms
Use and Submit of Forms
7 Forms
How to add validation in use input
Build-In Validation, HTML5 Validation
Output Validation and Error Messages
Two Way Binding
Grouping
Resetting Templates form Forms
Getting Started
Installations
Init project
Learn schematics
General:-
Button,
Layout :- Icon, Typography
Divider, Grid,
Navigation :- Layout, Space,
Affix,
Data Breadcrumb,
Entry :- Dropdown, Menu, PageHeader, Pagination, Steps
Autocomplete,
Cascader
Checkbox
DatePicker, TimePicker
Form Input, InputNumber
Mention
Radio
Rate, Select Slider
Switch
Transfer
TreeSelect
Upload
Data Display :-
8 Ant Design Avatar
Calendar
Card
Carousel
Collapse ,Comment, Descriptions ,Empty
Image List
Popover, Statistic
Table
Tabs
Tag , Timeline, Tooltip,Badge
 Tree ,Tree View
Feedback :-
Alert
Drawer
Message
Modal
Popconfirm
Notification
Progress Result Skeleton
Spin
Other:-
Anchor
BackTop
What is HTTP Requests
How it work, How to send requests
Adjusting Request Headers
9 HTTP Requests
How to handle Get and Put Request
Catching HTTP Error
async with HTTP Requests
Grid layout
Add layout
Update layout
10 Layout design of for forms Multi table add layout
Multi level Add Layout
Form within forms
Multi tab forms
Study of Session
Study of Cookies
11 Session, Cookies & local storage
Study of localstorage
Usage in login based access
What is Pipe? & Basic Concept of Pipes
Types of Pipe
12 Pipes Filter vs Pipe
Custom Pipes
What is Viewchild?
Export data in excel
13 Extra Points Export data in pdf
designing of reports
 Angular Syllabus
References Web references Time Required(hrs)
https://codecraft.tv/courses/angular/ 2.00
https://codecraft.tv/courses/angular/ 0.50
https://codecraft.tv/courses/angular/ 1.00
https://codecraft.tv/courses/angular/ https://www.c-sharpcorner.com/article/learn-angular-8-step-by-step-in-10-days-day-1/
1.00
https://codecraft.tv/courses/angular/ 0.50
https://codecraft.tv/courses/angular/ 0.50
https://nodejs.org/en/download/ 1.00
https://ccbill.com/kb/install-angular-on-windows 0.50
https://ccbill.com/kb/install-angular-on-windowss 0.50
https://www.freecodecamp.org/news/how-to-install-angular-on-windows-a-guide-to-angular-cli-node-js-and-build-tools/
https://www.c-sharpcorner.com/article/how-to-install-angular/
0.25
https://ccbill.com/kb/install-angular-on-windows 0.25
https://ccbill.com/kb/install-angular-on-windows 0.25
https://codecraft.tv/courses/angular/components/overview/ 2.00
https://codecraft.tv/courses/angular/components/lifecycle-hooks/ 0.50
https://codecraft.tv/courses/angular/components/overview/ 2.00
https://codecraft.tv/courses/angular/components/overview/ 1.00
https://codecraft.tv/courses/angular/components/overview/
https://www.c-sharpcorner.com/article/learn-angular-8-step-by-step-in-10-days-component-da
1.00
https://codecraft.tv/courses/angular/components/overview/ 1.00
https://codecraft.tv/courses/angular/components/overview/ 0.50
https://codecraft.tv/courses/angular/components/overview/ 0.50
https://codecraft.tv/courses/angular/components/overview/ 0.50
1.00
1.00
0.50
0.50
https://www.c-sharpcorner.com/article/learn-angular-8-step-by-step-in-10-days-data-binding-d
0.50
0.50
0.50
0.50
2.00
1.00
0.50
0.50
https://www.c-sharpcorner.com/article/angular-8-service-day-8/
0.50
0.50
1.00
1.00
1.00
0.50
1.00
https://www.c-sharpcorner.com/article/learn-angular-8-step-by-step-in-10-days-route-or-comp
0.50
 https://www.c-sharpcorner.com/article/learn-angular-8-step-by-step-in-10-days-route-or-comp

0.50
2.00
1.00
4.00
4.00
4.00
1.00
0.50
https://www.c-sharpcorner.com/article/learn-angular-8-step-by-step-in-10-days-angular-forms
4.00
2.00
1.00
0.50
0.50
1.00
2.00
1.00
https://ng.ant.design/docs/introduce/en
0.50
0.50
https://ng.ant.design/version/10.2.x/components/overview/en
2.00
4.00
6.00
PageHeader, Pagination, Steps
1.00
0.30
0.50
3.00
16.00
0.25
0.50
0.50
0.50
0.50
2.00
3.00
2.00
0.50
1.00
1.00
1.00
1.00
0.50
8.00
4.00
1.00
 3.00
0.25
6.00
0.50
3.00
1.00
1.00
1.00
0.50
0.50
0.50
2.00
1.00
1.00
https://www.c-sharpcorner.com/article/learn-angular-8-step-by-step-in-10-days-httpclient-or-a
2.00
1.00
2.00
8.00
4.00
4.00
4.00
8.00
8.00
16.00
https://alligator.io/js%2Fintroduction-localstorage-sessionstorage%2F%2F
2.00
https://www.dltlabs.com/blog/cookies-in-angular-8-506267
6.00
https://alligator.io/js%2Fintroduction-localstorage-sessionstorage%2F%2F
1.00
https://alligator.io/js%2Fintroduction-localstorage-sessionstorage%2F%2F
3.00
2.00
0.50
https://www.c-sharpcorner.com/article/learn-angular-8-step-by-step-in-10-days-pipes-day-5/
0.50
3.00
1.00
https://medium.com/@patade888/exporting-data-to-excel-in-angular-8-5a7cf5d0d25d
4.00
4.00
16.00
Expected Date Actual Date
28/6/22
28/6/22
28/6/22
28/6/22
28/6/22
6/28/2022

29/6/22

30/6/2022

3/7/2022

5/7/2022
5/7/2022
5/7/2022
5/7/2022
5/7/2022
5/7/2022

6/7/2022