It seems that your browser is not supported by our application.

Component Basics

9 Lessons

Examine the essentials of creating, understanding, and utilizing Angular components effectively.

Passing Data From Parent to Child Component

Understanding Components

Creating a Component

Pipes

9 Lessons

Find out about transforming and formatting data using Angular pipes, including custom implementations.

Pipes Overview

Pipe Basics

Pipe Parameters

Currency Pipe and Decimal Pipe

JSON Pipe

Custom Pipes

Taking Things a Step Further

Quiz

Directives

10 Lessons

Solve problems in Angular by mastering directives, creating modular and dynamic web applications.

Binding Properties to Directives

The ngClass Directive

Toggling Images

The ng-container Element

The ngSwitch Directive

Creating a New Directive

Creating a Structural Directive

Quiz

Modules

4 Lessons

Follow the process of creating, organizing, and efficiently using Angular modules to boost application structure and scalability.

Importing and Exporting Modules

Exploring Modules

Creating a Module

Routing

10 Lessons

Master the steps to optimize Angular routing for efficient navigation and dynamic content insertion.

The RouterOutlet Placeholder

Creating More Routes

The RouterLink Directive

Active Link Styles

Wildcard Routes

Lazy Loading Modules

The NgContent Directive

Selecting Content

Child Routes

RouterLink Configuration

Advanced Components

7 Lessons

Step through advanced component techniques including modals, lifecycle hooks, and event management.

Services

10 Lessons

Unpack the core of creating an Angular project, using services, handling HTTP requests, and ensuring robust security.

Understanding Dependency Injection

Submitting the Form

Generating Services

HTTP Requests

Displaying the Results

Highlighting Keywords

Understanding XSS Attacks

Inserting Raw HTML

Tricky CSS

10.

RxJS

12 Lessons

Examine RxJS essentials in Angular, including observables, operators, error handling, and generics.

Avoiding Single Operators

Handling Errors

Creating Raw Observables

Alternative Observer Syntax

Unicast Observables

Understanding RxJS in Our Application

Using Generics With Observables

11.

Reactive Forms

14 Lessons

Find out about creating and validating reactive forms in Angular applications.

Forms Overview

Validating the Other Inputs

Form Groups and Controls

Binding a Form

Validation

Handling Validation

Form Controller Status

Reusing the Input

Wiring the Form

Quick Adjustment

Input Masking

Resetting the Form

12.

Template Forms

7 Lessons

Dig into Angular template forms for creating, managing, and validating form data efficiently.

Understanding Template Forms

The FormsModule

Two-Way Data Binding

Validation

Handling Form Submission

13.

Custom Validators

13 Lessons

Tackle creating custom validators in Angular, from project setup to handling validation errors.

Creating a Reusable Input

Adding Routes

Adding Reactive Forms

Adding Validators

Custom Validators

Injecting Validators

Asynchronous Validators

Creating a Service

Hashing a Password

Handling the Response

Using Async Validators

Handling Errors

14.

Authentication

14 Lessons

Master the steps to implement and manage authentication in Angular using Firebase.

Setting Up Firebase

Configuring Firebase with Angular

Registration Form Submission

Creating a New Account

Redirection After Creating an Account

Handling Registration Errors

Validating and Submitting the Login Form

Authentication

Authentication Persistence

Toggling Menu Items

Logging Out

Router Guards

Guarding Guest Routes

Build a Card Memory Game in Angular

15.

Conclusion

1 Lessons

Get familiar with advancing your Angular skills and keeping up with updates.

Where To Go From Here?

Course Author

Luis Ramirez Jr

Project

intermediate

1 hour

Project

Build a Card Memory Game in Angular

Build a memory card game in Angular featuring matching pairs, a timer, and Material UI for design.

intermediate

1 hour

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

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!

Recommended before starting this course

Course

Beginning Flutter: Android Mobile App Development

Delve into Flutter's UI framework to build high-quality Android apps, from creating contact profiles to enhancing them with themes and API integration, culminating in app publication.

beginner

10 hours

Course

Grokking Bit Manipulation for Coding Interviews

The ultimate guide to bit manipulation for coding interviews. Developed by FAANG engineers, practice with real-world interview questions, and get interview-ready in just a few hours.

intermediate

3 hours

Course

Web Development: A Primer

Delve into web development fundamentals, exploring HTML, CSS, JavaScript, and version control. Gain insights into essential web technologies to confidently pursue further learning and projects.

beginner

5 hours

Beginning Flutter: Android Mobile App Development

10 hour

Grokking Bit Manipulation for Coding Interviews

intermediate

3 hour

Web Development: A Primer

5 hour

Related Courses and Skill Paths

Course

Learn TypeScript: The Complete Course for Beginners

Gain insights into TypeScript's core concepts, from basics to advanced type checking and iterators. Learn about static typing and JS library support through practical, hands-on experience.

beginner

12 hours

Course

Building Reactive Applications with RxJS

Learn about RxJS to write efficient asynchronous code. Explore subjects, operators, and observables. Gain insights into creating projects like a reactive local database and handling DOM events.

beginner

6 hours

Course

A Hands-on Guide to Angular

Discover Angular's core concepts and advance to building a complete SPA. Gain hands-on experience by creating modules, components, forms, routing, and APIs in an e-commerce app.

intermediate

16 hours

Course

Advanced TypeScript Masterclass

Discover advanced TypeScript concepts: Gain insights into compiler flags, generic types, and discriminated unions. Delve into writing error-free code and mastering complex error messages with confidence.

intermediate

6 hours

Learn TypeScript: The Complete Course for Beginners

12 hour

Building Reactive Applications with RxJS

6 hour