Angular The Complete Guide 2023 Edition

Master Angular 14 (formerly “Angular 2”) and build awesome, reactive web apps with the successor of Angular.js
Angular The Complete Guide 2023 Edition
File Size :
15.83 GB
Total length :
34h 42m



Maximilian Schwarzmüller


Last update

Last updated 11/2022



Angular The Complete Guide 2023 Edition

What you’ll learn

Develop modern, complex, responsive and scalable web applications with Angular 14
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

Angular The Complete Guide 2023 Edition


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


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!Angular 13 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 sayAbsolutely 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 WhitehouseThe 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 TypeScriptTypeScript 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 13 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 13) 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 applicationsThis 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 usesHow to use TypeScript to write Angular applicationsAll about directives and components, including the creation of custom directives/ componentsHow databinding worksAll about routing and handling navigationWhat Pipes are and how to use themHow to access the Web (e.g. RESTful servers)What dependency injection is and how to use itHow to use Modules in AngularHow to optimize your (bigger) Angular ApplicationAn introduction to NgRx and complex state managementWe will build a major project in this course so that you can practice all conceptsand so much more!Pay once, benefit a lifetime!Don’t lose any time, gain an edge and start developing now!


Section 1: Getting Started

Lecture 1 Course Introduction

Lecture 2 What is Angular?

Lecture 3 Join our Online Learning Community

Lecture 4 Angular vs Angular 2 vs Latest Angular Version

Lecture 5 CLI Deep Dive & Troubleshooting

Lecture 6 MUST READ: Potential Project Creation Issues

Lecture 7 Project Setup and First App

Lecture 8 Editing the First App

Lecture 9 The Course Structure

Lecture 10 How to get the Most out of the Course

Lecture 11 What is TypeScript?

Lecture 12 Optional: TypeScript Quick Introduction

Lecture 13 A Basic Project Setup using Bootstrap for Styling

Lecture 14 About the Course Code / Code Snapshots

Section 2: The Basics

Lecture 15 Module Introduction

Lecture 16 How an Angular App gets Loaded and Started

Lecture 17 Components are Important!

Lecture 18 Creating a New Component

Lecture 19 Understanding the Role of AppModule and Component Declaration

Lecture 20 Using Custom Components

Lecture 21 Creating Components with the CLI & Nesting Components

Lecture 22 Working with Component Templates

Lecture 23 Working with Component Styles

Lecture 24 Fully Understanding the Component Selector

Lecture 25 [OPTIONAL] Assignment Solution

Lecture 26 What is Databinding?

Lecture 27 String Interpolation

Lecture 28 Property Binding

Lecture 29 Property Binding vs String Interpolation

Lecture 30 Event Binding

Lecture 31 Bindable Properties and Events

Lecture 32 Passing and Using Data with Event Binding

Lecture 33 Important: FormsModule is Required for Two-Way-Binding!

Lecture 34 Two-Way-Databinding

Lecture 35 Combining all Forms of Databinding

Lecture 36 [OPTIONAL] Assignment Solution

Lecture 37 Understanding Directives

Lecture 38 Using ngIf to Output Data Conditionally

Lecture 39 Enhancing ngIf with an Else Condition

Lecture 40 Styling Elements Dynamically with ngStyle

Lecture 41 Applying CSS Classes Dynamically with ngClass

Lecture 42 Outputting Lists with ngFor

Lecture 43 [OPTIONAL] Assignment Solution

Lecture 44 Getting the Index when using ngFor

Section 3: Course Project – The Basics

Lecture 45 Project Introduction

Lecture 46 Planning the App

Lecture 47 Creating a New App Correctly

Lecture 48 Setting up the Application

Lecture 49 Creating the Components

Lecture 50 Using the Components

Lecture 51 Adding a Navigation Bar

Lecture 52 Alternative Non-Collapsable Navigation Bar

Lecture 53 Creating a “Recipe” Model

Lecture 54 Adding Content to the Recipes Components

Lecture 55 Outputting a List of Recipes with ngFor

Lecture 56 Displaying Recipe Details

Lecture 57 Working on the ShoppingListComponent

Lecture 58 Creating an “Ingredient” Model

Lecture 59 Creating and Outputting the Shopping List

Lecture 60 Adding a Shopping List Edit Section

