Complete Angular from Zero to Hero | Complete Guide

Course Curriculum

Chapter 1: Projects Overview

Lecture 1: Project #3 Overview

Lecture 2: Project #4 Overview

Chapter 2: introduction to Angular Course

Lecture 1: What's Angular

Lecture 2: Why Angular

Chapter 3: Prepare Development Environment

Lecture 1: Install NodeJs

Lecture 2: Install Angular CLI

Lecture 3: Build your first Angular Project

Lecture 4: What's Git, GitHub and Installing it

Lecture 5: What's WebPack ?

Chapter 4: JavaScript Beginner Tutorial [Bonus]

Lecture 1: JavaScript History

Lecture 2: Why JavaScript ?

Lecture 3: JavaScript Engine

Lecture 4: JavaScript Hello World

Lecture 5: JavaScript Editors

Lecture 6: JavaScript Datatypes

Lecture 7: JavaScript If-else Conditional Statement

Lecture 8: JavaScript Switch Statement

Lecture 9: JavaScript Ternary Operator

Lecture 10: JavaScript For Loop

Lecture 11: JavaScript While Loop

Lecture 12: JavaScript Do-While

Lecture 13: JavaScript Nesting Loop

Chapter 5: JavaScript Advanced Topics [Bonus]

Lecture 1: JS Destructing Arrays

Lecture 2: JS Destructing Object

Lecture 3: 5 Challenge1 Destructing object

Lecture 4: Spread Operator

Lecture 5: Spread operator with Functions

Lecture 6: REST Pattern

Chapter 6: Typescripts Fundamentals Tutorial

Lecture 1: What's Typescript ?

Lecture 2: Typescript Data Types

Lecture 3: How to define Typescript Variables ?

Lecture 4: Dive into Typescript Types

Lecture 5: Typescript Operators

Lecture 6: Typescript Functions

Lecture 7: Builtin Functions types

Lecture 8: Typescript Array

Lecture 9: Typescript interface

Chapter 7: Bootstrap 5 [ Bonus]

Lecture 1: Bootstrap Overview

Lecture 2: 1 Prepare Dev Environment

Lecture 3: Applying Bootstrap

Lecture 4: Adding Navigation

Lecture 5: Fitting the Screen types

Lecture 6: Mobile Menu Collapse

Lecture 7: Mobile icon Challenge

Lecture 8: Implement Hero Section

Lecture 9: Using image fluid and d-flex

Lecture 10: Challenge Hide Image

Lecture 11: BS Font Alignment and Padding

Lecture 12: Edit Font size and Alignment

Lecture 13: Grid System

Lecture 14: Bootstrap Cards

Lecture 15: Challenge card

Lecture 16: Fitting Cards to Mobile Screen

Lecture 17: Why React or Angular Framework

Lecture 18: Add Learn Section two Col

Lecture 19: BS accordion

Lecture 20: Adding Footer

Lecture 21: Connect Website together

Chapter 8: Angular Component

Lecture 1: What's Component and Module ?

Lecture 2: Create more component using Angular cli

Lecture 3: @Component template vs. templateUrl

Lecture 4: Component nesting

Lecture 5: Angular Architecture

Chapter 9: Angular Binding

Lecture 1: Angular Interpolation

Lecture 2: Property Binding vs Angular interpolation

Lecture 3: Class Binding

Lecture 4: Style Binding

Lecture 5: Event Binding

Lecture 6: Template Variable

Lecture 7: Angular @ViewChild

Lecture 8: Two Way Binding

Chapter 10: Component API

Lecture 1: Angular ng-Content

Lecture 2: Angular ng-content 02

Lecture 3: @input properties

Lecture 4: @output properties

Chapter 11: Angular Directive

Lecture 1: Angular Structural Directives

Lecture 2: *ngIf Directive

Lecture 3: *ngSwitch Directive

Lecture 4: *ngFor Directive

Lecture 5: Using Pipes

Lecture 6: Pipe Example

Lecture 7: Custom Pipe

Chapter 12: Project#1 [Task-list]

Lecture 1: Angular Project To-Do Tasks Overview

Lecture 2: Angular Project To-Do Tasks Part 1

Lecture 3: Angular Project To-Do Tasks Part 2

Chapter 13: Angular Services