Angular with Test Driven Development

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Methodology

Lecture 3: Create Project

Lecture 4: Test Setup

Lecture 5: Jest Setup for Angular 15 and later versions

Lecture 6: Course Project

Lecture 7: Backend Project

Chapter 2: Sign Up

Lecture 1: First Component

Lecture 2: Layout

Lecture 3: Layout – Jest Tests

Lecture 4: Interactions

Lecture 5: Interactions – Jest Tests

Lecture 6: Submitting Request

Lecture 7: Mocking – Jasmine

Lecture 8: Mocking – Jest

Lecture 9: HttpClient

Lecture 10: HttpClient – Jest Tests

Lecture 11: Mock Service Worker Update

Lecture 12: Mocking API in Tests

Lecture 13: Proxy

Lecture 14: Styling

Lecture 15: Progress Indicator

Lecture 16: Progress Indicator – Jest Tests

Lecture 17: Sign Up Success

Lecture 18: Sign Up Success – Jest Tests

Lecture 19: Components – Alert & Button

Chapter 3: Refactoring

Lecture 1: Service

Lecture 2: Module

Lecture 3: Template Driven Form

Lecture 4: Reactive Form

Chapter 4: Validation

Lecture 1: Client-side Validation

Lecture 2: Client-side Validation – Jest Tests

Lecture 3: Simplifying Template

Lecture 4: Styling

Lecture 5: Dynamic Tests

Lecture 6: Task: Required Validation for E-mail & Password

Lecture 7: Required Validation for E-mail & Password

Lecture 8: Pattern Validation

Lecture 9: Cross-field Validation

Lecture 10: Cross-field Validation – Jest Tests

Lecture 11: Async Validation

Lecture 12: Async Validation – Jest Tests

Lecture 13: Backend Validation

Lecture 14: Backend Validation & Mock Service Worker

Lecture 15: Modify Button Enable Logic

Lecture 16: Button State

Lecture 17: Button State – Jest Tests

Chapter 5: Routing

Lecture 1: Routing

Lecture 2: Client-side Routing

Lecture 3: Client-side Routing – Jest Tests

Lecture 4: Task: New Pages

Lecture 5: New Pages

Lecture 6: NavBar

Lecture 7: NavBar – Jest Tests

Lecture 8: NavBar Style

Lecture 9: Account Activation

Lecture 10: Activated Route

Lecture 11: Observable

Lecture 12: Activation API Call

Lecture 13: Activation API Call – Jest Tests

Lecture 14: Progress Indicator

Lecture 15: Progress Indicator – Jest Tests

Chapter 6: User List & User Page

Lecture 1: User List

Lecture 2: User List – Jest Tests

Lecture 3: Fixing Page in Tests

Lecture 4: Fixing Page in Tests – Jest Tests

Lecture 5: Next & Previous Page

Lecture 6: Next & Previous Page – Jest Tests

Lecture 7: Style & Progress Indictor

Lecture 8: Style & Progress Indictor – Jest Tests

Lecture 9: Link to User Page

Lecture 10: Link to User Page – Jest Tests

Lecture 11: User List Item

Lecture 12: Task: User Page

Lecture 13: User Page

Lecture 14: User Page – Jest Tests

Chapter 7: Authentication

Lecture 1: Task: Login Page

Lecture 2: Login Page

Lecture 3: Login Page – Jest Tests

Lecture 4: Validation

Lecture 5: Validation – Jest Tests

Lecture 6: Error

Lecture 7: Error – Jest Tests

Lecture 8: Success Route

Lecture 9: Success Route – Jest Tests

Lecture 10: Logged in Layout

Lecture 11: Logged in Layout – Jest Tests

Lecture 12: Local Storage

Lecture 13: Local Storage – Jest Tests

Lecture 14: Logout

Lecture 15: Logout – Jest Tests

Lecture 16: Refactor