Angular tutorials

Contents

• First App Tutorial - Angular Homes
• Tour of Heroes
• Building a template-driven form

This section contains tutorials to help you get started developing applications with Angular.

First App Tutorial - Angular Homes

First App Tutorial - Angular Homes gets you started with Angular The First App tutorial guides you through building an Angular app by taking you step by step through the fundamentals of building an application in Angular.

Learn how to use Standalone Components, Inputs, Angular templates, data binding and more.

Tour of Heroes

Tour of Heroes helps you gain confidence that Angular can do whatever you need it to do by showing you how to:

• Use Angular directives to show and hide elements and display lists of hero data.
• Create Angular components to display hero details and show an array of heroes.
• Use one-way data binding for read-only data.
• Add editable fields to update a model with two-way data binding.
• Bind component methods to user events, like keystrokes and clicks.
• Enable users to select a hero from a list and edit that hero in the details view.
• Format data with pipes.
• Create a shared service to assemble the heroes.
• Use routing to navigate among different views and their components.

Building a template-driven form

Building a template-driven form shows you how to create a template-driven form.

The control elements in the form are bound to data properties that have input validation. The input validation helps maintain data integrity and styling to improve the user experience. Template-driven forms use two-way data binding to update the data model in the component as changes are made in the template and vice versa.