Basics of Angular

Angular is a development platform for building mobile and desktop apps. Angular lets you extend HTML's syntax to express your apps' components clearly and succinctly. Angular's binding and dependency injection eliminate much of the code you would otherwise have to write.

Benefits of Angular

Develop across all platforms

Learn one way to build apps with Angular and then reuse your code and abilities to build apps for any deployment target, such as web, mobile web, native mobile, and native desktop.

Speed and performance

Achieve the maximum speed possible on the web platform today, and take it further, with Web Workers and server-side rendering.

Angular puts you in control of scalability. Meet huge data requirements by building data models using RxJS, Immutable.js, or another push model.

Incredible tooling

Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components to build your UI. Get immediate Angular-specific help and feedback with nearly every IDE (integrated development environment) and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work.

Loved by millions

From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that support Google's largest apps.

Learn more at Angular.io!

What you will create

In this codelab, you will start working on MewTube, a video social network for cats only. (No dogs allowed!)

Prerequisites:

Familiarity with the basics of TypeScript is highly recommended. Check out the TypeScript codelab.

What you will learn

After completing this codelab, you'll understand the basics of Angular and will be able to create your first Angular app.

This codelab is broken down into four milestones. Each milestone takes about 30 minutes to complete.

Start by clicking a milestone name:

or Launch the codelab