Complete Angular course for 2020

Course Curriculum

Chapter 1: 01 Getting started with Angular

Lecture 1: Introduction to section 1

Lecture 2: 01 Tools and installation for Angular

Lecture 3: All exercise and code files are here !

Lecture 4: 02 NG command line utility

Lecture 5: 03 Create your first Angular Application

Lecture 6: 04 Angular File Structure

Lecture 7: 05 Official Hello to Angular app

Lecture 8: 06 Online Editors – A word of caution

Chapter 2: 02 TypeScript that you need for Angular

Lecture 1: Angular Section 2 Intro

Lecture 2: 01 Types in TypeScript

Lecture 3: 02 Conditionals in TypeScript

Lecture 4: 03 Looping through array

Lecture 5: 04 Functions and parameters in Typescript

Lecture 6: 05 Interface in typescript

Lecture 7: 06 Classes Constructor and Interface

Lecture 8: 07 Decorators – Best explanation you will see

Chapter 3: 03 Let's build Counter

Lecture 1: Angular Section 3 Intro

Lecture 2: 01 Counter app assets and naming

Lecture 3: 02 Creating HTML interface for the counter app

Lecture 4: 03 Handling counter logic

Lecture 5: 04 Injecting class into template

Lecture 6: 05 Event Binding and interpolation

Chapter 4: 04 Core foundation of Angular Apps

Lecture 1: Angular Section 4 Intro

Lecture 2: 01 Delete everything in project

Lecture 3: 02 What is main ts file

Lecture 4: 03 Creating a module in Angular

Lecture 5: 04 Inject Decorator in Module

Lecture 6: 05 Inject Decorator in Component

Lecture 7: 06 Pollyfills and running the app

Lecture 8: 07 File Separation for component

Lecture 9: 08 Injecting second component

Chapter 5: 05 Generator – User Input

Lecture 1: Angular Section 5 Intro

Lecture 2: 01 Basics about user input and routing

Lecture 3: 02 Load CSS, Bootstrap and custom assets

Lecture 4: 03 Logic part of word application

Lecture 5: 04 Finish word generator and assignment

Chapter 6: 06 Game – Passing info to parent

Lecture 1: Angular Section 6 Intro

Lecture 2: 01 Prototype and reading docs

Lecture 3: 02 Creating a mistake and custom CSS

Lecture 4: 03 Winning logic and package config

Lecture 5: 04 Input Decorator in Angular

Lecture 6: 05 Angular Switch and case

Lecture 7: 06 Winning and reset logic in Angular

Lecture 8: 07 Detect clicks and custom messages in Angular

Lecture 9: 08 Reset the Game

Lecture 10: 09 NgFor loop and property binding in Angular

Lecture 11: 10 Small CSS fix – optional

Chapter 7: RxJs fundamentals

Lecture 1: Angular Section 7 Intro

Lecture 2: 01 Problem that RxJs is trying to solve

Lecture 3: 02 Comparing regular JS and RxJs

Lecture 4: 03 understand the flow in RxJs

Lecture 5: 04 What is Observable in RxJs

Lecture 6: 05 What are observers in RxJs

Lecture 7: 06 Subscribe and Unsubscribe to events

Lecture 8: 07 Pipe and operators in RxJs

Chapter 8: 08 Form service and pipe in Angular Project

Lecture 1: Angular Section 8 Intro

Lecture 2: 01 Building todo – form and service in Angular

Lecture 3: 02 Creating app structure for todo in Angular

Lecture 4: 03 Creating model for todo in Angular

Lecture 5: 04 Angular pipe in action

Lecture 6: 05 Service – Business logic of Angular App

Lecture 7: 06 life cycle hooks in Angular

Lecture 8: 07 NgClass and ngFor in Todo Angular

Lecture 9: 08 Reactive Form and Template driven Form

Lecture 10: 09 Adding form in Module in Angular

Lecture 11: 10 2 way binding syntax in Angular

Lecture 12: 11 Angular wrapper elements

Chapter 9: 09 Signup Reactive form in Angular

Lecture 1: Angular Section 9 Intro

Lecture 2: 01 Building a signup form and Validations

Lecture 3: 02 Adding reactive Form and Bootstrap

Lecture 4: 03 Brain part of reactive forms in Angular

Lecture 5: 04 Building Custom form validators

Lecture 6: 05 Understand the basic signup form template

Lecture 7: 06 Connect form with validators

Lecture 8: 07 Render error messages to user

Chapter 10: 10 Web request and API in Angular

Lecture 1: Angular Section 10 Intro

Lecture 2: 01 Http module in Angular

Lecture 3: 02 Generating components and services for user

Lecture 4: 03 Adding httpClientModule to app

Lecture 5: 04 Injecting httpClient in Angular

Lecture 6: 05 Make a web request in Angular

Lecture 7: 06 Accept data from parent as user

Lecture 8: 07 Getting API response and displaying it

Lecture 9: 08 1 more thing about ngContent

Chapter 11: 11 Firebase login and Github searcher

Lecture 1: Angular Section 11 Intro

Lecture 2: 01 Reading routing docs and layout in Angular

Lecture 3: 02 Understand the project structure

Lecture 4: 03 Reading firebase docs

Lecture 5: 04 Creating a new firebase project