Framework

Angular — Front-End Framework

Google’s complete front-end framework for building large single-page apps with components, services and routing.

31 lessons7 chaptersStart: What is Angular? →

1Angular Basics

What is Angular?30 min Setting Up Angular (ng new & ng serve)30 min The Project Structure25 min Components: Class + Template + Selector40 min Showing Data with Interpolation25 min Property & Event Binding40 min Two-Way Binding with ngModel35 min

2Templates & Logic

Show & Hide with *ngIf30 min Lists with *ngFor35 min Formatting Data with Pipes30 min Signals & Modern Control Flow (@if / @for)40 min Writing Your Own Directives35 min

3Services & Routing

Sharing Logic with a Service35 min How Dependency Injection Provides Services35 min Routing & router-outlet40 min Dynamic Routes with Parameters35 min Talking Between Components (@Input, @Output, ng-content)40 min Component Lifecycle Hooks35 min Route Guards, Lazy Loading & Resolvers40 min

4Data & Forms

RxJS & Observables: Angular’s Reactive Heart45 min Calling an API with HttpClient40 min Forms: Template-Driven & Reactive45 min

5Going Deeper

Writing Your Own Pipes30 min HTTP Interceptors35 min Authentication & Protecting Routes45 min State Management (Service-with-Subject, NgRx & SignalStore)45 min Change Detection & Performance35 min NgModules vs Standalone Components30 min Testing Angular (Jasmine, Karma & TestBed)45 min

6Professional Workflow

Building & Deploying Your App35 min

7Project

Project: Build a Task List App180 min