Angular: Designing and Architecting Web Applications

Learn how to develop Angular applications with TypeScript. Understand concepts such as components, pipes, directives, observables.

Beginner

132 Lessons

20h

Certificate of Completion

Learn how to develop Angular applications with TypeScript. Understand concepts such as components, pipes, directives, observables.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

132 Playgrounds

This course includes

132 Playgrounds

Course Overview

This course will teach you step-by-step how to design and architect large Angular applications. You’ll start with the basics: components, pipes, and directives. These are the building blocks of any Angular application, so you will get plenty of hands-on practice with this material. Next, you’ll ramp things up by stepping into modules, routing, and RXJS, where you’ll learn how to declaratively manage data and dive deep into observables. In the latter half of the course, you’ll cover reactive and template ...Show More

Course Content

First Steps

Introduction Setting Up

Our First Project

Creating an App Reviewing the Files Event Binding Property Binding Interpolation Global CSS Structural Directives Deploying the App Quiz Completed Project

Component Basics

Creating a New Project

Understanding Components Creating a Component Passing Data From Parent to Child Component The ngFor Directive Static Assets Scoped CSS Quiz Completed Project

Pipes

Pipes Overview

Pipe Basics Pipe Parameters Currency Pipe and Decimal Pipe JSON Pipe Custom Pipes Taking Things a Step Further Quiz Completed Project

Directives

Creating a New Project

The ngClass Directive Toggling Images The ng-container Element The ngSwitch Directive Creating a New Directive Binding Properties to Directives Creating a Structural Directive Quiz Completed Project

Modules

4 Lessons

Routing

10 Lessons

Advanced Components

7 Lessons

Services

10 Lessons

10.

RxJS

12 Lessons

11.

Reactive Forms

14 Lessons

12.

Template Forms

7 Lessons

13.

Custom Validators

13 Lessons

14.

Authentication

14 Lessons

15.

Conclusion

1 Lesson

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath