Master Angular by learning its structure, TypeScript basics, component creation, routing, event handling, testing, and app deployment via CLI. Build cross-platform, high-performance web apps.
4.8
172 Lessons
2 Projects
70h
Updated 1 week ago
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- The ability to create Angular applications with TypeScript
- A working knowledge of using pipes and directives in Angular
- An understanding of Angular Material and its applications
- Hands-on experience implementing unit testing
- Familiarity with debugging an Angular application
Learning Roadmap
1.
Getting Started
Getting Started
Get familiar with Angular basics, CLI setup, and modern web development practices.
2.
Building Our First Angular Application
Building Our First Angular Application
Get started with Angular, CLI setup, and structuring your first scalable application.
3.
Introduction to TypeScript
Introduction to TypeScript
14 Lessons
14 Lessons
Master the steps to leverage TypeScript in Angular for efficient, structured application development.
4.
Organizing Applications into Modules
Organizing Applications into Modules
6 Lessons
6 Lessons
Organize and manage Angular applications efficiently using modules, decorators, and built-in tools.
5.
Enabling User Experience with Components
Enabling User Experience with Components
15 Lessons
15 Lessons
Take a closer look at creating, styling, and communicating with Angular components for enhanced user experience.
6.
Enrich Applications Using Pipes and Directives
Enrich Applications Using Pipes and Directives
14 Lessons
14 Lessons
See how to enhance Angular apps using pipes and directives for dynamic data handling.
7.
Managing Complex Tasks with Services
Managing Complex Tasks with Services
9 Lessons
9 Lessons
Build on Angular's DI to manage services, ensure modularity, and enhance maintainability.
8.
Being Reactive Using Observables and RxJS
Being Reactive Using Observables and RxJS
12 Lessons
12 Lessons
Learn how to use observables and RxJS for reactive programming in Angular applications.
9.
Communicating with Data Services over HTTP
Communicating with Data Services over HTTP
15 Lessons
15 Lessons
Walk through Angular's HTTP client, handling asynchronous data, CRUD operations, and authorization.
10.
Navigating through Application with Routing
Navigating through Application with Routing
17 Lessons
17 Lessons
Work your way through Angular routing, setting up navigation, handling parameters, and optimizing performance.
11.
Collecting User Data with Forms
Collecting User Data with Forms
11 Lessons
11 Lessons
Grasp the fundamentals of creating and managing Angular forms, focusing on reactive patterns.
12.
Introduction to Angular Material
Introduction to Angular Material
19 Lessons
19 Lessons
Deepen your knowledge of using Angular Material for UI components, themes, and customizations.
13.
Unit Test an Angular Application
Unit Test an Angular Application
14 Lessons
14 Lessons
Investigate unit tests' role in Angular, covering components, services, forms, and dependencies.
14.
Bringing an Application to Production
Bringing an Application to Production
6 Lessons
6 Lessons
Master the steps to optimize and deploy Angular applications for production environments.
15.
Handling Errors and Application Debugging
Handling Errors and Application Debugging
7 Lessons
7 Lessons
Step through handling errors and debugging in Angular applications using tools and strategies.
17.
Appendix
Appendix
4 Lessons
4 Lessons
Master the steps to enhance Angular development with CLI tools, VS Code, Angular Material, and deployment strategies.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
In this course, you will learn Angular, which is currently among the top JavaScript frameworks. More developers are now seeking the best way to get started with this flexible and secure framework. You will learn how to achieve cross-platform high performance with the latest web techniques.
You will begin with the basics of an Angular application, including its project structure. Then, you will learn about the basics of TypeScript and its importance in type checking. Next, you will cover how to create components and use pipes and directives in Angular. You’ll progress to cover event handling, navigation, and routing. You will end this course by learning how to create unit tests and debug an Angular application to prepare it for production.
After completing this course, you will gain essential skills to develop apps by harnessing the power of the Angular command-line interface (CLI), write unit tests, style your apps by following the Material Design guidelines, and finally, deploy them to a hosting provider.
ABOUT THE AUTHOR
Packt
A tech learning platform that provides online courses, eBooks, videos, and other resources to help individuals and organizations stay ahead of emerging and popular technologies.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor


Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go


Future-proof Your Career
Get hands-on with in-demand skills


AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"




MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies


Free Resources