Professional AngularJS

1 Building a Simple AngularJS Application

WHAT YOU WILL LEARN IN THIS CHAPTER:            

• Creating a new AngularJS application from scratch
• Creating custom controllers, directives, and services
• Communicating with an external API server
• Storing data client-side using HTML5 LocalStorage
• Creating a simple animation with ngAnimate
• Packaging your application for distribution and deployment using GitHub Pages

WROX.COM CODE DOWNLOADS FOR THIS CHAPTER

You can find the wrox.com code downloads for this chapter at http://www.wrox.com/go/proangularjs on the Download Code tab. For added clarity, the code downloads contain an individual directory for each step of the application building guide. The README.md file located in the root directory of the companion code contains additional information for properly utilizing the code for each step of the guide. Those who prefer to use GitHub can find the repository for this application, which includes Git tags for each step of the guide and detailed documentation, by visiting http://github.com/diegonetto/stock-dog.

WHAT YOU ARE BUILDING

The best way to learn AngularJS is to jump directly into a real-world, hands-on application that leverages nearly all key components of the framework. Over the course of this chapter, you will build StockDog, a real-time stock watchlist monitoring and management application. For the unfamiliar, a watchlist in this context is simply an arbitrary grouping of desired stocks that are to be tracked for analytical ...