Lecture 61 Wrap Up & Next Steps

Section 4: Debugging

Lecture 62 Understanding Angular Error Messages

Lecture 63 Debugging Code in the Browser Using Sourcemaps

Section 5: Components & Databinding Deep Dive

Lecture 64 Module Introduction

Lecture 65 Splitting Apps into Components

Lecture 66 Property & Event Binding Overview

Lecture 67 Binding to Custom Properties

Lecture 68 Assigning an Alias to Custom Properties

Lecture 69 Binding to Custom Events

Lecture 70 Assigning an Alias to Custom Events

Lecture 71 Custom Property and Event Binding Summary

Lecture 72 Understanding View Encapsulation

Lecture 73 More on View Encapsulation

Lecture 74 Using Local References in Templates

Lecture 75 @ViewChild() in Angular 8+

Lecture 76 Getting Access to the Template & DOM with @ViewChild

Lecture 77 Projecting Content into Components with ng-content

Lecture 78 Understanding the Component Lifecycle

Lecture 79 Seeing Lifecycle Hooks in Action

Lecture 80 Lifecycle Hooks and Template Access

Lecture 81 @ContentChild() in Angular 8+

Lecture 82 Getting Access to ng-content with @ContentChild

Lecture 83 Wrap Up

Lecture 84 [OPTIONAL] Assignment Solution

Section 6: Course Project – Components & Databinding

Lecture 85 Introduction

Lecture 86 Adding Navigation with Event Binding and ngIf

Lecture 87 Passing Recipe Data with Property Binding

Lecture 88 Passing Data with Event and Property Binding (Combined)

Lecture 89 Make sure you have FormsModule added!

Lecture 90 Allowing the User to Add Ingredients to the Shopping List

Section 7: Directives Deep Dive

Lecture 91 Module Introduction

Lecture 92 ngFor and ngIf Recap

Lecture 93 ngClass and ngStyle Recap

Lecture 94 Creating a Basic Attribute Directive

Lecture 95 Using the Renderer to build a Better Attribute Directive

Lecture 96 More about the Renderer

Lecture 97 Using HostListener to Listen to Host Events

Lecture 98 Using HostBinding to Bind to Host Properties

Lecture 99 Binding to Directive Properties

Lecture 100 What Happens behind the Scenes on Structural Directives

Lecture 101 Building a Structural Directive

Lecture 102 Understanding ngSwitch

Section 8: Course Project – Directives

Lecture 103 Building and Using a Dropdown Directive

Lecture 104 Closing the Dropdown From Anywhere

Section 9: Using Services & Dependency Injection

Lecture 105 Module Introduction

Lecture 106 Why would you Need Services?

Lecture 107 Creating a Logging Service

Lecture 108 Injecting the Logging Service into Components

Lecture 109 Creating a Data Service

Lecture 110 Understanding the Hierarchical Injector

Lecture 111 How many Instances of Service Should It Be?

Lecture 112 Injecting Services into Services

Lecture 113 Using Services for Cross-Component Communication

Lecture 114 A Different Way Of Injecting Services

Lecture 115 [OPTIONAL] Assignment Solution

Section 10: Course Project – Services & Dependency Injection

Lecture 116 Introduction

Lecture 117 Setting up the Services

Lecture 118 Managing Recipes in a Recipe Service

Lecture 119 Using a Service for Cross-Component Communication

Lecture 120 Adding the Shopping List Service

Lecture 121 Using Services for Pushing Data from A to B

Lecture 122 Adding Ingredients to Recipes

Lecture 123 Passing Ingredients from Recipes to the Shopping List (via a Service)

Section 11: Changing Pages with Routing

Lecture 124 Module Introduction

Lecture 125 Why do we need a Router?

Lecture 126 Understanding the Example Project

Lecture 127 Setting up and Loading Routes

Lecture 128 Navigating with Router Links

Lecture 129 Understanding Navigation Paths

Lecture 130 Styling Active Router Links

Lecture 131 Navigating Programmatically

Lecture 132 Using Relative Paths in Programmatic Navigation

Lecture 133 Passing Parameters to Routes

Lecture 134 Fetching Route Parameters

Lecture 135 Fetching Route Parameters Reactively

Lecture 136 An Important Note about Route Observables

