Learn Angular step by step - CLI, components, templates, services, dependency injection, routing, and reactive forms.
What Is Angular and When to Use It Angular is a complete application framework written in TypeScript and maintained by Google. Unlike small view libraries, Angular includes ...
Installing the Angular CLI and Creating an App The Angular CLI is the official command-line tool for creating and managing Angular projects. It scaffolds apps, generates ...
Components and Templates Components are the heart of an Angular app. Each component owns a class, a template, and optionally styles, and together they define a visible piece of ...
Data Binding and Interpolation Angular keeps templates and component classes in sync through data binding. You bind values from the class into the view and respond to events ...
Directives: ngIf, ngFor, ngClass Structural directives change the shape of the DOM, and attribute directives change the look and behavior of elements. The built-in ones cover the ...
Services and Dependency Injection Services in Angular hold reusable logic: API calls, shared data, authentication, and anything several components need. Dependency injection ...
Using HttpClient to Fetch Data HttpClient is Angular's official HTTP client for talking to backends. It supports typed responses, error handling, and interceptors. Set up the ...
Routing and Navigation The Angular Router maps URLs to components. Applications that grow beyond one screen need a router so users can move between pages, share links, and use ...
Reactive Forms Basics Reactive forms manage inputs in code with FormControl and FormGroup objects. You define the model explicitly, which makes validation and testing ...
Build a Small Angular App Combine components, services, and forms into a working customer list. The app will manage a small catalog with add and display features. The service ...