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.
View your completed tutorials, exercises, and quizzes