AngularJS

A brief look at the new javascript MVC framework.

Transcript

1. AngularJS Jaideep Singh
2. Why MVC Problem with jQuery Maintainability Structure and organization
3. When do you need MVC API based communication Complex user interactions/DOM manipulations Single page apps (reduced requests)
4. AngularJS (View)
5. AngularJS (Module & Controller ) role-module.js list-role-controller.js
6. AngularJS (Module & Controller ) role-module.js list-role-controller.js list.html
7. AngularJS (View)
8. Directory structure
9. Useful stuff Built-in HTML template engine Declarative, uses view to derive behavior (inline with HTML5) 2-way data binding Built-in filters to query over data sets Model change listeners Dependency injection Out of the box support for REST Built-in selector engine (jQuery not required) Live access to Angular data models via Batarang extension
10. In essence Organized & testable JavaScript Reusable behavior via directives HTML partials contributing to reuse and code organization Including any 3rd party (jQuery, etc) plugin needs an angular interface Minimal custom DOM manipulation (Profit!) Documentation is good, can be improved & updated more often
11. Bonus Underscore.js
12. Thanks! @_jaideep