Angular – Complete Essential Guide

Course Curriculum

Chapter 1: Introduction to Angular

Lecture 1: What is an Angular ?

Lecture 2: Angular Architecture Overview

Lecture 3: Project List

Lecture 4: Creating Angular Project

Lecture 5: Angular Project Structure

Lecture 6: Visual Studio Code and it's Features

Lecture 7: Theory – Understanding the Angular Decorators

Lecture 8: Project WorkSpace Configuration

Lecture 9: Bootstrapping Angular Application

Lecture 10: Angular CLI

Lecture 11: Angular Console

Chapter 2: Understanding Core Concept of Angular

Lecture 1: Theory – Angular Built-In Directives

Lecture 2: Lab: Ng Modules

Lecture 3: Lab: Components

Lecture 4: Theory – Dependency Injection

Lecture 5: Lab – Dependency Injection

Lecture 6: Template Syntax

Lecture 7: Lab: *ngFor

Lecture 8: Binding Syntax

Lecture 9: Event Bindings and Template Reference Variable

Lecture 10: Accepting Inputs from Parent Template

Lecture 11: Output Decorator and Event Emitter

Lecture 12: Pipes in Angular

Chapter 3: Project: Reddit Clone App

Lecture 1: Creating Reddit Clone Project and Bootstrap Implementation

Lecture 2: UI form for Adding Articles

Lecture 3: Add Article Function

Lecture 4: Article Component and Marking

Lecture 5: Article Class and Modified Component

Lecture 6: Multiple Articles and Adding Articles

Lecture 7: Deploying Reddit Clone App

Chapter 4: Built-In Directives In Details

Lecture 1: Introduction to this Chapter

Lecture 2: NgIf

Lecture 3: NgSwitch

Lecture 4: NgStyle

Lecture 5: NgClass

Lecture 6: NgFor in Details

Chapter 5: Forms In Angular

Lecture 1: Introduction to Forms

Lecture 2: Template Driven Forms

Lecture 3: Reactive Forms

Lecture 4: Exercise : Object Based Forms

Chapter 6: Dependency Injection in Details

Lecture 1: Singleton Pattern

Lecture 2: Lab: Dependency Injection

Lecture 3: Theory – Factory Pattern

Lecture 4: Hierarchical Dependency Injectors

Lecture 5: Lab: Types of Providers

Chapter 7: HTTP Module

Lecture 1: HTTP Module Introduction

Lecture 2: Lab – HttpModule and HttpClient

Chapter 8: Routing in Angular

Lecture 1: Theory – Angular Routing Introduction

Lecture 2: Theory – Angular RoutingModule and Router

Lecture 3: Lab – Angular RoutingModule and Router

Lecture 4: Lab – Child Routes

Lecture 5: Theory – AuthGuard In Angular

Lecture 6: Theory – Lazy Loading Modules

Lecture 7: Updates – Theory – Lazy Loading

Lecture 8: Lab – Lazy loading and AuthGuards

Lecture 9: Updates – Lab – Lazy Loading

Chapter 9: Angular Material – Project

Lecture 1: Project

Lecture 2: Theory – Introduction to Angular Material

Lecture 3: Exploring Angular Material Documentation

Lecture 4: Adding Angular Material to Angular Project

Lecture 5: Project Routing and Modules

Lecture 6: Converting project to SCSS and Adding material Module

Lecture 7: Navigation Component

Lecture 8: Navigation from Object and Child Components

Lecture 9: Dynamic CSS

Lecture 10: Angular Material Dashboard Symatics

Lecture 11: Testing Dynamic CSS and Dashboard

Lecture 12: Testing Project

Chapter 10: Mobile App Development Project with Angular and IONIC 4

Lecture 1: Project Demo

Lecture 2: Setting Up The Development Environment

Lecture 3: Creating New IONIC Project

Lecture 4: Opening Project in VS Code

Lecture 5: Home Module and IONIC Documentation

Lecture 6: Adding Fab Button

Lecture 7: Add Expense Modal

Lecture 8: Expense Modal #2

Lecture 9: Add Component UI

Lecture 10: Application in IOS Emulator

Lecture 11: Running Application on Android Emulator

Lecture 12: Home Page UI

Lecture 13: Observable to Hold Data

Lecture 14: Add Expense Validation

Lecture 15: UI For Expense In Home Page

Lecture 16: Saving and Getting Data From Storage

Lecture 17: Change Date Event

Lecture 18: Testing Application on IPhone Emulator

Lecture 19: Testing on Android Emulator

Lecture 20: Decimal Keyboard

Lecture 21: Deploying to Google Play Store

Lecture 22: Deploying to App Store