3 Pemimpin Dr, #06-04 (07), Singapore 576147
+65 8839 6772

Angular – The Complete Guide (2020 Edition)

Angular - The Complete Guide (2020 Edition)

Online Self-Paced

Play Video

Master Angular 10 (formerly “Angular 2”) and build awesome, reactive web apps with the successor of Angular.js

Course Description

This course starts from scratch, you neither need to know Angular 1 nor Angular 2!

Angular 11 simply is the latest version of Angular 2, you will learn this amazing framework from the ground up in this course!

Join the most comprehensive, popular and bestselling Angular course on Udemy and benefit not just from a proven course concept but from a huge community as well! 

From Setup to Deployment, this course covers it all! You’ll learn all about ComponentsDirectivesServicesFormsHttp 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.

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.

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.

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 11 simply is the latest version of the Angular framework and simply an update to Angular 2.

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 10) 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.

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 access the Web (e.g. RESTful servers)
  • What dependency injection is and how to use it
  • How to use Modules in Angular
  • How to optimize your (bigger) Angular Application
  • 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!

  • NO Angular 1 or Angular 2 knowledge is required!
  • Basic HTML and CSS knowledge helps, but isn’t a must-have
  • Prior TypeScript knowledge also helps but isn’t necessary to benefit from this course
  • Basic JavaScript knowledge is required

This course includes:

33.5 hours on-demand video

Access on mobile and TV

41 articles


152 downloadable resources

SkillsFuture Credit eligible *

Full lifetime access

Certificate of completion

* More than 7hr of learning time required

Course content

  • Course Introduction
  • What is Angular?
  • Join our Online Learning Community
  • Angular vs Angular 2 vs Latest Angular Version
  • CLI Deep Dive & Troubleshooting
  • Project Setup and First App
  • Editing the First App
  • The Course Structure
  • How to get the Most out of the Course
  • What is TypeScript?
  • A Basic Project Setup using Bootstrap for Styling
  • Where to find the Course Source Code

  • Module Introduction
  • How an Angular App gets Loaded and Started
  • Components are Important!
  • Creating a New Component
  • Understanding the Role of AppModule and Component Declaration
  • Using Custom Components
  • Creating Components with the CLI & Nesting Components
  • Working with Component Templates
  • Working with Component Styles
  • Fully Understanding the Component Selector
  • Practicing Components
  • [OPTIONAL] Assignment Solution
  • What is Databinding?
  • String Interpolation
  • Property Binding
  • Property Binding vs String Interpolation
  • Event Binding
  • Bindable Properties and Events
  • Passing and Using Data with Event Binding
  • Important: FormsModule is Required for Two-Way-Binding!
  • Two-Way-Databinding
  • Combining all Forms of Databinding
  • Practicing Databinding
  • [OPTIONAL] Assignment Solution
  • Understanding Directives
  • Using ngIf to Output Data Conditionally
  • Enhancing ngIf with an Else Condition
  • Styling Elements Dynamically with ngStyle
  • Applying CSS Classes Dynamically with ngClass
  • Outputting Lists with ngFor
  • Practicing Directives
  • [OPTIONAL] Assignment Solution
  • Getting the Index when using ngFor

  • Project Introduction
  • Planning the App
  • Installing Bootstrap Correctly
  • Setting up the Application
  • Creating the Components
  • Using the Components
  • Adding a Navigation Bar
  • Alternative Non-Collapsable Navigation Bar
  • Creating a "Recipe" Model
  • Adding Content to the Recipes Components
  • Outputting a List of Recipes with ngFor
  • Displaying Recipe Details
  • Working on the ShoppingListComponent
  • Creating an "Ingredient" Model
  • Creating and Outputting the Shopping List
  • Adding a Shopping List Edit Section
  • Wrap Up & Next Steps

  • Understanding Angular Error Messages
  • Debugging Code in the Browser Using Sourcemaps
  • Using Augury to Dive into Angular Apps

  • Module Introduction
  • Splitting Apps into Components
  • Property & Event Binding Overview
  • Binding to Custom Properties
  • Assigning an Alias to Custom Properties
  • Binding to Custom Events
  • Assigning an Alias to Custom Events
  • Custom Property and Event Binding Summary
  • Understanding View Encapsulation
  • More on View Encapsulation
  • Using Local References in Templates
  • @ViewChild() in Angular 8+
  • Getting Access to the Template & DOM with @ViewChild
  • Projecting Content into Components with ng-content
  • Understanding the Component Lifecycle
  • Seeing Lifecycle Hooks in Action
  • Lifecycle Hooks and Template Access
  • @ContentChild() in Angular 8+
  • Getting Access to ng-content with @ContentChild
  • Wrap Up
  • Practicing Property & Event Binding and View Encapsulation
  • [OPTIONAL] Assignment Solution

  • Introduction
  • Adding Navigation with Event Binding and ngIf
  • Passing Recipe Data with Property Binding
  • Passing Data with Event and Property Binding (Combined)
  • Make sure you have FormsModule added!
  • Allowing the User to Add Ingredients to the Shopping List

  • Module Introduction
  • ngFor and ngIf Recap
  • ngClass and ngStyle Recap
  • Creating a Basic Attribute Directive
  • Using the Renderer to build a Better Attribute Directive
  • More about the Renderer
  • Using HostListener to Listen to Host Events
  • Using HostBinding to Bind to Host Properties
  • Binding to Directive Properties
  • What Happens behind the Scenes on Structural Directives
  • Building a Structural Directive
  • Understanding ngSwitch

  • Building and Using a Dropdown Directive
  • Closing the Dropdown From Anywhere

Certificate of Completion

When you complete a paid Udemy course, you will receive a certificate of completion, which you can share with your friends, relatives, co-workers and potential employers. Certificates of completion help demonstrate your accomplishments, but please note Udemy is not an accredited institution, and as a result, the certificates cannot be used for formal accreditation.

Please note: free courses and courses that only include practice tests do not offer a certificate of completion.

What you'll learn

Student feedback

Client Logo
Gulyapas Pkwsr

This course is so good, very detailed, Max teaches you the very basics to the requirements you need to build a SPA! There is also, Jost, Max's assistant who always answer all your questions. Thank you for the course!

Client Logo
Arvind Nair

Max you are rockstar ! Many are shifting now a days to react but there is a solid reason angular exist's and you have done a great job.

Client Logo
Abhinav Deshpande

Very detailed, almost covered all area's of Angular. This is great head-start in web development world

Client Logo
Melo 唐

It's a great course amazing, and your explanation is so clear. I hope you can prepare a new angular course such as a course which teaches us how to build e-commence shopping website by angular and firebase.

Client Logo
Nestor Pastrana

Really good course, well explained and he even update the material according to the Angular version, which gives him a plus.

Who this course is for:

Transform your life through Udemy

Join millions of learners from around the world already learning on Udemy! Learn online at your own pace from highly rated instructors on any device. Learn at home, the office, waiting in line, or on the go.

Start today with a special discount and download to your phone. Lifetime access over 130,000 courses, courses in 60+ languages and expert instructors. 30-Day Money-back guarantee.

Related courses by other education partners

Data Analytics for Business with Tableau Training

Get professional quantitative data analytics training and fast track your career in a leading industry with high job growth. In the age of analytics […]

DevOps Certification Training

The DevOps Certification Training Program will provide you with in-depth knowledge of various DevOps tools including Git, Jenkins, […]

Selenium Certification Training

Edureka’s Selenium Certification Training Course is curated by Industry Experts and it expansively covers Selenium WebDriver, […]