HomeCoursesThe Angular Masterclass

Intermediate

20h

Updated 3 weeks ago

The Angular Masterclass
Save

Gain insights into Angular architecture, components, modules, routing, dependency injection, and observables. Delve into state management, testing, and troubleshooting to build a sales contacts app.
Join 2.7 million developers at
Overview
Content
Reviews
Related
In this course, you will use Angular to build a fully-functional sales team contacts application. To start things off, you’ll learn about Angular architecture and how components and modules are used to build sections of your application. In the second section, you’ll dive into routing and navigation, dependency injection, and observables. In the last part of this course, you will get hands-on experience managing the state of your app as well as testing and troubleshooting. Throughout the course are three different assessments which will be used to test your understanding of the material. By the end, you will have a great new application for your portfolio, as well as a better understanding of how to design an Angular application from scratch.
In this course, you will use Angular to build a fully-functional sales team contacts application. To start things off, you’ll l...Show More

WHAT YOU'LL LEARN

The architecture of a typical Angular application and how components and modules are used to build sections of the app.
Explore Services, Dependency Injection, Observables and RxJs.
NgRx, which is a library for managing reactive state for Angular.
Testing and packaging an Angular application for production.
The architecture of a typical Angular application and how components and modules are used to build sections of the app.

Show more

TAKEAWAY SKILLS

TypeScript

Front-end Development

Angular

Content

147 Lessons20 Quizzes3 Assessments

1.

Getting Started

1 Lessons

Get familiar with Angular fundamentals through hands-on learning with practical app development.
Who Should Take This Course and Why?

13.

Conclusion

1 Lessons

Investigate Angular's structure, CLI, routing, state management, and production optimization in development.
Final Remarks

14.

Appendix

4 Lessons

Piece together the parts of setting up Angular CLI, creating apps, and installing VSCode and NgRx.
Installing the Angular CLI
Create Your First Angular App
Installing Visual Studio Code
Installing NgRx
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Developed by MAANG Engineers
Every Educative resource is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who’ve shipped production code at scale and taught the theory behind it. The goal is to get you hands-on with the skills you need to stay ahead in today's constantly evolving tech landscape. No videos, no fluff — just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

Adaptive Learning

Explain with AI

AI Code Mentor

Related Courses and Skill Paths

Course

Using TypeScript with React

Using TypeScript with React

Gain insights into integrating TypeScript with React to improve productivity. Learn about strongly-typed props, state, and events, and set up projects using Create React App, Webpack, and Babel.

9 h

intermediate

Course

A Hands-on Guide to Angular

A Hands-on Guide to Angular

Discover Angular's core concepts and advance to building a complete SPA. Gain hands-on experience by creating modules, components, forms, routing, and APIs in an e-commerce app.

16 h

intermediate

Course

Advanced TypeScript Masterclass

Advanced TypeScript Masterclass

Discover advanced TypeScript concepts: Gain insights into compiler flags, generic types, and discriminated unions. Delve into writing error-free code and mastering complex error messages with confidence.

6 h

intermediate

Course

Build Reactive Websites with RxJS: Master Observables and Wrangle

Build Reactive Websites with RxJS: Master Observables and Wrangle

Gain insights into building reactive websites with RxJS. Delve into mastering observables and managing events efficiently to create fast, responsive applications while reducing bugs.

50 h 30 m

intermediate

Course

Full Reactive Stack: Spring Boot 2 & Spring WebFlux

Full Reactive Stack: Spring Boot 2 & Spring WebFlux

Gain insights into building Reactive Web Applications with Spring Boot 2 and Spring WebFlux, from database integration to front-end. Explore Reactive vs MVC, performance, and deployment with Docker.

6 h

intermediate

Course

Creating a CRUD REST API with Deno & Oak

Creating a CRUD REST API with Deno & Oak

2 h

intermediate

Course

Optimize your web projects with Progressive Web Apps

Optimize your web projects with Progressive Web Apps

Gain insights into Progressive Web Apps. Delve into service workers, caching strategies, and their advantages. Learn about real-world Angular projects and deploying PWAs using Firebase. Optimize your web solutions efficiently.

5 h

beginner

Course

Build Reactive Websites with RxJS: Master Observables and Wrangle

Build Reactive Websites with RxJS: Master Observables and Wrangle

Gain insights into building reactive websites with RxJS. Delve into mastering observables and managing events efficiently to create fast, responsive applications while reducing bugs.

50 h 30 m

intermediate

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath

Learn in-demand tech skills in half the time

PRODUCTS

Mock Interview

New

Courses

Cloud Labs

Skill Paths

Projects

Assessments

Newsletter

TRENDING TOPICS

Learn to Code

Tech Interview Prep

Generative AI

Data Science

Machine Learning

GitHub Students Scholarship

Early Access Courses

Blind 75

Layoffs

Pricing

For Individuals

Try for Free

Gift a Subscription

CONTRIBUTE

Become an Author

Become an Affiliate

Earn Referral Credits

RESOURCES

Blog

Cheatsheets

Webinars

Answers

ABOUT US

Our Team

Careers

Hiring

Frequently Asked Questions

Contact Us

Press

LEGAL

Privacy Policy

Cookie Policy

Terms of Service

Business Terms of Service

Data & Privacy

Data Processing Agreement

INTERVIEW PREP COURSES

Grokking the Modern System Design Interview

Grokking the Product Architecture Design Interview

Grokking the Coding Interview Patterns

Machine Learning System Design

Copyright ©2025 Educative, Inc. All rights reserved.

soc2