NEW! Curricular Projects • Test Your Skills and Get Expert Feedback
We independently test and review every course that we recommend.
Please support us by leaving us feedback, and recommending this guide to others.
Updated: July 18, 2023
If you're serious about learning Angular for your job, this path is the best investment of time and money. You'll learn how Angular works in the real world, from basics to advanced topics, with courses by some of the top Angular experts in the world, including John Papa, Deborah Kurata, and Dan Wahlin.
The courses in the Pluralsight path are some of the most popular on their platform, and it’s clear why. Pluralsight courses are highly curated and polished, and their roster of Angular authors is the strongest around.
Pluralsight courses are concise and self-contained, focused on a particular topic within Angular. This is helpful, as an expert can focus the scope of the course to just what they need to cover. Pluralsight also produces courses at a consistently high level, following a similar format, which helps minimize distractions you sometimes find in other courses (like fluctuations in audio).
One of the best features of Pluralsight’s courses are the unifying scenario, where the examples and demonstrations all relate to a fictitious company. This way, you’re learning how Angular works in the real world rather than how to build a toy application.
Additionally, with your Pluralsight subscription, you can measure your skills with an in-depth assessment. You’ll be able to see your level of proficiency and how your assessment score ranks against others who have taken the assessment.
Pluralsight counts many enterprise organizations as customers, so this learning path (and their broader library) includes several courses that cover working with larger code bases and scaling Angular applications. So if you're planning to use Angular professionally, you'll benefit tremendously from their range of courses.
The Angular Path includes an interactive course, called a Code Lab. This is an interesting course, where you’re guided step by step through coding specific features for an application in the browser. But we found the tasks covered in this lab fairly simple, and the interface super slow and clunky. If you’ve coded along with the other courses, you’ll already know how to do many of the things covered in this Code Lab, and you can skip it.
Frontend Masters
By Various
Excellent resource for learning the essentials to start working with Angular in a professional capacity.
Frontend Masters courses combine footage from real-time workshops with code files so you can follow along. This is helpful because the authors often stop to answer questions that you may have while studying.
Frontend Masters authors are top engineers at some of the world’s leading tech companies, so their workshops are full of best practices used to build world-class applications. Often you’ll hear valuable insights like which features they’ve never once seen used, which can be helpful in guiding you towards which topics to practice and which to not worry so much about.
After the core coursework, the rest of the path goes a bit beyond Angular, to broader topics like enterprise architecture and Rx.js. You can stick with the core courses and have a solid foundation for working with Angular.
As a subscriber, you have access to a Discord server where Frontend Masters staff and instructors hang out and answer questions. It's one of the more valuable learning communities out there.
Since the workshops are recorded in real time with a live audience, sometimes the instructors get led off on tangents. Not a dealbreaker, but it's a small drawback to the format that you don't encounter with other solutions.
Not as in-depth as other courses and paths, but a good option if you're an experienced developer looking to get quickly learn the basics by building a practical application.
In this course, you’ll learn Angular by building and deploying a real-world application. This means you’re not only learning how to build an app with Angular, but how to use Firebase to deploy the application.
The course starts from Angular basics and eventually culminates with the deployment of a server-rendered progressive web app on Google Cloud Run.
The videos are well-produced and the concept explanations are strong throughout. If you're not familiar with his style, you can check out some of his screencasts on YouTube for a sample. But if you're a fan, you'll really enjoy this course.
To get the most out of the course, you'll want to code along and where possible, try to extend the application further than the core functionality.
As a member, you get access to a Discord instance where you can interact with Jeff Delaney and other learners, which means you can get help much faster than on other platforms.
The price point is approachable. $20 for this full project-based Angular course. It’s also available as part of the Fireship.io subscription.
This course covers Angular 12. As of writing, Angular is up to version 16. Most of the core concepts covered in the course are still applicable, but some best practices have definitely emerged, particularly around using Standalone Components in place of NgModules, which was released in Angular 14.
Udemy
By Maximilian Schwarzmuller - Academind
A decent inexpensive option to learn Angular by seeing an application built step by step.
This course starts with the absolute basics of Angular and works up to some advanced topics like authentication and optimization, with a brief introduction to the essential concepts. Most of the explanations are done in the context of a scenario project.
This course contains solid explanations of the essentials of Angular, with lots of real world examples for how the instructor actually uses Angular to build applications.
We also really liked the assignments built in the course, which are designed to be completed on your own, with the author's solution videos as a reference / checkup on your work.
In the course description, the author claims you’ll get “a very deep understanding of how to create Angular applications.” We respectfully disagree. This course provides a broad survey of core Angular concepts, each covered at a fairly basic level, though explained well. That may be enough for you to get started with learning Angular. However, if you’re looking for deep understanding of how to build with Angular, in-depth coverage of more advanced concepts, and insights into how Angular is built in the real world, choose either Pluralsight or Frontend Masters.
Academind operates a Discord community around their courses, and the author does engage with students who have questions. Due to the massive number of students who purchase courses by Academind, we found the community to be a bit too noisy to be helpful, but other students we’ve talked to have felt positively about the support they receive.
Angular is a popular JavaScript framework for building web applications. Angular is used to create dynamic, single-page applications (SPAs) where the content is updated without requiring a full page reload. Angular uses routing to map the URL in the web browser to a specific state in the web application.
Led by Google, Angular is based on TypeScript, a superset of JavaScript.
Angular follows the Model-View-Controller (MVC) architectural pattern: - The Model represents the application's data and business logic - The View is the user interface component that displays the data to the user. It presents the information from the Model in a visually understandable format. - The controller contains the logic for the web application, handles user input and processes other user actions, and acts as an intermediary between the Model and the View.
Angular offers features like two-way data binding to link views and model data, so that updates to one causes updates to another. Other features include dependency injection and a robust set of tools and libraries to enhance development productivity.
Components: Understand how to create and manage components, which are the building blocks of Angular applications. Learn about component lifecycle hooks, data binding, and how to handle events.
Templates: Familiarize yourself with Angular's template syntax, which allows you to define the structure and appearance of your application's user interface. Learn about data interpolation, property binding, and how to create reusable templates.
Directives: Learn about directives, such as structural directives like ngIf and ngFor, which allow you to manipulate the DOM based on conditions or iterate over collections. Also, explore attribute directives like ngStyle and ngClass to dynamically modify element styles and classes.
Services and Dependency Injection: Understand the concept of services in Angular, which are used for sharing data and functionality across components. Learn how to create and use services, and grasp the concept of dependency injection for managing dependencies between components and services.
Routing: Get familiar with Angular's routing system, which enables navigation between different views or pages within your application. Learn how to define routes, handle route parameters, and implement nested routing.
Forms: Explore Angular's powerful forms module for handling user input and validation. Learn about template-driven forms and reactive forms, and understand how to perform form validation and handle form submissions.
JavaScript: Having a strong understanding of JavaScript is essential as Angular is built using JavaScript. Familiarize yourself with JavaScript fundamentals, including variables, functions, arrays, objects, and ES6 features.
TypeScript: Angular is primarily written in TypeScript, a statically-typed superset of JavaScript. While not a strict prerequisite, learning TypeScript will enable you to take full advantage of Angular's features, such as static typing, interfaces, and decorators.
HTML and CSS: Proficiency in HTML and CSS is crucial for building user interfaces in Angular. Ensure you have a solid understanding of HTML markup, CSS styling, and responsive design principles.
Single-Page Applications (SPAs): Angular is often used to develop single-page applications, where content is dynamically loaded without page reloads. Understanding the concepts and techniques used in building SPAs will be beneficial.
Web Development Basics: Familiarize yourself with concepts like HTTP, RESTful APIs, client-server communication, and asynchronous programming. Knowledge of these fundamentals will help you consume APIs and handle data in your Angular applications.
Package Managers: Familiarize yourself with package managers like npm (Node Package Manager) or Yarn. These tools are commonly used in Angular projects for managing dependencies and installing packages.
Help us out by leaving us feedback, joining our email list to get notified when we release new guides, and recommending this guide to others.
Thanks for reading!
