AngularJS getting started Tutorial: Learning Environment setup, angularjs getting started tutorial

AngularJS getting started Tutorial: Learning Environment setup, angularjs getting started tutorial

A good way to learn about AngularJS is to gradually complete this tutorial, which will guide you to build a complete AngularJS web application. This web application is a list of directories in the list of Android devices. You can filter the list to view the devices you are interested in and view the device details.

This tutorial will show you how AngularJS makes web applications smarter and more flexible, without the need for various extensions or plug-ins. After learning this tutorial, you will:

1. Read the example to learn how to use the client data binding and dependency injection functions of AngularJS to create a dynamic data view that can respond immediately to user operations.
2. Learn how to use AngularJS to create a data listener without DOM operations.
3. Learn a better and simpler way to test your web application.
4. Learn how to use AngularJS to create common web tasks. For example, it is easier to introduce data into applications.

In addition, this can be achieved in any browser, without the need to configure the browser!

After completing this tutorial, you will learn:

1. Create a dynamic application that can work in any browser.
2. Understand the differences between AngularJS and other JavaScript frameworks.
3. Learn how AngularJS binds data.
4. Use AngularJS's seed project to quickly create your own project.
5. Create and run the test.
6. Learn more about AngularJS resource identification (API ).

This tutorial guides you through a simple application creation process, including writing and running unit tests and continuously testing applications. Every step of the tutorial provides you with suggestions to learn more about AngularJS and web applications you have created. You may read this tutorial quickly within a short period of time, or you may need to spend a lot of time researching this tutorial. For a brief introduction to AngularJS, see [Quick Start] [Getting Started.

Build a learning environment

You can follow this tutorial to learn programming in Mac, Linux, or Windows. You can use the source code management version control system Git to obtain the source code file of this tutorial project, or directly download the image archive package of the source code file of this tutorial project from the Internet.

1. you need to install Node. js and Testacular to run this project. Please go to Node. download and install the latest version from the official js website, and add the node executable program PATH to the system environment variable PATH. After the installation is complete, run the following command in the command line to check whether the installation is successful:

Copy codeThe Code is as follows:
Node-version

Then install the Testacular unit test program. Run the following command:

Copy codeThe Code is as follows:
Npm install-g testacular

2. Install the Git tool and run the following command to copy the source code file of this Tutorial Project from Github:

Copy codeThe Code is as follows:
Git clone git: // github.com/angular/angular-phonecat.git

You can also download the source code image archive package from the Internet. This command creates a new angular-phonecat folder in your current folder.

3. The last thing to do is ensure that your computer has a web browser and a text editor installed.

4. Go to the tutorial source code package angular-phonecat, run the server background program, and start learning AngularJS!

Copy codeThe Code is as follows:
Cd angular-phonecat
Node scripts/web-server.js