Angular Certification Course in Jeddah

Section 01 Self Paced Learning Curriculum

• Lesson 01 - Single page Applications

  41:13Preview

  • 1.01 Course Overview

    02:02

  • 1.02 Introduction to Single Page Applications (SPA)

    10:11

  • 1.03 What do we need Angular for

    06:26

  • 1.04 Setting up the Development Environment

    08:13

  • 1.05 Angular Application Architecture

    03:30

  • 1.06 First Angular App

    10:51

• Lesson 02 - TypeScript and ESNext

  01:56:56Preview

  • 2.01 Module Introduction and Introduction to TypeScript

    04:04

  • 2.02 Setting up the environement to write TypeScript

    07:54

  • 2.03 Variable declarations (var, let, and const)

    14:28

  • 2.04 Types - Primitives

    07:35

  • 2.05 Types - Reference and Special Types

    11:23

  • 2.06 Operators - Spread and Backticks

    10:01

  • 2.07 Operators - Destructure and Rest

    06:12

  • 2.08 Classes

    15:43

  • 2.09 Interface

    06:07

  • 2.10 Arrow Functions

    08:05

  • 2.11 Modules

    14:08

  • 2.12 fetch

    07:34

  • 2.13 async or await

    03:42

• Lesson 03 - Decorators

  43:56Preview

  • 3.01 Module Introduction and an overview of Angular Modules

    01:25

  • 3.02 What are decorators

    02:49

  • 3.03 Angular Modules and the @NgModule Decorator

    04:24

  • 3.04 Declarations

    13:34

  • 3.05 Imports and Exports

    08:01

  • 3.06 providers, bootstrap, and entryComponents

    07:41

  • 3.07 Angular Application Bootstrap Mechanism

    06:02

• Lesson 04 - Component Decorator

  02:59:12Preview

  • 4.01 Module Introduction

    02:17

  • 4.02 Angular Components and the @Component Decorator

    05:30

  • 4.03 Creating an Angular Component using the Angular CLI and on StackBlitz

    08:00

  • 4.04 Component Decorator Metadata

    08:02

  • 4.05 View Encapsulation - Emulated, ShadowDom, None

    08:20

  • 4.06 Data Binding - String Interpolation - {{ }}

    08:11

  • 4.07 Property Binding - []

    04:16

  • 4.08 Event Binding - ()

    09:24

  • 4.09 @Input and @Output Property Decorators

    19:21

  • 4.10 Two-way Data Binding - [()]

    08:16

  • 4.11 Attribute Binding - [attr.]

    09:33

  • 4.12 Class Binding - [class.]

    04:50

  • 4.13 Style Bindings - [style.]

    06:32

  • 4.14 Introduction to Lifecycle Hooks in Angular

    12:22

  • 4.15 Using Lifecycle Hooks in Angular

    23:48

  • 4.16 View Queries - View Child, View Children, Content Child, Content Children

    23:42

  • 4.17 Change Detection Mechanism in Angular. ZoneJS, NgZones

    16:48

• Lesson 05 - Angular Routing

  01:46:27Preview

  • 5.01 Introduction to Routing

    06:14

  • 5.02 Implementing Routing in an Angular App

    14:43

  • 5.03 Creating a User List. Setting the stage for Child Routing

    08:14

  • 5.04 Abstracting the user link to a separate component

    02:38

  • 5.05 Implementing Child Routes

    21:13

  • 5.06 Path Match and Route Types

    08:39

  • 5.07 Introduction to Route Guards in Angular

    04:54

  • 5.08 CanActivate and CanActivateChild Guards in Angular

    10:34

  • 5.09 CanDeactivate Guard in Angular

    12:44

  • 5.10 Prefetching Data for a Component using Resolve

    16:34

