Certified Angular 9 Developer

Current Status

Not Enrolled

Price

Get Started

This course is currently closed

You must login before you access the courses page.

Course Content

Expand All

Video Module 1 – Single Page Applications, Why Angular, and Getting Started 6 Topics

Expand

Lesson Content

0% Complete 0/6 Steps

Course Overview

Introduction to Single Page Applications (SPA)

What do we need Angular for

Setting up the Development Environment

Angular Application Architecture

First Angular App

Video Module 2 – TypeScript and ESNext 13 Topics

Expand

Lesson Content

0% Complete 0/13 Steps

Module Introduction and Introduction to TypeScript

Setting up the environement to write TypeScript

Variable declarations (var, let, and const)

Types – Primitives

Types – Reference and Special Types

Operators – Spread and Backticks

Operators – Destructure and Rest

Video Module 3 – Decorators, @NgModule, Angular Modules and App Bootstrap Mechanism in Angular 7 Topics

Expand

Lesson Content

0% Complete 0/7 Steps

Module Introduction and an overview of Angular Modules

What are decorators?

Angular Modules and the @NgModule Decorator

declarations

imports and exports

providers, bootstrap, and entryComponents

Angular Application Bootstrap Mechanism

Video Module 4 – @Component Decorator, Angular Components, Communication, and the Lifecycle Hooks 17 Topics

Expand

Lesson Content

0% Complete 0/17 Steps

Module Introduction

Angular Components and the @Component Decorator

Creating an Angular Component using the Angular CLI and on StackBlitz

Component Decorator Metadata

View Encapsulation – Emulated, ShadowDom, None

Data Binding – String Interpolation – {{ }}

Property Binding – []

Event Binding – ()

@Input and @Output Property Decorators

Two-way Data Binding – [()]

Attribute Binding – [attr.]

Class Binding – [class.]

Style Bindings – [style.]

Introduction to Lifecycle Hooks in Angular

Using Lifecycle Hooks in Angular

View Queries – View Child, View Children, Content Child, Content Children

Change Detection Mechanism in Angular. ZoneJS, NgZones

Video Module 5 – Angular Routing, Guards 10 Topics

Expand

Lesson Content

0% Complete 0/10 Steps

Introduction to Routing

Implementing Routing in an Angular App

Abstracting the user link to a separate component

Creating a User List. Setting the stage for Child Routing

Implementing Child Routes

Path Match and Route Types

Introduction to Route Guards in Angular

CanActivate and CanActivateChild Guards in Angular

CanDeactivate Guard in Angular

Prefetching Data for a Component using Resolve

Video Module 6 – Dependency Injection (As a Pattern, As a Framework), Services, HTTP, Observables 8 Topics

Expand

Lesson Content

0% Complete 0/8 Steps

Introduction to Section

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

Hierarchical Dependency Injection

Introduction to Services in Angular

CRUD Operations using HttpClient, HttpParams and HttpHeaders

GET data from a Rest API using HttpClient

Observables and Operators in Observables – Map, Retry, Catch

Behavior Subject and Sharing Data using Behavior Subjects

Video Module 7 – Directives and Pipes in Angular 14 Topics

Expand

Lesson Content

0% Complete 0/14 Steps

Introduction to Section

Introduction to Directives

Built in Structural Directives

Built in Attribute Directives

Building custom Attribute Directives

Building Custom Structural Directives

Introduction to Pipes in Angular

Using Built In Pipes

Creating Custom Pipes in Angular

Pure and Impure Pipes in Angular

Decorators Revisited

Building Custom Decorators in Angular

Building a Custom Lifecycle Hook Class Logger Decorator

Building Custom Property Decorator in Angular

Video Module 8 – Forms in Angular 17 Topics

Expand

Lesson Content

0% Complete 0/17 Steps

Introduction to Section

Types of Form Building Strategies in Angular

Creating Long Bootstrap forms quickly using VS Code using Emmet

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

Getting the JavaScript Object Representation of a form using ngForm directive

Disabling the Submit Button on a Form using form’s $invalid flag

Getting the JavaScript Object Representation of a form in TypeScript Class

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

Creating Subsections in the form using NgModelGroup directive

Steps to implement a Reactive form in Angular

Quickly creating a Bootstrap form for our Reactive form using Emmet

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

Adding form Validations to a Reactive Form

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

Adding Synchronous Custom Validations to your Reactive Form

Adding Async Custom Validations to your Reactive Form

Resetting the value of a form

Video Module 9 – Using Third Party Libraries and Frameworks like MDB, Angular Material & Firebase 15 Topics

Expand

Lesson Content

0% Complete 0/15 Steps

Introduction to the Section

Creating an Angular CLI Project with SCSS as a base style

Introducing Material Design Bootstrap into your Angular CLI Project

Adding a Navbar in your header

Adding Material Design Buttons

Adding Cards

Using Material Design Dropdowns and Form Inputs

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

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

Introduction to Firebase

Creating an App using the Firebase Console

Setting up your Angular CLI Project to support Firebase

Interacting with Firebase Realtime Database using methods on AngularFireList

Adding and Reading Data from Realtime Database in Firebase

Updating and Deleting Data from Realtime Database in Firebase

Web Development Basics 8 Topics

Expand

Lesson Content

0% Complete 0/8 Steps

Document Object Model (DOM)

XPath

Popular Web Browsers

Inspecting Elements in Browser

Introduction to Angular 7 Topics

Expand

Lesson Content

0% Complete 0/7 Steps

Angular Development History

Angular 9

Angular Core Concepts 14 Topics

Expand

Lesson Content

0% Complete 0/14 Steps

Angular Architecture and Building Blocks

Components

Modules

Templates, Directives, and Data Binding

Services and Dependency Injection

Routing

Bazel Compiler

Ivy Renderer

Angular Application Working

Angular Installation

Sample Angular Application

Angular Application Structure

Angular Service Worker

Angular Error Debugging

TypeScript 10 Topics

Expand

Lesson Content

0% Complete 0/10 Steps

TypeScript and JavaScript

Type Inference

Type Keyword

TypeScript Configuration

Angular CLI 3 Topics

Expand

Lesson Content

0% Complete 0/3 Steps

Installing Angular 9 CLI

Angular 9 CLI Commands

CLI Prompts

Angular 9 Component, Template and Data Binding 8 Topics

Expand

Lesson Content

0% Complete 0/8 Steps

Component

Component Interaction

Angular 9 Web Component

Angular 9 NgModules 18 Topics

Expand

Lesson Content

0% Complete 0/18 Steps

Frequently Used Modules

NgModules and Components

NgModules and JavaScript Modules

Entry Components

Providers in Angular

Singleton Services

Lazy Loading Feature Modules

Sharing Modules

NgModule API

Angular Libraries

Angular 9 Directives 4 Topics

Expand

Lesson Content

0% Complete 0/4 Steps

Angular Directive Basics

Attribute Directives

Built-in Attribute Directives

Built-in Structural Directives

Pipes 6 Topics

Expand

Lesson Content

0% Complete 0/6 Steps

What is a Angular Pipe

Using pipes

Built-in Pipes

Parameterizing a pipe

Custom pipes

Pipes and Change Detection

Angular 9 Form Management 7 Topics

Expand

Lesson Content

0% Complete 0/7 Steps

Form Basics

Form Set up and Data Flow

Template-driven Forms

Reactive or Model Driven Forms

Form Validation

Building Dynamic Forms

Form State Management

Angular 9 Routing 9 Topics

Expand

Lesson Content

0% Complete 0/9 Steps

Angular Routing Basics

Angular 9 Promises, and Route Protection 7 Topics

Expand

Lesson Content

0% Complete 0/7 Steps

Angular 9 Material, MDB and Firebase 9 Topics

Expand

Lesson Content

0% Complete 0/9 Steps

Angular 9 Material Basics

Angular 9 Material Schematics

Angular 9 Material and Theming

Angular 9 Material’s Typography

Angular 9 Material Customization

Virtual Scrolling and Drag and Drop

Angular 9 CDK Components

Angular and MDB

Angular and Firebase

Unit Tetsing Angular 9 8 Topics

Expand

Lesson Content

0% Complete 0/8 Steps

Set up testing

Set up Continuous Integration

Testing Services

Testing Components

Testing Attribute Directives

Testing Pipes

Debugging Tests

ng test