Third Mind | AngularJS by Google
2455
post-template-default,single,single-post,postid-2455,single-format-standard,ajax_leftright,page_not_loaded,,qode-title-hidden,side_area_uncovered_from_content,transparent_content,qode-child-theme-ver-1.0.0,qode-theme-ver-10.0,wpb-js-composer js-comp-ver-4.12,vc_responsive

AngularJS by Google

HTML enhanced for web apps!

HTML enhanced for web apps!


AngularJS is an open-source JavaScript framework, maintained by Google, that assists with running single-page applications. Its goal is to augment browser-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.

The library reads in HTML that contains additional custom tag attributes; it then obeys the directives in those custom attributes, and binds input or output parts of the page to a model represented by standard JavaScript variables. The values of those JavaScript variables can be manually set, or retrieved from static or dynamic JSON resources. Learn More

Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

@sbegaudeau posted an AngularJS 101 Slideshare Presentation; everything you need to know to get started. See recap below or go directly to his Slideshare.

Directives: What HTML would have been, had it been designed for building Web-apps.
Data Binding: Connect your models and your views.
Filters: Change the way your expressions are displayed.
Partial Views: Single page Web applications at best.
Modules: The structure of your application.
Dependency Injection: building a testable and maintainable application.
Configure the Module: Binding routes, views, and controllers.
Controllers: Data provider for our views.
Scope: The backbone of the views.
Services: Utility components of your application.

Here’s a helpful tip; You should never manipulate the DOM from a controller.
And here are a few helpful tools; Batarang, Bower, Grunt, Yeoman, Karma, Angular-UI, Restangular and last, but not least, here are five practical examples to help you learn AngularJS. Enjoy!