About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
Build Awesome Web Apps Using Angular
Introduction
Welcome to this course
Preview
What you are expected to know
Required software setup
How to use the examples?
What is Angular?
Creating a new Angular app
Creating our first app using Angular CLI
Creating an Angular app from the scratch
Introducing Components
Overview of an Angular Component
Using Angular CLI to generate new component
Demo - Click Counter app
Angular directives
Overview
Demo - ngForOf, ngIf, ngStyle and ngClass
Demo - ngSwitch
Demo - Custom directive
Creating the Phonebook App
Creating the basic structure of our Phonebook App
Creating the ContactDetailsComponent to show a contact information
Pipes for transforming model data
Introduction to pipes and creating a custom pipe
Creating a custom pipe to display the age from birth date
The service layer in Angular
Creating the ContactsService injectable class
Setting up the /contacts REST endpoint
Consuming the REST endpoint in our service
Writing CRUD operations in the ContactsService injectable
Displaying the list of all contacts using NgForOf directive
Routing and SPA (Single Page Applications)
Route configuration and changing views
Accessing the route parameters in ContactListComponent
Deleting a contact
Working with forms in Angular
Template-driven vs Model-driven (Reactive) forms
Working with a template-driven form for adding new contacts
Validating user inputs in a template-driven form
Editing a contact using reactive form
Validating user inputs in a reactive form
Miscellaneous
Integrating jQuery (for pagination on scroll)
Using SweetAlert for beautiful dialog boxes
Building and deploying
Advanced topics
JIT and AOT Compilation
Conclusion
Thank you
APPENDIX: Download Angular project files (shown in the videos)
Counter App
Directives Demo
First app
Phonebook App
Creating the ContactDetailsComponent to show a contact information
Build Awesome Web Apps Using Angular
Creating the Phonebook App
By:
Vinod Kumar
12 minutes
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:
$99.99
You save:
$30
Buy Class
€67.34
List Price:
€96.21
You save:
€28.86
Buy Class
£55.94
List Price:
£79.93
You save:
£23.98
Buy Class
CA$100.65
List Price:
CA$143.79
You save:
CA$43.14
Buy Class
A$112.33
List Price:
A$160.48
You save:
A$48.15
Buy Class
S$95.07
List Price:
S$135.83
You save:
S$40.75
Buy Class
HK$543.93
List Price:
HK$777.07
You save:
HK$233.14
Buy Class
CHF 62.61
List Price:
CHF 89.45
You save:
CHF 26.84
Buy Class
NOK kr799.33
List Price:
NOK kr1,141.95
You save:
NOK kr342.62
Buy Class
DKK kr502.32
List Price:
DKK kr717.64
You save:
DKK kr215.31
Buy Class
NZ$124.25
List Price:
NZ$177.52
You save:
NZ$53.26
Buy Class
د.إ257.07
List Price:
د.إ367.25
You save:
د.إ110.18
Buy Class
৳8,395.96
List Price:
৳11,994.74
You save:
৳3,598.78
Buy Class
₹5,947.38
List Price:
₹8,496.63
You save:
₹2,549.24
Buy Class
RM315.51
List Price:
RM450.75
You save:
RM135.24
Buy Class
₦108,935.23
List Price:
₦155,628.43
You save:
₦46,693.20
Buy Class
₨19,553.63
List Price:
₨27,934.96
You save:
₨8,381.32
Buy Class
฿2,411.01
List Price:
฿3,444.45
You save:
฿1,033.44
Buy Class
₺2,462.87
List Price:
₺3,518.54
You save:
₺1,055.66
Buy Class
B$432.25
List Price:
B$617.53
You save:
B$185.28
Buy Class
R1,286.40
List Price:
R1,837.80
You save:
R551.39
Buy Class
Лв131.81
List Price:
Лв188.31
You save:
Лв56.50
Buy Class
₩101,406.23
List Price:
₩144,872.25
You save:
₩43,466.02
Buy Class
₪255.41
List Price:
₪364.89
You save:
₪109.47
Buy Class
₱4,117.93
List Price:
₱5,883.01
You save:
₱1,765.08
Buy Class
¥10,970.49
List Price:
¥15,672.80
You save:
¥4,702.31
Buy Class
MX$1,420.18
List Price:
MX$2,028.91
You save:
MX$608.73
Buy Class
QR256.43
List Price:
QR366.34
You save:
QR109.91
Buy Class
P967.77
List Price:
P1,382.59
You save:
P414.82
Buy Class
KSh9,046.20
List Price:
KSh12,923.70
You save:
KSh3,877.50
Buy Class
E£3,563.73
List Price:
E£5,091.27
You save:
E£1,527.53
Buy Class
ብር8,934.81
List Price:
ብር12,764.56
You save:
ብር3,829.75
Buy Class
Kz64,250.82
List Price:
Kz91,790.82
You save:
Kz27,540
Buy Class
CLP$69,405.58
List Price:
CLP$99,155.08
You save:
CLP$29,749.50
Buy Class
CN¥510.85
List Price:
CN¥729.81
You save:
CN¥218.96
Buy Class
RD$4,272.98
List Price:
RD$6,104.52
You save:
RD$1,831.54
Buy Class
DA9,417.81
List Price:
DA13,454.60
You save:
DA4,036.78
Buy Class
FJ$162.47
List Price:
FJ$232.11
You save:
FJ$69.64
Buy Class
Q541.22
List Price:
Q773.21
You save:
Q231.98
Buy Class
GY$14,699.69
List Price:
GY$21,000.46
You save:
GY$6,300.76
Buy Class
ISK kr9,732.10
List Price:
ISK kr13,903.60
You save:
ISK kr4,171.50
Buy Class
DH705.15
List Price:
DH1,007.40
You save:
DH302.25
Buy Class
L1,289.19
List Price:
L1,841.78
You save:
L552.59
Buy Class
ден4,145.57
List Price:
ден5,922.50
You save:
ден1,776.92
Buy Class
MOP$562.37
List Price:
MOP$803.42
You save:
MOP$241.05
Buy Class
N$1,284.24
List Price:
N$1,834.70
You save:
N$550.46
Buy Class
C$2,585.91
List Price:
C$3,694.32
You save:
C$1,108.40
Buy Class
रु9,565.49
List Price:
रु13,665.58
You save:
रु4,100.08
Buy Class
S/262.28
List Price:
S/374.71
You save:
S/112.42
Buy Class
K284.79
List Price:
K406.86
You save:
K122.07
Buy Class
SAR262.99
List Price:
SAR375.72
You save:
SAR112.72
Buy Class
ZK1,944.48
List Price:
ZK2,777.96
You save:
ZK833.47
Buy Class
L335.15
List Price:
L478.81
You save:
L143.65
Buy Class
Kč1,692.70
List Price:
Kč2,418.25
You save:
Kč725.55
Buy Class
Ft27,859.13
List Price:
Ft39,800.47
You save:
Ft11,941.33
Buy Class
SEK kr772.53
List Price:
SEK kr1,103.66
You save:
SEK kr331.13
Buy Class
ARS$71,530.46
List Price:
ARS$102,190.76
You save:
ARS$30,660.29
Buy Class
Bs485.50
List Price:
Bs693.61
You save:
Bs208.10
Buy Class
COP$306,446.24
List Price:
COP$437,799.12
You save:
COP$131,352.87
Buy Class
₡35,334.71
List Price:
₡50,480.33
You save:
₡15,145.61
Buy Class
L1,783.55
List Price:
L2,548.03
You save:
L764.48
Buy Class
₲548,864.71
List Price:
₲784,126.06
You save:
₲235,261.34
Buy Class
$U3,122.15
List Price:
$U4,460.41
You save:
$U1,338.25
Buy Class
zł286.96
List Price:
zł409.96
You save:
zł123
Buy Class
Already have an account?
Log In
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
Share
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts