This tutorial consists of lessons that introduce the Angular concepts you need to know to start coding in Angular.
If you're just starting out with Angular, completing the lessons in sequence provides the best learning experience, because each lesson builds on the previous lessons. After you're familiar with Angular, you can come back into any lesson for a refresher.
If you're more experienced, the lessons in this tutorial can be completed individually. You can do as many or as few as you would like and you can do them in any order.
For the best experience with this tutorial, review these requirements to make sure you have what you need to be successful.
The lessons in this tutorial assume that you have done the following:
These lessons can be completed by using a local installation of the Angular tools or by using StackBlitz in a web browser. Local Angular development can be completed on Windows, MacOS or Linux based systems.
Working on your own computer has the advantage of being able to save your work locally for future reference. Working in StackBlitz allows you to work through the lessons without loading any software on your own computer.
The lessons in this tutorial create a simple Angular app that lists houses for rent and show the details of individual houses. This app uses features that are common to many Angular apps.
If you plan to complete this tutorial on your local computer, you must install the required software. If you have already installed some of the required software, you must verify that it is the correct version.
Perform these steps in a command-line tool on the computer you want to use for this tutorial.
IMPORTANT: If you plan to use StackBlitz to do the lessons, you can proceed to the first lesson. You don't need to install any software.
node.jsthat Angular requires
IMPORTANT: This step is only required if you have a version of node installed, otherwise, proceed to step 2 below.
Angular requires an active LTS or maintenance LTS version of Node. Let's confirm your version of
node.js. For information about specific version requirements, see the engines property in the package.json file.
From a Terminal window:
If you do not have a version of
node.js installed, please follow the directions for installation on nodejs.org
npm installed, the next step is to install the Angular CLI which provides tooling for effective Angular development.
From a Terminal window:
npm install -g @angular/cli
You are free to use any tool you prefer to build apps with Angular. We recommend the following:
In this lesson, you learned about the app that you build in this tutorial and prepared your local computer to develop Angular apps.
For more information about the topics covered in this lesson, visit:
© 2010–2023 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.