Lecture 137 Passing Query Parameters and Fragments

Lecture 138 Retrieving Query Parameters and Fragments

Lecture 139 Practicing and some Common Gotchas

Lecture 140 Setting up Child (Nested) Routes

Lecture 141 Using Query Parameters – Practice

Lecture 142 Configuring the Handling of Query Parameters

Lecture 143 Redirecting and Wildcard Routes

Lecture 144 Important: Redirection Path Matching

Lecture 145 Outsourcing the Route Configuration

Lecture 146 An Introduction to Guards

Lecture 147 Protecting Routes with canActivate

Lecture 148 Protecting Child (Nested) Routes with canActivateChild

Lecture 149 Using a Fake Auth Service

Lecture 150 Controlling Navigation with canDeactivate

Lecture 151 Passing Static Data to a Route

Lecture 152 Resolving Dynamic Data with the resolve Guard

Lecture 153 Understanding Location Strategies

Lecture 154 Wrap Up

Section 12: Course Project – Routing

Lecture 155 Planning the General Structure

Lecture 156 Setting Up Routes

Lecture 157 Adding Navigation to the App

Lecture 158 Marking Active Routes

Lecture 159 Fixing Page Reload Issues

Lecture 160 Child Routes: Challenge

Lecture 161 Adding Child Routing Together

Lecture 162 Configuring Route Parameters

Lecture 163 Passing Dynamic Parameters to Links

Lecture 164 Styling Active Recipe Items

Lecture 165 Adding Editing Routes

Lecture 166 Retrieving Route Parameters

Lecture 167 Programmatic Navigation to the Edit Page

Lecture 168 One Note about Route Observables

Lecture 169 Project Cleanup

Section 13: Understanding Observables

Lecture 170 Module Introduction

Lecture 171 Install RxJS

Lecture 172 Analyzing Angular Observables

Lecture 173 Getting Closer to the Core of Observables

Lecture 174 Building a Custom Observable

Lecture 175 Errors & Completion

Lecture 176 Observables & You!

Lecture 177 Understanding Operators

Lecture 178 Subjects

Lecture 179 Wrap Up

Lecture 180 Useful Resources & Links

Section 14: Course Project – Observables

Lecture 181 Improving the Reactive Service with Observables (Subjects)

Lecture 182 Changed the Subscription Name

Section 15: Handling Forms in Angular Apps

Lecture 183 Module Introduction

Lecture 184 Why do we Need Angular’s Help?

Lecture 185 Template-Driven (TD) vs Reactive Approach

Lecture 186 An Example Form

Lecture 187 TD: Creating the Form and Registering the Controls

Lecture 188 TD: Submitting and Using the Form

Lecture 189 TD: Understanding Form State

Lecture 190 TD: Accessing the Form with @ViewChild

Lecture 191 TD: Adding Validation to check User Input

Lecture 192 Built-in Validators & Using HTML5 Validation

Lecture 193 TD: Using the Form State

Lecture 194 TD: Outputting Validation Error Messages

Lecture 195 TD: Set Default Values with ngModel Property Binding

Lecture 196 TD: Using ngModel with Two-Way-Binding

Lecture 197 TD: Grouping Form Controls

Lecture 198 TD: Handling Radio Buttons

Lecture 199 TD: Setting and Patching Form Values

Lecture 200 TD: Using Form Data

Lecture 201 TD: Resetting Forms

Lecture 202 Introduction to the Reactive Approach

Lecture 203 Reactive: Setup

Lecture 204 Reactive: Creating a Form in Code

Lecture 205 Reactive: Syncing HTML and Form

Lecture 206 Reactive: Submitting the Form

Lecture 207 Reactive: Adding Validation

Lecture 208 Reactive: Getting Access to Controls

Lecture 209 Reactive: Grouping Controls

Lecture 210 Fixing a Bug

Lecture 211 Reactive: Arrays of Form Controls (FormArray)

Lecture 212 Reactive: Creating Custom Validators

Lecture 213 Reactive: Using Error Codes

Lecture 214 Reactive: Creating a Custom Async Validator

Lecture 215 Reactive: Reacting to Status or Value Changes

Lecture 216 Reactive: Setting and Patching Values

Lecture 217 [OPTIONAL] Assignment Solution

