Angular - The Complete Guide (2025 Edition)
- Description
- Curriculum
- FAQ
- Reviews
Join the most comprehensive and bestselling Angular course on Udemy and learn all about this amazing framework from the ground up, in great depth!
This course starts from scratch, you neither need to know Angular 1 nor Angular 2!
From Setup to Deployment, this course covers it all! You’ll learn all about Components, Directives, Services, Forms, Http Access, Authentication, Optimizing an Angular App with Modules and Offline Compilation and much more – and in the end: You’ll learn how to deploy an application!
But that’s not all! This course will also show you how to use the Angular CLI and feature a complete project, which allows you to practice the things learned throughout the course!
And if you do get stuck, you benefit from an extremely fast and friendly support – both via direct messaging or discussion. You have my word! 😉
Angular is one of the most modern, performance-efficient and powerful frontend frameworks you can learn as of today. It allows you to build great web apps which offer awesome user experiences! Learn all the fundamentals you need to know to get started developing Angular applications right away.
Hear what my students have to say
“Absolutely fantastic tutorial series. I cannot thank you enough. The quality is first class and your presentational skills are second to none. Keep up this excellent work. You really rock! – Paul Whitehouse”
“The instructor, Max, is very enthusiastic and engaging. He does a great job of explaining what he’s doing and why rather than having students just mimic his coding. Max was also very responsive to questions. I would recommend this course and any others that he offers. Thanks, Max!”
“As a person new to both JavaScript and Angular 2 I found this course extremely helpful because Max does a great job of explaining all the important concepts behind the code. Max has a great teaching ability to focus on what his audience needs to understand.”
This Course uses TypeScript
TypeScript is the main language used by the official Angular team and the language you’ll mostly see in Angular tutorials. It’s a superset to JavaScript and makes writing Angular apps really easy. Using it ensures, that you will have the best possible preparation for creating Angular apps. Check out the free videos for more information.
TypeScript knowledge is, however, not required – basic JavaScript knowledge is enough.
Why Angular?
Angular is the next big deal. Being the successor of the overwhelmingly successful Angular.js framework it’s bound to shape the future of frontend development in a similar way. The powerful features and capabilities of Angular allow you to create complex, customizable, modern, responsive and user friendly web applications.
Angular is faster than Angular 1 and offers a much more flexible and modular development approach. After taking this course you’ll be able to fully take advantage of all those features and start developing awesome applications immediately.
Due to the drastic differences between Angular 1 and Angular (= Angular 2+) you don’t need to know anything about Angular.js to be able to benefit from this course and build your futures projects with Angular.
Get a very deep understanding of how to create Angular applications
This course will teach you all the fundamentals about modules, directives, components, databinding, routing, HTTP access and much more! We will take a lot of deep dives and each section is backed up with a real project. All examples showcase the features Angular offers and how to apply them correctly.
Specifically you will learn:
-
Which architecture Angular uses
-
How to use TypeScript to write Angular applications
-
All about directives and components, including the creation of custom directives/ components
-
How databinding works
-
All about routing and handling navigation
-
What pipes are and how to use them
-
How to send HTTP requests (e.g. to REST APIs)
-
What dependency injection is and how to use it
-
How to use modules in Angular
-
How to optimize your (bigger) Angular applications
-
An introduction to NgRx and complex state management
-
We will build a major project in this course so that you can practice all concepts
-
And so much more!
Pay once, benefit a lifetime!
Don’t lose any time, gain an edge and start developing now!
-
1
Welcome To The Course!Let me introduce you to this course and give a rough outline over what you're going to learn!
-
2
What Exactly Is Angular?
So many Angular versions! What's up with them and which version does this course cover?
-
3
Why Would You Use Angular?
Enough of the talking, let's create our first Angular project and view our first app in the browser.
-
4
Angular's Evolution & Stability
-
5
Creating A New Angular Project
-
6
Setting Up An Angular Development Environment
Let's edit our first app!
-
7
About This Course
Enough of the talking, let's create our first Angular project and view our first app in the browser.
-
8
Course Setup & Resources
-
9
Module Introduction
-
10
A New Starting Project & Analyzing The Project Structure
-
11
Understanding Components & How Content Ends Up On The Screen
-
12
Creating a First Custom Component
-
13
[Optional] JavaScript Refresher: Classes, Properties & More
-
14
Configuring the Custom Component
-
15
Using the Custom Component
-
16
Styling the Header Component & Adding An Image
-
17
Managing & Creating Components with the Angular CLI
-
18
Styling & Using Our Next Custom Component
-
19
Preparing User Data (To Output Dynamic Content)
-
20
Storing Data in a Component Class
-
21
Outputting Dynamic Content with String Interpolation
-
22
Property Binding & Outputting Computed Values
-
23
Attribute Binding
-
24
Using Getters For Computed Values
-
25
Listening to Events with Event Binding
-
26
Managing State & Changing Data
-
27
A Look Behind The Scenes Of Angular's Change Detection Mechanism
-
28
Introducing Signals
-
29
We Need More Flexible Components!
-
30
Defining Component Inputs
-
31
Required & Optional Inputs
-
32
Using Signal Inputs
-
33
We Need Custom Events!
-
34
Working with Outputs & Emitting Data
-
35
Using the output() Function
-
36
Adding Extra Type Information To EventEmitter
-
37
Exercise: Create a Configurable Component
-
38
TypeScript: Working With Potentially Undefined Values & Union Types
-
39
Accepting Objects As Inputs & Adding Appropriate Typings
-
40
TypeScript: Type Aliases & Interfaces
-
41
Outputting List Content
-
42
Outputting Conditional Content
-
43
Legacy Angular: Using ngFor & ngIf
-
44
Adding More Components to the Demo App
-
45
Outputting User-specific Tasks
-
46
Outputting Task Data in the Task Component
-
47
Storing Data Models in Separate Files
-
48
Dynamic CSS Styling with Class Bindings
-
49
More Component Communication: Deleting Tasks
-
50
Creating & Conditionally Rendering Another Component
-
51
Managing The "New Task" Dialog
-
52
Using Directives & Two-Way-Binding
-
53
Signals & Two-Way-Binding
-
54
Handling Form Submission
-
55
Using the Submitted Data
-
56
Content Projection with ng-content
-
57
Transforming Template Data with Pipes
-
58
Getting Started with Services
-
59
Getting Started with Dependency Injection
-
60
More Service Usage & Alternative Dependency Injection Mechanism
-
61
Time to Practice: Services
-
62
Using localStorage for Data Storage
-
63
Module Summary
-
64
Module Introduction
-
65
A First Introduction To Angular Modules (NgModule)
-
66
Creating a First Empty Module
-
67
Bootstrapping Apps with Angular Modules
-
68
Declaring & Using Components
-
69
A First Summary
-
70
Migrating All Components To Use Modules
-
71
Creating & Using Shared Modules
-
72
Creating More Complex Module-based App Structures
-
73
Module Introduction & Starting Project
-
74
Exercise Hints
-
75
Adding a Header Component With An Image
-
76
Adding a User Input Component
-
77
Handling Form Submission
-
78
Extracting Values with Two-Way-Binding
-
79
Calculating the Annual Investment Data
-
80
Cross-Component Communication with Outputs
-
81
Creating & Using a Data Model
-
82
Passing Data from Parent to Child with Inputs
-
83
Outputting Data in a Table
-
84
Formatting Output with a Pipe
-
85
Using Signals & Resetting The Form After Submission
-
86
Using a Service for Cross-Component Communication
-
87
Using Signals in Services
-
88
Migrating to Angular Modules
-
89
Module Summary
