Instructor

What Is Angular

Release Cycle

Framework versus Libraries

Features

Typescript

What Is the Typescript

What Is Strongly Typed Programming Language

Why Typescript

Type Safety

Runtime Environment

Install Node

Install Typescript

Target and Module

Create a Js File

How Angular Helps

Ssr Server Side Rendering

Softwares To Be Installed

Node Js

Install Node Js

Editor

Update Visual Studio Code

Visual Studio Code

Data Types

String

Type Inference

Boolean

Generics

Enums

Declare Enums as Const

Functions

Write a Function in Typescript

Optional Parameters Required Parameters

Require Parameter

Generic Function

Generic Functions

Classes

Constructors

Methods

String Literal

Why To Create Classes

Getters and Setters

Interfaces

Why Interfaces Are Important

User Interface

Extend Interface

Method Definition

Object Destructuring

freeCodeCamp.org

Learn Angular in this complete course for beginners. First you will learn the basics of Typescript and then you will learn about important Angular concepts such as binding, dependency injection, forms, routing, and more. 

✏️ Santosh Yadav created this course. Check out his channel: https://www.youtube.com/c/TechTalksWithSantosh
🔗 https://twitter.com/SantoshYadavDev
🔗 https://github.com/sponsors/santoshyadavdev

💻 API Code: https://github.com/santoshyadavdev/hotelapi

⭐️ Course Contents ⭐️
Introduction
⌨️ (0:00:00) Introduction to Angular
⌨️ (0:09:56) Introduction to Typescript
⌨️ (0:28:57) SPA and Local Setup
Typescript
⌨️ (0:42:09) Typescript Data Types and Functions
⌨️ (1:25:56) Classes and Interface
⌨️ (2:11:10) Typescript decorators and tsconfig file
Angular Installation and Basics
⌨️ (2:20:24) Angular Installation and Binding Syntax
⌨️ (3:25:04) Built-in Directives
⌨️ (4:07:36) Built-in Pipes
⌨️ (4:30:10) Adding Bootstrap CSS to App
Lifecycle Hook and Component Communication
⌨️ (4:44:53) ngOnInt and Component Communication using Input and Output
⌨️ (5:09:32) Change Detection and ngOnChanges
⌨️ (5:36:51) ngDoCheck
⌨️ (5:42:01) ViewChild, ViewChildren and AfterViewInit
⌨️ (6:22:41) Content Projection, AfterContentInit and OnDestroy
Dependency Injection
⌨️ (6:44:55) Introduction
⌨️ (7:09:34) Resolution Modifiers
⌨️ (7:24:06) Value Providers
HttpClient and RxJs
⌨️ (7:41:04) Setting Up HttpClientModule
⌨️ (7:44:07) HttpService , RxJs observables and http get
⌨️ (8:01:28) RxJs Observable and Observer
⌨️ (8:11:59) Http Put and Delete
⌨️ (8:27:10) Http Request
⌨️ (8:40:55) ShareReplay RxJs Operators
⌨️ (8:47:17) Async Pipe
⌨️ (8:57:15) catchError operator
⌨️ (9:05:29) map operator
⌨️ (9:09:06) Http Interceptor
⌨️ (9:29:11) APP_INITIALIZER
Routing Basics
⌨️ (9:35:06) Angular Router and default Route
⌨️ (9:51:01) Adding Angular material and navigation
⌨️ (10:00:35) Wild card, dynamic route and ActivatedRoute service
⌨️ (10:23:19) ParamMap and Activate Route Service
Template Driven Forms
⌨️ (10:25:45) Introduction
⌨️ (10:50:20) Validation
⌨️ (11:09:26) Pristine, Dirty State and Reset Form
⌨️ (11:19:08) Custom Directives and Custom Validation
Advanced Routing
⌨️ (11:49:33) Navigation using Router Service
⌨️ (11:52:34) Feature and Routing Module
⌨️ (12:10:57) Nested and Child Route
⌨️ (12:19:41) Lazy Loading
⌨️ (12:35:49) Configure Lazy Loading using CLI
⌨️ (12:42:46) Using ProvidedIn Any
⌨️ (12:59:15) Router Events
⌨️ (13:06:00) Listening to Router Events
Route Guards
⌨️ (13:08:49) CanActivate
⌨️ (13:21:24) CanActivateChild
⌨️ (13:26:53) CanLoad
Reactive Forms
⌨️ (13:30:44) Introduction
⌨️ (13:41:33) Using Material Controls
⌨️ (13:59:54) Nested Form Controls
⌨️ (14:17:38) Dynamic Forms
⌨️ (14:45:09) Built-in Validators
⌨️ (14:51:50) Reset Form
⌨️ (14:55:15) Control Level Validation
⌨️ (15:05:22) SetValue and PatchValue
⌨️ (15:09:23) ValueChanges and UpdateOn
⌨️ (15:17:40) map operator with Form
⌨️ (15:29:55) Custom Validator
CanDeactivate Guard
⌨️ (15:57:10) CanDeactivate Guard and Form
Custom Pipe
⌨️ (16:15:04) Custom Pipe
Resolve Guard
⌨️ (16:25:39) Resolve Guard
Global Error Handling
⌨️ (16:45:46) Error Handling
Testing Basics
⌨️ (16:50:08) Introduction
⌨️ (16:56:59) First test
⌨️ (17:01:43) Testing Component and Service
Deployment and CI/CD
⌨️ (17:15:44) Using Netlify for Deployment
⌨️ (17:28:06) GitHub Actions to Automate Tasks

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Angular for Beginners Course [Full Front End Tutorial with TypeScript]

Angular for Beginners Course [Full Front End Tutorial with TypeScript]

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path