Angular Zen
Batarang
Batarang is a Chrome developer tool extension for inspecting the AngularJS web
applications. Batarang is very handy for visualizing and examining the runtime
characteristics of AngularJS applications. We are going to use it extensively in this
book to peek under the hood of a running application. Batarang can be installed
from the Chrome's Web Store (AngularJS Batarang) as any other Chrome extension.
Plunker and jsFiddle
Both Plunker (http://plnkr.co) and jsFiddle (http://jsfiddle.net) make it
very easy to share live-code snippets (JavaScript, CSS, and HTML). While those tools
are not strictly reserved for usage with AngularJS, they were quickly adopted by the
AngularJS community to share the small-code examples, scenarios to reproduce
bugs, and so on. Plunker deserves special mentioning as it was written in AngularJS,
and is a very popular tool in the community.
IDE extensions and plugins
Each one of us has a favorite IDE or an editor. The good news is that there are
existing plugins/extensions for several popular IDEs such as Sublime Text 2
(https://github.com/angular-ui/AngularJS-sublime-package), Jet Brains'
products (http://plugins.jetbrains.com/plugin?pr=idea&pluginId=6971),
and so on.
AngularJS crash course
Now that we know where to find the library sources and their accompanying
documentation, we can start writing code to actually see AngularJS in action.
This section of the book lays the foundation for the subsequent chapters by
covering AngularJS templates, modularity, and dependency injection. Those
are the basic building blocks of any AngularJS web application.
Hello World – the AngularJS example
Let's have a look at the typical "Hello, World!" example written in AngularJS to
get the first impression of the framework and the syntax it employs.
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/
angular.js"></script>
</head>