Angular - The Complete Guide
Master Angular (formerly "Angular 2") and build awesome, reactive web apps with the successor of Angular.js.
Watch Promo Enroll in Course
Angular is one of the most popular web development frameworks you can learn these days - especially in the enterprise landscape.
It offers amazing performance, a versatile syntax & API, a "batteries-included" philosophy where key features like routing are included and an active and helpful community.
And with this course, you'll learn Angular from the ground up and in great detail - all whilst building multiple demo projects. Therefore, concepts are explained & explored not just in theory, but instead by applying your knowledge to real problems!
This is a huge course because it really covers EVERYTHING you need to know and learn to become an Angular developer!
No matter if you know nothing about Angular or if you already got some basic Angular knowledge (not required but also not a problem), you will get tons of useful information and knowledge out of this course!
Because my goal with this course is to ensure that you feel confident working with Angular, so that you can apply for Angular jobs, use it in your own projects or simply enhance your portfolio as a developer - whatever your goal is: This course gets you there!
For this course, no prior Angular knowledge is required - instead, the course starts with a very thorough "Essentials" section that will get you up and running with Angular's core features in just a few hours!
But, of course, this course doesn't stop there!
After finishing the "Essentials" sections, the course offers a vast selection of "Deep Dive" sections that allows you to dive deeper into core and advanced Angular concepts & features. You'll learn all about components, directives, signals, change detection, routing, sending HTTP requests and much, much more!
But Angular has also changed since its original release back in 2016. And this course ensures that you get the most out of it, no matter which Angular version you're using!
Whilst the course does focus on the latest & most modern Angular syntax and teach that as a default, it also covers older Angular features and concepts so that you'll be able to use your knowledge no matter which Angular version you might be using in your upcoming projects.
By the end of this course, you'll therefore be able to use Angular with confidence in your next projects!
What's in this course?
- A thorough introduction to Angular (What is it and why would you use it?)
- All the core essentials: How Angular works, building components with Angular & building UIs with Angular
- Components, inputs, outputs & dynamic data binding (with and without signals)
- Working with user events and state to create interactive applications
- How to use crucial concepts like services to connect components or outsource data
- A (thorough) look behind the scenes to understand how Angular works under the hood
- Detailed explanations on how to work with lists and conditional content
- How to debug Angular apps
- Styling Angular apps with scoped styles
- Building and using components, directives, pipes & more
- Sending Http requests & handling transitional states + responses
- Handling forms and user input (incl. validation)
- Routing to create multi-page applications
- Deploying Angular
- TypeScript Introduction
- And so much more - check out the full curriculum on this page!
This really is the "Complete Guide" - promised!
And best of all?
You don't need any prior Angular knowledge!
This course starts with zero knowledge assumed! All you need is basic web development and JavaScript knowledge (though the course even includes a brief JavaScript refresher to ensure that we're all on the same page!).
Check out the full curriculum, the free preview videos and join the course risk-free thanks to the 30-day money-back guarantee!
Course Curriculum
-
PreviewWelcome To The Course! (1:31)
-
PreviewWhat Exactly Is Angular? (1:49)
-
PreviewWhy Would You Use Angular? (6:41)
-
PreviewAngular's Evolution & Stability (4:44)
-
PreviewCreating A New Angular Project (7:02)
-
PreviewSetting Up An Angular Development Environment (4:48)
-
PreviewAbout This Course (1:45)
-
StartCourse Resources & Using The Course Efficiently
-
StartModule Introduction (1:19)
-
StartA New Starting Project & Analyzing The Project Structure (6:27)
-
StartUnderstanding Components & How Content Ends Up On The Screen (6:18)
-
StartCreating a First Custom Component (5:14)
-
Start[Optional] JavaScript Refresher: Classes, Properties & More
-
StartConfiguring the Custom Component (6:42)
-
StartUsing the Custom Component (6:08)
-
StartStyling the Header Component & Adding An Image (6:20)
-
StartManaging & Creating Components with the Angular CLI (4:28)
-
StartStyling & Using Our Next Custom Component (5:08)
-
StartPreparing User Data (To Output Dynamic Content) (2:07)
-
StartStoring Data in a Component Class (3:55)
-
StartOutputting Dynamic Content with String Interpolation (2:30)
-
StartAttribute Binding
-
StartProperty Binding & Outputting Computed Values (4:37)
-
StartUsing Getters For Computed Values (3:29)
-
StartListening to Events with Event Binding (4:04)
-
StartManaging State & Changing Data (3:06)
-
StartA Look Behind The Scenes Of Angular's Change Detection Mechanism (2:06)
-
StartIntroducing Signals (12:53)
-
StartWe Need More Flexible Components! (3:40)
-
StartDefining Component Inputs (8:17)
-
StartRequired & Optional Inputs (2:56)
-
StartUsing Signal Inputs (14:00)
-
StartWe Need Custom Events! (1:47)
-
StartWorking with Outputs & Emitting Data (6:59)
-
StartUsing the output() Function (6:12)
-
StartAdding Extra Type Information To EventEmitter (1:57)
-
StartExercise: Create a Configurable Component (8:47)
-
StartTypeScript: Working With Potentially Undefined Values & Union Types (8:06)
-
StartAccepting Objects As Inputs & Adding Appropriate Typings (4:46)
-
StartTypeScript: Type Aliases & Interfaces (3:11)
-
StartOutputting List Content (5:33)
-
StartOutputting Conditional Content (4:26)
-
StartLegacy Angular: Using ngFor & ngIf (5:21)
-
StartAdding More Components to the Demo App (6:14)
-
StartOutputting User-specific Tasks (6:30)
-
StartOutputting Task Data in the Task Component (4:04)
-
StartStoring Data Models in Separate Files (3:44)
-
StartDynamic CSS Styling with Class Bindings (4:36)
-
StartMore Component Communication: Deleting Tasks (5:25)
-
StartCreating & Conditionally Rendering Another Component (5:25)
-
StartManaging The "New Task" Dialog (6:30)
-
StartUsing Directives & Two-Way-Binding (10:46)
-
StartSignals & Two-Way-Binding (2:19)
-
StartHandling Form Submission (3:20)
-
StartUsing the Submitted Data (7:20)
-
StartContent Projection with ng-content (6:48)
-
StartTransforming Template Data with Pipes (3:16)
-
StartGetting Started with Services (6:15)
-
StartGetting Started with Dependency Injection (8:02)
-
StartMore Service Usage & Alternative Dependency Injection Mechanism (5:17)
-
StartTime to Practice: Services (3:16)
-
StartUsing localStorage for Data Storage (5:40)
-
StartModule Summary (8:45)
-
StartModule Introduction (2:16)
-
StartA First Introduction To Angular Modules (NgModule) (3:05)
-
StartCreating a First Empty Module (2:56)
-
StartBootstrapping Apps with Angular Modules (5:21)
-
StartDeclaring & Using Components (4:46)
-
StartA First Summary (2:14)
-
StartMigrating All Components To Use Modules (6:50)
-
StartCreating & Using Shared Modules (4:13)
-
StartCreating More Complex Module-based App Structures (7:22)
Course Prerequisites
Basic JavaScript knowledge is required
NO prior Angular or TypeScript knowledge required
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Razvan
The instructor is very clear and he knows very well the subject. He is very active if you do not find the answer in the questions and answers. Step by step explanations. 5 star for his effort and quality.
Adir Avraham
The pace is perfect. Not too fast and not too slow. It makes it easy to understand.
Adam Victor
I greatly appreciate the hands on learning / muscle memory I am learning from these lectures. My understanding/comprehension of angular front-end development has grown tremendously because of this course. Thank you
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 2296 happy students!
Single-Course License
Full access to "Angular - The Complete Guide"
$99
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!
$25/month
Cancel Anytime!
This is a recurring payment, charged automatically on a monthly basis. You can cancel anytime from inside your user profile to avoid being charged again once your billing cycle ends. For more information, please contact Academind.