Angular Application Development
Angular Application Development
A full, TypeScript-first framework for large single-page applications -- components, data binding, services and dependency injection, RxJS, routing, and pipes.
Helpful before you begin (optional -- you can start this course now): TypeScript Foundations
Who it's for
Learners with solid HTML/CSS/JavaScript/TypeScript fundamentals who want to build large, structured single-page applications with Angular.
What you'll be able to do
- Read and predict the behavior of component logic, services, and RxJS operator chains in real Angular code
- Explain how @Input/@Output, dependency injection, and change detection connect components and services together
- Describe when Angular's opinionated, full-framework structure is (and isn't) the right fit for a project
Not started — 12 lessons, no account required.
Start this coursePractice this course →Add to a study plan →Interview questions →
Angular Fundamentals
Components, the CLI, templates/data binding, and control-flow directives.
- 18 min
Angular Fundamentals: Components and the CLI
What Angular is, the CLI/build model, and a component's basic shape.
- 18 min
Templates and Data Binding
Interpolation, property binding, and event binding between a template and its class.
- 18 min
Structural Directives: @if and @for
Angular's control-flow syntax for conditionally showing content and rendering lists.
Data & Components
Parent-child communication, change detection, and services with dependency injection.
- 18 min
Inputs and Outputs: Parent-Child Communication
Passing data into a child component and emitting events back up to a parent.
- 15 min
Change Detection Basics
The conceptual model of when and how Angular updates the DOM after a state change.
- 20 min
Services and Dependency Injection
Sharing logic and state across components with an injectable service.
RxJS, HTTP & Forms
Observable fundamentals, HttpClient, and reactive forms.
- 20 min
RxJS Observables Fundamentals
What an Observable is, subscribing to one, and a simple operator chain.
- 15 min
HttpClient and API Calls
Making API calls with HttpClient, which returns Observables rather than Promises.
- 18 min
Reactive Forms
Building a typed form with FormGroup and FormControl, and checking validity.
Routing & Architecture
The Router, pipes, and project structure/when Angular fits.
- 18 min
The Angular Router
Defining routes, route parameters, and navigating between views.
- 15 min
Pipes: Built-in and Custom
Transforming displayed values with built-in pipes and writing a simple custom pipe.
- 15 min
Project Structure and When Angular Fits
How an Angular project is organized, and when Angular is (and isn't) the right choice.