AngularJS

Chapter 3. Developing in AngularJS

By now we have delved a little bit into the cogs that make up AngularJS. We now know how to get data from the user into our application, how to display text, and how to do some funky stuff with validation, filtering, and even changing the DOM. But how do we put it all together?

In this chapter, we will cover:

• How to lay out your AngularJS app for rapid development
• Starting your server to see your AngularJS app in action
• Writing and running your unit and scenario tests using Karma
• Compiling and minifying your AngularJS app for production deployment
• Debugging your AngularJS app using Batarang
• Simplifying your development workflow (from creating new files to running your application and tests)
• Integrating your AngularJS project with RequireJS, a dependency management library

This chapter aims to give you a 20,000-foot view of how to possibly lay out your AngularJS app. We won’t go into the actual app itself. That is for Chapter 4, which dives into a sample application that uses and shows off various AngularJS features.

If you don’t care about any of these tools or about project organization, you can completley skip that particular section. The rest of the book will be focusing on AngularJS specific features, and will not refer to most of these again. We will refer to Yeoman quite a bit in the next section, but the general structure remains the same, even if you don’t use Yeoman.

Project Organization

We recommend seeding your project using Yeoman ...