Angular Tutorial
Learn Angular
Angular is a framework for building client applications in HTML and TypeScript.
Start learning Angular now »Overview & Prerequisites
Learn Angular step-by-step with easy-to-follow pages and runnable JS-only examples.
We use standalone components, modern control flow, and the built-in Router and HttpClient in examples.
Prerequisites:
- Basic HTML, CSS, and JavaScript.
- Some TypeScript helps but is not required.
Learning by Examples
Our "Show Angular" tool makes it easy to demonstrate Angular.
It shows both the code and the result.
Example:
import { bootstrapApplication } from '@angular/platform-browser';import { Component } from '@angular/core';@Component({ selector: 'app-root', standalone: true, template: `<h1>Hello Angular!</h1>`})export class App {}bootstrapApplication(App);<!doctype html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Angular App</title></head><body> <app-root></app-root></body></html>Learning by Exercises
Many chapters in this tutorial end with an exercise where you can check you level of knowledge.
Angular Quiz
Test your Angular skills with a quiz.
Track Your Progress
Create a W3Schools account and get access to more features and learning materials:
View your completed tutorials, exercises, and quizzes- Keep an eye on your progress and daily streaks
- Join the leaderboard and compete with others
- Get your own avatar and unlock new skins
- Create your own personal website
Note: This is an optional feature. You can study at W3Schools without creating an account.