Section 16: Course Project – Forms

Lecture 218 Introduction

Lecture 219 TD: Adding the Shopping List Form

Lecture 220 Adding Validation to the Form

Lecture 221 Allowing the Selection of Items in the List

Lecture 222 Loading the Shopping List Items into the Form

Lecture 223 Updating existing Items

Lecture 224 Resetting the Form

Lecture 225 Allowing the the User to Clear (Cancel) the Form

Lecture 226 Allowing the Deletion of Shopping List Items

Lecture 227 Creating the Template for the (Reactive) Recipe Edit Form

Lecture 228 Creating the Form For Editing Recipes

Lecture 229 Syncing HTML with the Form

Lecture 230 Fixing a Bug

Lecture 231 Adding Ingredient Controls to a Form Array

Lecture 232 Adding new Ingredient Controls

Lecture 233 Validating User Input

Lecture 234 Submitting the Recipe Edit Form

Lecture 235 Adding a Delete and Clear (Cancel) Functionality

Lecture 236 Redirecting the User (after Deleting a Recipe)

Lecture 237 Adding an Image Preview

Lecture 238 Providing the Recipe Service Correctly

Lecture 239 Deleting Ingredients and Some Finishing Touches

Lecture 240 Deleting all Items in a FormArray

Section 17: Using Pipes to Transform Output

Lecture 241 Introduction & Why Pipes are Useful

Lecture 242 Using Pipes

Lecture 243 Parametrizing Pipes

Lecture 244 Where to learn more about Pipes

Lecture 245 Chaining Multiple Pipes

Lecture 246 Creating a Custom Pipe

Lecture 247 Parametrizing a Custom Pipe

Lecture 248 Example: Creating a Filter Pipe

Lecture 249 Pure and Impure Pipes (or: How to “fix” the Filter Pipe)

Lecture 250 Understanding the “async” Pipe

Section 18: Making Http Requests

Lecture 251 A New IDE

Lecture 252 Module Introduction

Lecture 253 How Does Angular Interact With Backends?

Lecture 254 The Anatomy of a Http Request

Lecture 255 Backend (Firebase) Setup

Lecture 256 Sending a POST Request

Lecture 257 GETting Data

Lecture 258 Using RxJS Operators to Transform Response Data

Lecture 259 Using Types with the HttpClient

Lecture 260 Outputting Posts

Lecture 261 Showing a Loading Indicator

Lecture 262 Using a Service for Http Requests

Lecture 263 Services & Components Working Together

Lecture 264 Sending a DELETE Request

Lecture 265 Handling Errors

Lecture 266 Using Subjects for Error Handling

Lecture 267 Using the catchError Operator

Lecture 268 Error Handling & UX

Lecture 269 Setting Headers

Lecture 270 Adding Query Params

Lecture 271 Observing Different Types of Responses

Lecture 272 Changing the Response Body Type

Lecture 273 Introducing Interceptors

Lecture 274 Manipulating Request Objects

Lecture 275 Response Interceptors

Lecture 276 Multiple Interceptors

Lecture 277 Wrap Up

Lecture 278 Useful Resources & Links

Section 19: Course Project – Http

Lecture 279 Module Introduction

Lecture 280 Backend (Firebase) Setup

Lecture 281 Setting Up the DataStorage Service

Lecture 282 Storing Recipes

Lecture 283 Fetching Recipes

Lecture 284 Transforming Response Data

Lecture 285 Resolving Data Before Loading

Lecture 286 Fixing a Bug with the Resolver

Section 20: Authentication & Route Protection in Angular

Lecture 287 Module Introduction

Lecture 288 How Authentication Works

Lecture 289 Adding the Auth Page

Lecture 290 Switching Between Auth Modes

Lecture 291 Handling Form Input

Lecture 292 Preparing the Backend

Lecture 293 Make sure you got Recipes in your backend!

Lecture 294 Preparing the Signup Request

Lecture 295 Sending the Signup Request

Lecture 296 Adding a Loading Spinner & Error Handling Logic

Lecture 297 Improving Error Handling

Lecture 298 Sending Login Requests

Lecture 299 Login Error Handling

Lecture 300 Creating & Storing the User Data

Lecture 301 Reflecting the Auth State in the UI

