Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Angular

Angular - The Complete Guide (2021 Edition)

Master Angular 10 (formerly "Angular 2") and build awesome, reactive web apps with the successor of Angular.js
Bestseller
Rating: 4.6 out of 54.6 (140,358 ratings)
465,485 students
Created by Maximilian Schwarzmüller
Last updated 2/2021
English
English, French [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Develop modern, complex, responsive and scalable web applications with Angular 11
  • Fully understand the architecture behind an Angular application and how to use it
  • Use the gained, deep understanding of the Angular fundamentals to quickly establish yourself as a frontend developer
  • Create single-page applications with one of the most modern JavaScript frameworks out there
Curated for the Udemy for Business collection

Course content

32 sections • 456 lectures • 33h 35m total length

  • Preview00:57
  • What is Angular?
    Preview01:59
  • Join our Online Learning Community
    00:20
  • Angular vs Angular 2 vs Latest Angular Version
    Preview03:49
  • Preview01:13
  • Fixing Errors With New Angular Projects
    00:29
  • Preview08:45
  • Preview10:05
  • Preview04:00
  • Preview02:25
  • What is TypeScript?
    Preview02:09
  • A Basic Project Setup using Bootstrap for Styling
    Preview04:27
  • About the Course Code / Code Snapshots
    00:40

  • Module Introduction
    00:56
  • How an Angular App gets Loaded and Started
    07:11
  • Components are Important!
    03:08
  • Creating a New Component
    06:51
  • Understanding the Role of AppModule and Component Declaration
    05:15
  • Using Custom Components
    01:12
  • Creating Components with the CLI & Nesting Components
    03:51
  • Working with Component Templates
    03:08
  • Working with Component Styles
    04:02
  • Fully Understanding the Component Selector
    03:50
  • Practicing Components
    1 question
  • [OPTIONAL] Assignment Solution
    06:42
  • What is Databinding?
    02:49
  • String Interpolation
    05:19
  • Property Binding
    06:34
  • Property Binding vs String Interpolation
    03:07
  • Event Binding
    04:09
  • Bindable Properties and Events
    00:21
  • Passing and Using Data with Event Binding
    04:37
  • Important: FormsModule is Required for Two-Way-Binding!
    00:12
  • Two-Way-Databinding
    02:47
  • Combining all Forms of Databinding
    01:46
  • Practicing Databinding
    1 question
  • [OPTIONAL] Assignment Solution
    05:12
  • Understanding Directives
    02:17
  • Using ngIf to Output Data Conditionally
    03:53
  • Enhancing ngIf with an Else Condition
    02:46
  • Styling Elements Dynamically with ngStyle
    05:01
  • Applying CSS Classes Dynamically with ngClass
    02:53
  • Outputting Lists with ngFor
    03:43
  • Practicing Directives
    1 question
  • [OPTIONAL] Assignment Solution
    07:06
  • Getting the Index when using ngFor
    02:52

  • Project Introduction
    01:04
  • Planning the App
    05:33
  • Installing Bootstrap Correctly
    00:30
  • Setting up the Application
    04:31
  • Creating the Components
    09:32
  • Using the Components
    03:15
  • Adding a Navigation Bar
    05:09
  • Alternative Non-Collapsable Navigation Bar
    00:27
  • Creating a "Recipe" Model
    04:33
  • Adding Content to the Recipes Components
    07:41
  • Outputting a List of Recipes with ngFor
    04:37
  • Displaying Recipe Details
    05:52
  • Working on the ShoppingListComponent
    01:49
  • Creating an "Ingredient" Model
    02:35
  • Creating and Outputting the Shopping List
    02:27
  • Adding a Shopping List Edit Section
    03:28
  • Wrap Up & Next Steps
    00:54

  • Understanding Angular Error Messages
    04:36
  • Debugging Code in the Browser Using Sourcemaps
    05:32
  • Using Augury to Dive into Angular Apps
    02:01

  • Module Introduction
    00:36
  • Splitting Apps into Components
    05:56
  • Property & Event Binding Overview
    01:44
  • Binding to Custom Properties
    05:43
  • Assigning an Alias to Custom Properties
    01:59
  • Binding to Custom Events
    09:05
  • Assigning an Alias to Custom Events
    00:57
  • Custom Property and Event Binding Summary
    02:02
  • Understanding View Encapsulation
    04:59
  • More on View Encapsulation
    02:43
  • Using Local References in Templates
    04:36
  • @ViewChild() in Angular 8+
    00:24
  • Getting Access to the Template & DOM with @ViewChild
    05:02
  • Projecting Content into Components with ng-content
    03:22
  • Understanding the Component Lifecycle
    04:54
  • Seeing Lifecycle Hooks in Action
    11:55
  • Lifecycle Hooks and Template Access
    02:33
  • @ContentChild() in Angular 8+
    00:02
  • Getting Access to ng-content with @ContentChild
    03:00
  • Wrap Up
    00:49
  • Practicing Property & Event Binding and View Encapsulation
    1 question
  • [OPTIONAL] Assignment Solution
    12:21

  • Introduction
    00:50
  • Adding Navigation with Event Binding and ngIf
    07:31
  • Passing Recipe Data with Property Binding
    04:43
  • Passing Data with Event and Property Binding (Combined)
    10:31
  • Make sure you have FormsModule added!
    00:09
  • Allowing the User to Add Ingredients to the Shopping List
    07:22

  • Module Introduction
    01:23
  • ngFor and ngIf Recap
    03:36
  • ngClass and ngStyle Recap
    02:57
  • Creating a Basic Attribute Directive
    06:42
  • Using the Renderer to build a Better Attribute Directive
    07:04
  • More about the Renderer
    00:13
  • Using HostListener to Listen to Host Events
    03:00
  • Using HostBinding to Bind to Host Properties
    03:17
  • Binding to Directive Properties
    06:43
  • What Happens behind the Scenes on Structural Directives
    03:04
  • Building a Structural Directive
    06:13
  • Understanding ngSwitch
    02:49

  • Building and Using a Dropdown Directive
    06:25
  • Closing the Dropdown From Anywhere
    00:18

  • Module Introduction
    01:39
  • Why would you Need Services?
    02:04
  • Creating a Logging Service
    03:32
  • Injecting the Logging Service into Components
    06:21
  • Creating a Data Service
    06:41
  • Understanding the Hierarchical Injector
    02:40
  • How many Instances of Service Should It Be?
    02:12
  • Injecting Services into Services
    05:13
  • Using Services for Cross-Component Communication
    04:06
  • Services in Angular 6+
    00:31
  • Practicing Services
    1 question
  • [OPTIONAL] Assignment Solution
    09:37

  • Introduction
    01:23
  • Setting up the Services
    01:15
  • Managing Recipes in a Recipe Service
    04:07
  • Using a Service for Cross-Component Communication
    05:07
  • Adding the Shopping List Service
    05:04
  • Using Services for Pushing Data from A to B
    03:08
  • Adding Ingredients to Recipes
    03:41
  • Passing Ingredients from Recipes to the Shopping List (via a Service)
    07:03

Requirements

  • 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

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

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 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!

Who this course is for:

  • Newcomer as well as experienced frontend developers interested in learning a modern JavaScript framework
  • This course is for everyone interested in learning a state-of-the-art frontend JavaScript framework
  • Taking this course will enable you to be amongst the first to gain a very solid understanding of Angular

Featured review

Jason Woods
Jason Woods
35 courses
9 reviews
Rating: 5.0 out of 5a year ago
Max is a fantastic instructor, providing in depth explanations of concepts to help you learn. I appreciate that in most instances he provides a starting and ending package to at first give you a boost, and then to allow you to compare or troubleshoot your own work against his. Take the time to not only dive into his lessons, but explore on your own. You will grasp the concepts he teaches quickly!

Instructor

Maximilian Schwarzmüller
Professional Web Developer and Instructor
Maximilian Schwarzmüller
  • 4.6 Instructor Rating
  • 573,467 Reviews
  • 1,358,247 Students
  • 36 Courses

Experience as (Web) Developer

Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.

Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS in a lot of projects. I love both worlds nowadays!

As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.

Experience as 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 enables me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 1,000,000 students on Udemy as well as a successful YouTube channel is the best proof for that.

Whether working as development instructor or teaching Business Administration I always received great feedback. The most rewarding experience is to see how people find new, better jobs, build awesome web applications, acquire amazing projects or simply enjoy their hobby with the help of my content.

Together with Manuel Lorenz, I founded Academind to offer the best possible learning experience to our more than 1,000,000 students.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.