A Hands-on Guide to Angular

Course Overview

In this course, you will cover the most fundamental concepts of Angular, a popular JavaScript framework. You will learn everything about building a complete Angular app, setting up the development environment, and building your own single-page application (SPA). You’ll start off by co... See More

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

Hide All

Hide All Lessons

1. Course Overview

Who is This Course for?

2. Introduction to the Framework

Welcome to Angular

Introduction to SPAs

Working with Angular CLI

3. Building Blocks of Angular

Angular Modules

Components

Directives

Services

4. Basic Concepts in an Angular Application

Binding the Data

Communicating Between Components

Component Lifecycle Hooks

Creating custom directives

5. Forms in Angular

Template-driven vs. Model-driven forms

Developing the Best Forms Using Reactive Forms

Custom Validation

6. Routing in Angular

Navigation Between Views

Router life cycle

Route params and Query params

Route Guards

Lazy Loading of Routes

7. Services and Dependency Injection

Communication Between Multiple Components

Providers and Dependency Injection

8. Dealing with APIs

HttpClient Service

Angular In-memory-web-api

Performing CRUD Operations

9. Implement the Above in a E-commerce App

Creating Relevant Components and Modules

Perform Routing in Your App

Preparing Services to Interact with the Data

Managing the State of the Application

10. Login and Authentication

Authentication

Securing the Whole App

11. Summary and Resources

Summary

Resources

Helpful Extensions