• Lesson 06 - Dependency Injection

  01:41:07Preview

  • 6.01 Introduction to Section

    01:36

  • 6.02 DI as a Pattern, DI as a Framework and Types of Providers

    12:20

  • 6.03 Hierarchical Dependency Injection

    03:34

  • 6.04 Introduction to Services in Angular

    12:12

  • 6.05 GET data from a Rest API using HttpClient

    22:47

  • 6.06 CRUD Operations using HttpClient, HttpParams and HttpHeaders

    25:33

  • 6.07 Observables and Operators in Observables - Map, Retry, Catch

    09:46

  • 6.08 Behavior Subject and Sharing Data using Behavior Subjects

    13:19

• Lesson 07 - Directives

  02:41:29Preview

  • 7.01 Introduction to Section

    01:21

  • 7.02 Introduction to Directives

    05:04

  • 7.03 Built in Structural Directives

    19:48

  • 7.04 Built in Attribute Directives

    12:07

  • 7.05 Building custom Attribute Directives

    19:08

  • 7.06 Building Custom Structural Directives

    12:52

  • 7.07 Introduction to Pipes in Angular

    02:18

  • 7.08 Using Built In Pipes

    13:58

  • 7.09 Creating Custom Pipes in Angular

    16:07

  • 7.10 Pure and Impure Pipes in Angular

    17:54

  • 7.11 Decorators Revisited

    11:17

  • 7.12 Building Custom Decorators in Angular

    09:10

  • 7.13 Building a Custom Lifecycle Hook Class Logger Decorator

    15:53

  • 7.14 Building Custom Property Decorator in Angular

    04:32

• Lesson 08 - Forms in Angular

  02:06:23Preview

  • 8.01 Introduction to Section

    00:44

  • 8.02 Types of Form Building Strategies in Angular

    02:32

  • 8.03 Creating Long Bootstrap forms quickly using VS Code using Emmet

    09:54

  • 8.04 Adding FormControl(s) to a Template Driven form using the ngModel directive

    04:04

  • 8.05 Getting the JavaScript Object Representation of a form using ngForm directive

    05:37

  • 8.06 Disabling the Submit Button on a Form using form's $invalid flag

    02:55

  • 8.07 Getting the JavaScript Object Representation of a form in TypeScript Class

    14:06

  • 8.08 Adding Checkbox, Radio Buttons and Select List to your Template Driven Form

    12:04

  • 8.09 Creating Subsections in the form using NgModelGroup directive

    10:22

  • 8.10 Steps to implement a Reactive form in Angular

    07:34

  • 8.11 Quickly creating a Bootstrap form for our Reactive form using Emmet

    09:22

  • 8.12 Creating a Reactive form in the TypeScript class & connecting it to the template

    10:12

  • 8.13 Adding form Validations to a Reactive Form

    10:54

  • 8.14 Dynamically Adding or Removing FormControl(s) or FormGroup(s) using FormArray(s)

    10:20

  • 8.15 Adding Synchronous Custom Validations to your Reactive Form

    07:14

  • 8.16 Adding Async Custom Validations to your Reactive Form

    06:36

  • 8.17 Resetting the value of a form

    01:53

• Lesson 09 - Using Third Party Libraries

  01:36:34Preview

  • 9.01 Introduction to the Section

    01:57

  • 9.02 Creating an Angular CLI Project with SCSS as a base style

    04:55

  • 9.03 Introducing Material Design Bootstrap into your Angular CLI Project

    07:59

  • 9.04 Adding a Navbar in your header

    05:47

  • 9.05 Adding Material Design Buttons

    08:59

  • 9.06 Adding Cards

    05:56

  • 9.07 Using Material Design Dropdowns and Form Inputs

    09:02

  • 9.08 Introducing Angular Material into your Angular CLI Project on the top of MDB

    08:01

  • 9.09 Adding Radio Buttons, Slide Toggle, Slider, Progress Bar and Spinner

    11:06

  • 9.10 Introduction to Firebase

    02:32

  • 9.11 Creating an App using the Firebase Console

    02:32

  • 9.12 Setting up your Angular CLI Project to support Firebase

    05:41

  • 9.13 Interacting with Firebase Realtime Database using methods on AngularFireList

    04:25

  • 9.14 Adding and Reading Data from Realtime Database in Firebase

    11:23

  • 9.15 Updating and Deleting Data from Realtime Database in Firebase

    06:19