Successfully reported this slideshow.

Angular js Fundamentals

1

Share

Loading in …3
×
1 of 17
1 of 17

Angular js Fundamentals

1

Share

Download to read offline

Introduction to Angular JS [2014-06-19]

During the session live implementation was shown to explain Angular components :
https://github.com/Renien/angularjs-fundamentals-demo

Introduction to Angular JS [2014-06-19]

During the session live implementation was shown to explain Angular components :
https://github.com/Renien/angularjs-fundamentals-demo

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

Angular js Fundamentals

  1. 1. AngularJS HTML5 and JavaScript
  2. 2. Malinda Prasad Renien Joseph Presenters
  3. 3. Conclusion Decline of Flash, Silverlight Power of HTML5 and JS
  4. 4. Most client side developers write poor simple JavaScript code Web designers have come to use the object-model But most developers do not realize that JavaScript has a powerful object oriented capability in it's own right. While not strongly typed, this interpreted language can support sophisticated object-oriented paradigms including: •Encapsulation •Polymorphism •Inheritance OOP X
  5. 5. Knockout.js WinRT with HTML5/JavaScript canvace.js JS Framework - JavaScript Angular.js Backbone.js Ractive.js Data binding Impact.js Three.js kinetic.js Game Programming Server node.js jaggery.js
  6. 6. 100% 100% Javascript Client Side Introduction of Angular.js Using Angular.js, an open source JavaScript framework have been developed that enable and gives an extreme freedom to client-side developers to build powerful SPA (Single Page Application).
  7. 7. IT HAPPENS……………... New to Angular.js
  8. 8. IT HAPPENS……………... Confused by directives ?
  9. 9. IT HAPPENS……………... Love the magic and your new productivity ?
  10. 10. IT HAPPENS……………... Angular why a abstract doc?
  11. 11. IT HAPPENS……..usually Enjoying the lovely framework ?
  12. 12. You're bound to encounter Angular in the wild being used on a large project A word of caution
  13. 13. THEN YOU'VE ALREADY MET THE BEAST If you've needed to… (Survival Tips) Organize your files Name your files Lazy-load your code Serialize application state to the URL Derive application state from the URL Manage a Model Layer Do smart caching Work with a RESTful interface (for real) Use a 3rd-party lib with Angular
  14. 14. View Scope and Controller View Scope Controller
  15. 15. Controller Can add any number of controllers to single page Its limited to scope of that element Scope Controller Routes Scope ng-models directives can use as properties can add any properties/function from controller Routes Route is used for native in SPA Factory Factory is used as data provider Factory
  16. 16. Structure Config Module Route Views Controller
  17. 17. Thank you

×