2011-06-06 15:50:35 +00:00
|
|
|
@ngdoc overview
|
|
|
|
|
@name Developer Guide: Introduction
|
|
|
|
|
@description
|
|
|
|
|
|
|
|
|
|
Angular is pure client-side technology, written entirely in JavaScript. It works with the
|
2012-02-28 22:59:53 +00:00
|
|
|
long-established technologies of the web (HTML, CSS, and JavaScript) to make the development of
|
|
|
|
|
web apps easier and faster than ever before.
|
2011-06-06 15:50:35 +00:00
|
|
|
|
2012-09-26 13:30:55 +00:00
|
|
|
One important way that Angular simplifies web development is by increasing the level of abstraction
|
2011-06-06 15:50:35 +00:00
|
|
|
between the developer and most low-level web app development tasks. Angular automatically takes
|
|
|
|
|
care of many of these tasks, including:
|
|
|
|
|
|
2012-02-28 22:59:53 +00:00
|
|
|
* DOM Manipulation
|
|
|
|
|
* Setting Up Listeners and Notifiers
|
|
|
|
|
* Input Validation
|
2011-06-06 15:50:35 +00:00
|
|
|
|
2012-09-26 13:30:55 +00:00
|
|
|
Because Angular handles much of the work involved in these tasks, developers can concentrate more
|
2011-06-06 15:50:35 +00:00
|
|
|
on application logic and less on repetitive, error-prone, lower-level coding.
|
|
|
|
|
|
2012-09-26 13:30:55 +00:00
|
|
|
At the same time that Angular simplifies the development of web apps, it brings relatively
|
2011-06-06 15:50:35 +00:00
|
|
|
sophisticated techniques to the client-side, including:
|
|
|
|
|
|
2012-02-28 22:59:53 +00:00
|
|
|
* Separation of data, application logic, and presentation components
|
|
|
|
|
* Data Binding between data and presentation components
|
|
|
|
|
* Services (common web app operations, implemented as substitutable objects)
|
|
|
|
|
* Dependency Injection (used primarily for wiring together services)
|
|
|
|
|
* An extensible HTML compiler (written entirely in JavaScript)
|
|
|
|
|
* Ease of Testing
|
2011-06-06 15:50:35 +00:00
|
|
|
|
|
|
|
|
These techniques have been for the most part absent from the client-side for far too long.
|
|
|
|
|
|
|
|
|
|
## Single-page / Round-trip Applications
|
|
|
|
|
|
2012-09-26 13:30:55 +00:00
|
|
|
You can use Angular to develop both single-page and round-trip apps, but Angular is designed
|
2011-06-06 15:50:35 +00:00
|
|
|
primarily for developing single-page apps. Angular supports browser history, forward and back
|
|
|
|
|
buttons, and bookmarking in single-page apps.
|
|
|
|
|
|
2012-09-26 13:30:55 +00:00
|
|
|
You normally wouldn't want to load Angular with every page change, as would be the case with using
|
|
|
|
|
Angular in a round-trip app. However, it would make sense to do so if you were adding a subset of
|
|
|
|
|
Angular's features (for example, templates to leverage angular's data-binding feature) to an
|
2011-06-06 15:50:35 +00:00
|
|
|
existing round-trip app. You might follow this course of action if you were migrating an older app
|
2012-09-26 13:30:55 +00:00
|
|
|
to a single-page Angular app.
|
