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 focused pages and runnable JS-only examples.
We use standalone components, modern control flow, and the built-in Router and HttpClient in examples.
Notes:
- 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 free 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
Set goals and create learning paths
Create your own personal website
Note: This is an optional feature. You can study at W3Schools without creating an account.