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
The service layer in Angular
Build Awesome Web Apps Using Angular
By:
Vinod Kumar
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
We'll cover the following topics in this section:
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
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