Build awesome web apps using Angular

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome to this course

Lecture 2: What you are expected to know

Lecture 3: Required software setup

Lecture 4: How to use the examples?

Lecture 5: What is Angular?

Chapter 2: Creating a new Angular app

Lecture 1: Creating our first app using Angular CLI

Lecture 2: Creating an Angular app from the scratch

Chapter 3: Introducing Components

Lecture 1: Overview of an Angular Component

Lecture 2: Using Angular CLI to generate new component

Lecture 3: Demo – Click Counter app

Chapter 4: Angular directives

Lecture 1: Overview

Lecture 2: Demo – ngForOf, ngIf, ngStyle and ngClass

Lecture 3: Assignment – Change the background color of a block

Lecture 4: Demo – ngSwitch

Lecture 5: Demo – Custom directive

Chapter 5: Creating the Phonebook App

Lecture 1: Creating the basic structure of our Phonebook App

Lecture 2: Creating the ContactDetailsComponent to show a contact information

Chapter 6: Pipes for transforming model data

Lecture 1: Introduction to pipes and creating a custom pipe

Lecture 2: Creating a custom pipe to display the age from birth date

Lecture 3: Assignment – Create custom pipes for padding a string with some characters

Chapter 7: The service layer in Angular

Lecture 1: Creating the ContactsService injectable class

Lecture 2: Setting up the /contacts REST endpoint

Lecture 3: Consuming the REST endpoint in our service

Lecture 4: Writing CRUD operations in the ContactsService injectable

Lecture 5: Displaying the list of all contacts using NgForOf directive

Chapter 8: Routing and SPA (Single Page Applications)

Lecture 1: Route configuration and changing views

Lecture 2: Accessing the route parameters in ContactListComponent

Lecture 3: Deleting a contact

Chapter 9: Working with forms in Angular

Lecture 1: Template-driven vs Model-driven (Reactive) forms

Lecture 2: Working with a template-driven form for adding new contacts

Lecture 3: Validating user inputs in a template-driven form

Lecture 4: Editing a contact using reactive form

Lecture 5: Validating user inputs in a reactive form

Chapter 10: Miscellaneous

Lecture 1: Integrating jQuery (for pagination on scroll)

Lecture 2: Using SweetAlert for beautiful dialog boxes

Lecture 3: Building and deploying

Chapter 11: Advanced topics

Lecture 1: JIT and AOT Compilation

Chapter 12: Conclusion

Lecture 1: Thank you

Lecture 2: Bonus lecture