Lecture 302 Adding the Token to Outgoing Requests

Lecture 303 Attaching the Token with an Interceptor

Lecture 304 Adding Logout

Lecture 305 Adding Auto-Login

Lecture 306 Adding Auto-Logout

Lecture 307 Adding an Auth Guard

Lecture 308 Wrap Up

Lecture 309 Useful Resources & Links

Section 21: Dynamic Components

Lecture 310 Module Introduction

Lecture 311 Adding an Alert Modal Component

Lecture 312 Understanding the Different Approaches

Lecture 313 Using ngIf

Lecture 314 Preparing Programmatic Creation

Lecture 315 Creating a Component Programmatically

Lecture 316 Understanding entryComponents

Lecture 317 Data Binding & Event Binding

Lecture 318 Wrap Up

Lecture 319 Useful Resources & Links

Section 22: Angular Modules & Optimizing Angular Apps

Lecture 320 Module Introduction

Lecture 321 What are Modules?

Lecture 322 Analyzing the AppModule

Lecture 323 Getting Started with Feature Modules

Lecture 324 Splitting Modules Correctly

Lecture 325 Adding Routes to Feature Modules

Lecture 326 Component Declarations

Lecture 327 The ShoppingList Feature Module

Lecture 328 Understanding Shared Modules

Lecture 329 Understanding the Core Module

Lecture 330 Adding an Auth Feature Module

Lecture 331 Understanding Lazy Loading

Lecture 332 Implementing Lazy Loading

Lecture 333 More Lazy Loading

Lecture 334 Preloading Lazy-Loaded Code

Lecture 335 Modules & Services

Lecture 336 Loading Services Differently

Lecture 337 Useful Resources & Links

Section 23: Deploying an Angular App

Lecture 338 Module Introduction

Lecture 339 Deployment Preparation & Steps

Lecture 340 Using Environment Variables

Lecture 341 Deploying Angular Applications

Lecture 342 Deployment Example: Firebase Hosting

Lecture 343 Server Routing vs Browser Routing

Section 24: Preview: Standalone Components

Lecture 344 Module Introduction

Lecture 345 Starting Setup & Why We Want Standalone Components

Lecture 346 Building a First Standalone Component

Lecture 347 Standalone Directives & Connecting Building Blocks

Lecture 348 Migrating Another Component

Lecture 349 A Standalone Root Component

Lecture 350 Services & Standalone Components

Lecture 351 Routing with Standalone Components

Lecture 352 Lazy Loading

Lecture 353 Summary

Section 25: Bonus: Working with NgRx in our Project

Lecture 354 Module Introduction

Lecture 355 What is Application State?

Lecture 356 What is NgRx?

Lecture 357 Getting Started with Reducers

Lecture 358 Adding Logic to the Reducer

Lecture 359 Understanding & Adding Actions

Lecture 360 Setting Up the NgRx Store

Lecture 361 Selecting State

Lecture 362 Dispatching Actions

Lecture 363 Multiple Actions

Lecture 364 Preparing Update & Delete Actions

Lecture 365 Updating & Deleting Ingredients

Lecture 366 Expanding the State

Lecture 367 Managing More State via NgRx

Lecture 368 Removing Redundant Component State Management

Lecture 369 First Summary & Clean Up

Lecture 370 One Root State

Lecture 371 Setting Up Auth Reducer & Actions

Lecture 372 Dispatching Auth Actions

Lecture 373 Auth Finished (For Now…)

Lecture 374 And Important Note on Actions

Lecture 375 Exploring NgRx Effects

Lecture 376 Defining the First Effect

Lecture 377 Effects & Error Handling

Lecture 378 Login via NgRx Effects

Lecture 379 Managing UI State in NgRx

Lecture 380 Finishing the Login Effect

Lecture 381 Preparing Other Auth Actions

Lecture 382 Adding Signup

Lecture 383 Further Auth Effects

Lecture 384 Adding Auto-Login with NgRx

Lecture 385 Adding Auto-Logout

Lecture 386 Finishing the Auth Effects

Lecture 387 Using the Store Devtools

Lecture 388 The Router Store

Lecture 389 Getting Started with NgRx for Recipes

Lecture 390 Fetching Recipe Detail Data

