Get started with Angular by learning its core concepts like data binding, directives, host element binding, and pipes. Discover how components interact through media queries, lifecycle hooks, and observables. Learn to create, inject, and provide Angular services, implement routing with Angular Router, and work with both template-driven and reactive forms.

Syllabus

Introduction to Angular: Get an introduction to Angular and learn the framework's core concepts.

Lesson: Angular Introduction
Project: Angular Introduction Lab: Angular Developer Portfolio
Quiz: Angular Introduction Quiz

Angular Data Binding and Directives: Learn data binding, directives, host element binding, and pipes in Angular to synchronize the component and interface.

Lesson: Angular Data Binding and Directives
Project: Angular Data Binding and Directives Lab: Day Planner
Quiz: Angular Data Binding and Directives Quiz

Angular Component Interaction: Learn how Angular components interact through media and content queries, component lifecycle hooks, and the power of observables for working with data streams.

Lesson: Angular Component Interaction
Project: Angular Component Interaction Lab: Budget Tracker
Quiz: Angular Component Interaction

Angular Services and Dependency Injection: Learn to create, inject, and provide Angular services using @Injectable and leverage injector hierarchy for modular, efficient apps.

Lesson: Angular Services and Dependency Injection
Project: Angular Services and Dependency Injection Lab: Note-Taking
Quiz: Angular Services and Dependency Injection

Angular Routing and Navigation: Learn to implement routing in Angular using Angular Router, covering route definitions, configuration, links, nested routes, redirects, and parameters.

Lesson: Angular Routing and Navigation
Project: Angular Routing and Navigation Lab: Blog
Quiz: Angular Routing Quiz