Angular Essentials Angular 2 with TypeScript

The most efficient way to dive into Angular 2+ if you got limited time or need to refresh the basics!
Angular Essentials Angular 2 with TypeScript
File Size :
2.91 GB
Total length :
6h 38m



Academind by Maximilian Schwarzmüller


Last update




Angular Essentials Angular 2 with TypeScript

What you’ll learn

Build highly reactive and user-friendly web applications running in the browser (driven by JavaScript)
Dive deeper into Angular with very solid fundamentals taught by this course

Angular Essentials Angular 2 with TypeScript


You should bring solid JavaScript knowledge
NO Angular knowledge is required at all


Angular is an amazing JavaScript (TypeScript) framework which allows you to build small, medium or large Single-Page-Applications (SPAs). Since the code runs entirely in the browser, you can build user experiences which are way faster than traditional websites could ever be!The skills required to build such SPAs are in high demand since this kind of web app is very popular and allows you to build almost mobile-like, highly reactive user experiences. Indeed most modern web applications are built as SPAs today!As the creator of the 5-star rated, BESTSELLING Angular course here on Udemy, I know what I’m talking about and I know what the core features of Angular are which you need to learn.It’s my goal to allow you to focus on these core features to get the quickest and best introduction into Angular, you can find!Learning Angular never is a wrong choice and with this course, it’s more correct than it ever was before! This course gives you the fastest and most efficient way of diving into Angular. If you don’t want or can’t take my Complete Guide on Angular or you want to get a feeling for Angular before doing so, this course is for you! It’s also your #1 choice if you already know Angular but want to have resource for refreshing your basic Angular knowledge as fast as possible.Whilst this course is much shorter, it gives you all the core insights into Angular you need. It focuses on the heart of Angular, the most important features Angular offers you and even shows you how to build a complete Angular app!Telling by the length of the course, you might not believe it, but you’ll actually learn about all these topics:What Angular isWhat TypeScript is – including a super-efficient introduction to itHow to use the CLI to create Angular projects and manage themHow Angular apps start and workWhich role components play and how to use themHow to bind and pass dataHow to debug your appHow to use other, 3rd party JS libraries in an Angular appHow to use directivesHow you may manage application state with servicesHow to turn your SPA into an “illusionary” MPA with routingHow to handle user input with formsHow to send Http requestsHow to build your project, optimize it and deploy itMuch more!


Section 1: Getting Started

Lecture 1 Introduction

Lecture 2 What is Angular?

Lecture 3 Join our Online Learning Community

Lecture 4 How does Angular Work?

Lecture 5 MUST READ: Angular CLI – Latest Version

Lecture 6 Creating Your First App

Lecture 7 Editing the First App

Lecture 8 Understanding the Project Structure

Lecture 9 How does an Angular App Start?

Lecture 10 What you’ll learn in this Course

Lecture 11 Optional: TypeScript Essentials

Lecture 12 How to get the Course Source Code & Ask Questions

Lecture 13 Useful Resources & Links

Section 2: Understanding Components

Lecture 14 Module Introduction

Lecture 15 Configuring the Editor

Lecture 16 Templates and the DOM

Lecture 17 How Angular Reads Your Components

Lecture 18 Adding Custom Components

Lecture 19 Outputting Content via String Interpolation

Lecture 20 Listening to (User) Events

Lecture 21 Binding to Properties

Lecture 22 All at the same Time: Two-Way-Binding

Lecture 23 [OPTIONAL] Assignment Solution

Lecture 24 Binding Component Properties

Lecture 25 Listening to your Custom Events

Lecture 26 Multiple Components & Using the CLI for Component Generation

Lecture 27 [OPTIONAL] Assignment Solution

Lecture 28 Understanding Scoped Component Styles

Lecture 29 Wrap Up

Lecture 30 Useful Resources & Links

Section 3: Debugging & Using 3rd Party Libraries

Lecture 31 Module Introduction

Lecture 32 How to Handle Angular Errors (and Error Messages)

Lecture 33 Debugging Code with Developer Tools & Sourcemaps

Lecture 34 Deeper Insights with Augury

Lecture 35 Using CSS Frameworks with Angular (and the Angular CLI)

Lecture 36 Using JS Libraries with Angular (and the Angular CLI)

Lecture 37 Wrap Up

Lecture 38 Useful Links & Resources

Section 4: Extra Features with Directives

Lecture 39 Module Introduction

Lecture 40 What are Directives?

Lecture 41 Outputting Lists with ngFor

Lecture 42 Controlling CSS Classes with ngClass

Lecture 43 More on Directives

Lecture 44 Conditionally Outputting Content via ngIf

Lecture 45 Wrap Up

Lecture 46 Useful Resources & Links

Section 5: Angular in Practice: Starting the Course Project

Lecture 47 Module Introduction

Lecture 48 Planning the App

Lecture 49 Getting Started

Lecture 50 Filling Components with Life

Lecture 51 Managing Data in our Application

Lecture 52 Passing Data via Property Binding

Lecture 53 Using ngClass to Provide the User Feedback

Lecture 54 Passing Data via Event Binding

Lecture 55 Wrap Up

Section 6: Amazing Data Management with Services

Lecture 56 Module Introduction

Lecture 57 What are Services?

Lecture 58 Creating a Service

Lecture 59 How NOT to Use Services

Lecture 60 Injecting Services

Lecture 61 Understanding Dependency Injection

Lecture 62 Cleaning up the Project

Lecture 63 Injecting Services into Services

Lecture 64 Wrap Up

Lecture 65 Useful Resources & Links

Section 7: Handling User Input with Forms

Lecture 66 Module Introduction

Lecture 67 Creating a Form in the Template

Lecture 68 Handling Forms with Angular

Lecture 69 How to use Submitted Values

Lecture 70 Validating User Input (with Angular)

Lecture 71 More Validation Methods

Lecture 72 Using the Form State to Give Visual Feedback

Lecture 73 The Different Faces of ngModel

Lecture 74 An Alternative to the Approach Shown in This Module

Lecture 75 Using the Reactive Approach

Lecture 76 Wrap Up

Lecture 77 Useful Resources & Links

Section 8: Changing Pages with Routing

Lecture 78 Module Introduction

Lecture 79 Server-side vs Client-side Routing

Lecture 80 Adding a Header Component

Lecture 81 Adding Routing to the Application

Lecture 82 Navigating with Router Links

Lecture 83 Handling Unknown Routes with Wildcards and Redirects

Lecture 84 Using Child Routes and Route Parameters

Lecture 85 Extracting Route Paramters

Lecture 86 Fixing Page Reload Issues

Lecture 87 Cleanup & Missing Reactivity

Lecture 88 Wrap Up

Lecture 89 Useful Resources & Links

Section 9: Reactivity, RxJS and Observables

Lecture 90 Module Introduction

Lecture 91 Angular 6 & RxJS 6

Lecture 92 Understanding subscribe()

Lecture 93 Using Subjects as Event Emitters

Lecture 94 Managing Subscriptions

Lecture 95 More on RxJS and Observables

Lecture 96 Dive Deeper into RxJS

Lecture 97 Wrap Up

Section 10: Connecting to APIs via Http

Lecture 98 Module Introduction

Lecture 99 Installing the Angular Http Service

Lecture 100 Injecting the Angular Http Service

Lecture 101 Sending a GET Request

Lecture 102 Sending a POST Request

Lecture 103 Transforming Responses

Lecture 104 Updating the UI

Lecture 105 Further Options

Lecture 106 Fixing a “Bug” we Introduced into Our Project

Lecture 107 Wrap Up

Lecture 108 Useful Resources & Links

Section 11: Optimizations & Deployment

Lecture 109 Module Introduction

Lecture 110 The Role of Modules (NgModule)

Lecture 111 Using multiple Custom Modules

Lecture 112 Creating a Feature Module & Using Lazy Loading

Lecture 113 Building our Code for Production

Lecture 114 Deployment Preparations

Lecture 115 Deployment Example: AWS S3

Lecture 116 Wrap Up

Lecture 117 Useful Resources & Links

Section 12: Course Roundup

Lecture 118 Course Roundup

Lecture 119 Bonus: More Content!

Anyone who wants to learn how to create reactive web applications providing awesome user experiences,Everyone interested in building single-page-applications (SPAs) with one of the most powerful frameworks you can use as of today

Course Information:

Udemy | English | 6h 38m | 2.91 GB
Created by: Academind by Maximilian Schwarzmüller

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

New Courses

Scroll to Top