Lecture 391 Fetching Recipes & Using the Resolver

Lecture 392 Fixing the Auth Redirect

Lecture 393 Update, Delete and Add Recipes

Lecture 394 Storing Recipes via Effects

Lecture 395 Cleanup Work

Lecture 396 Wrap Up

Lecture 397 Alternative NgRx Syntax

Lecture 398 Useful Resources & Links

Section 26: Bonus: Angular Universal

Lecture 399 Module Introduction

Lecture 400 Angular Universal & ModuleMapLoader

Lecture 401 Adding Angular Universal

Lecture 402 Adding Angular Universal with NestJS

Lecture 403 Deploying Universal Apps

Lecture 404 Important: Remaining Lectures

Lecture 405 Module Introduction

Lecture 406 Getting Started with Angular Universal

Lecture 407 Working on the App Module

Lecture 408 Adding a Server-Side Build Workflow

Lecture 409 Adding a NodeJS Server

Lecture 410 Pre-Rendering the App on the Server

Lecture 411 Next Steps

Lecture 412 Angular Universal Gotchas

Section 27: Angular Animations

Lecture 413 Making Animations Work with Angular 4+

Lecture 414 Introduction

Lecture 415 Setting up the Starting Project

Lecture 416 Animations Triggers and State

Lecture 417 Switching between States

Lecture 418 Transitions

Lecture 419 Advanced Transitions

Lecture 420 Transition Phases

Lecture 421 The “void” State

Lecture 422 Using Keyframes for Animations

Lecture 423 Grouping Transitions

Lecture 424 Using Animation Callbacks

Section 28: Adding Offline Capabilities with Service Workers

Lecture 425 Module Introduction

Lecture 426 Adding Service Workers

Lecture 427 Caching Assets for Offline Use

Lecture 428 Caching Dynamic Assets & URLs

Lecture 429 Further Links & Resources

Section 29: A Basic Introduction to Unit Testing in Angular Apps

Lecture 430 About this Section

Lecture 431 Introduction

Lecture 432 Why Unit Tests?

Lecture 433 Analyzing the Testing Setup (as created by the CLI)

Lecture 434 Running Tests (with the CLI)

Lecture 435 Adding a Component and some fitting Tests

Lecture 436 Testing Dependencies: Components and Services

Lecture 437 Simulating Async Tasks

Lecture 438 Using “fakeAsync” and “tick”

Lecture 439 Isolated vs Non-Isolated Tests

Lecture 440 Further Resources & Where to Go Next

Section 30: Angular as a Platform & Closer Look at the CLI

Lecture 441 Module Introduction

Lecture 442 A Closer Look at “ng new”

Lecture 443 IDE & Project Setup

Lecture 444 Understanding the Config Files

Lecture 445 Important CLI Commands

Lecture 446 The “angular.json” File – A Closer Look

Lecture 447 Angular Schematics – An Introduction

Lecture 448 The “ng add” Command

Lecture 449 Using Custom “ng generate” Schematics

Lecture 450 Smooth Updating of Projects with “ng update”

Lecture 451 Simplified Deployment with “ng deploy”

Lecture 452 Understanding “Differential Loading”

Lecture 453 Managing Multiple Projects in One Folder

Lecture 454 Angular Libraries – An Introduction

Lecture 455 Wrap Up

Section 31: Angular Changes & New Features

Lecture 456 A First Look At Angular Elements

Section 32: Course Roundup

Lecture 457 Course Roundup

Lecture 458 Bonus: More Content!

Section 33: Bonus: TypeScript Introduction (for Angular 2 Usage)

Lecture 459 Module Introduction

Lecture 460 What & Why?

Lecture 461 Installing & Using TypeScript

Lecture 462 Base Types & Primitives

Lecture 463 Array & Object Types

Lecture 464 Type Inference

Lecture 465 Working with Union Types

Lecture 466 Assigning Type Aliases

Lecture 467 Diving into Functions & Function Types

Lecture 468 Understanding Generics

Lecture 469 Classes & TypeScript

Lecture 470 Working with Interfaces

Lecture 471 Configuring the TypeScript Compiler

Lecture 472 Module Resources

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

Course Information:

Udemy | English | 34h 42m | 15.83 GB
Created by: Maximilian Schwarzmüller

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top