A good way to learn AngularJS is to go through this tutorial step by step, which will walk you through building a complete AngularJS web application. The web app is a directory listing of Android devices, you can filter the list to view the device you are interested in, and then view the device details.
This tutorial will show you how AngularJS makes web applications smarter and more flexible, without requiring various extensions or plug-ins. Through this tutorial, you will:
1. Read the example to learn how to use AngularJS's client data binding and dependency injection capabilities to create a dynamic data view that can immediately respond to user actions.
2. Learn how to create data listeners using AngularJS without DOM operations.
3. Learn a better and easier way to test your web application.
4. Learn how to use AngularJS to create common web tasks, such as more conveniently introducing data into applications.
And all this can be implemented in any browser without configuring the browser!
When you complete this tutorial, you will learn:
1. Create a dynamic app that works in any browser.
2. Understand the difference between AngularJS and other JavaScript frameworks.
3. Understand how AngularJS implements data binding.
4. Use AngularJS's seed project to quickly create your own project.
5. Create and run tests.
6. Learn more AngularJS Identification Resources (API).
This tutorial will guide you through a simple application creation process, including writing and running unit tests and continuously testing applications. Each step of the tutorial provides you with suggestions to learn more about AngularJS and the web applications you create. You may read this tutorial quickly in a short time, or you may need to spend a lot of time delving into it. If you want to see a brief AngularJS introduction document, please check the [Quick Started][Getting Started] document.
Build a learning environment
Whether in a Mac, Linux or Windows environment, you can follow this tutorial to learn programming. You can use the source code management version control system Git to obtain the source code files of this tutorial project, or download the mirror archive compression package of the source code files of this tutorial project directly from the Internet.
1. You need to install Node.js and Testacular to run this project. Please download and install the latest version at the official Node.js website, and then add the node executable program path to the system environment variable PATH. After completion, run the command on the command line to see if the installation is successful:
The code copy is as follows:
node -version
Then install the Testacular unit test program, please run the following command:
The code copy is as follows:
npm install -g testacular
2. Install the Git tool, and then use the following command to copy the source code file of this tutorial project from Github:
The code copy is as follows:
git clone git://github.com/angular/angular-phonecat.git
You can also download the mirror archive compression package of the source code of this tutorial project directly from the Internet. This command creates a new folder angular-phonecat in your current folder.
3. The last thing to do is make sure your computer has a web browser and a text editor installed.
4. Enter the tutorial source code file package angular-phonecat, run the server background program, and start learning AngularJS!
The code copy is as follows:
cd angular-phonecat
node scripts/web-server.js