Angular series------ANGULARJS Introductory Tutorial: Introduction and Preparation (reprint)

Source: Internet
Author: User
Tags install node

A good way to learn angularjs is to step through this tutorial, which will guide you through building a complete ANGULARJS Web application. The Web App is a list of directories for an Android device inventory, and you can filter the list to see the devices you're interested in, and then view the device details.

This tutorial will show you how Angularjs makes Web apps smarter and more flexible, and doesn't require a variety of extensions or plugins. With this tutorial, you will:

    1. Read the sample to learn how to use Angularjs's client data binding and dependency injection to build a dynamic Data view that responds to user actions immediately.
    2. Learn how to use ANGULARJS to create a data listener without DOM manipulation.
    3. Learn a better and simpler way to test your Web application.
    4. Learn how to use Angularjs to create common web tasks, such as making it easier to bring data into your application.

And all of this can be implemented in any browser, without the need to configure a browser!

When you have completed this tutorial, you will learn to:

    1. Create a dynamic app that can work in any browser.
    2. Learn the difference between Angularjs and other JavaScript frameworks.
    3. Learn how Angularjs implements data binding.
    4. Use Angularjs's Seed project to quickly create your own projects.
    5. Create and run tests.
    6. Learn more Angularjs Identity Resources (APIs).

This tutorial will guide you through a simple application creation process, including writing and running unit tests, and constantly testing your applications. Each step of the tutorial provides you with suggestions for more information about ANGULARJS and the Web application that you created. You may be able to read this tutorial quickly in a short period of time, or you may need to spend a lot of time delving into this tutorial. If you want to see a short Angularjs introduction document, see the [Quick start] [Getting Started] documentation.

Building a learning environment

You can follow this tutorial to learn programming, whether it's in a Mac, Linux, or Windows environment. You can use the source control versioning system git to get the source code files for this tutorial project, or to download the mirrored archive compression package for this tutorial project source files directly from the Web.

  1. You need to install node. js and Testacular to run the project, download and install the latest version of the node. JS official website, then add the node executable path to the system environment variable and PATH run the command at the command line to see if the installation was successful:

    node -version

    Then install the Testacular Unit test program, run the following command:

    npm install -g testacular
  2. Install the Git tool and copy the source code files for this tutorial project from GitHub using the following command:

    git clone git://github.com/angular/angular-phonecat.git

    You can also download the image archive package for the source code of this tutorial project directly from the Web. This command creates a new folder in your current folder angular-phonecat .

  3. The last thing to do is make sure 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 daemon, start learning angularjs!

    cd angular-phonecatnode scripts/web-server.js

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.