Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
AngularJS HTML5 and JavaScript
Malinda Prasad Renien Joseph Presenters
Conclusion Decline of Flash, Silverlight Power of HTML5 and JS
Most client side developers write poor simple JavaScript code Web designers have come to use the object-model But most dev...
Knockout.js WinRT with HTML5/JavaScript canvace.js JS Framework - JavaScript Angular.js Backbone.js Ractive.js Data bindin...
100% 100% Javascript Client Side Introduction of Angular.js Using Angular.js, an open source JavaScript framework have bee...
IT HAPPENS……………... New to Angular.js
IT HAPPENS……………... Confused by directives ?
IT HAPPENS……………... Love the magic and your new productivity ?
IT HAPPENS……………... Angular why a abstract doc?
IT HAPPENS……..usually Enjoying the lovely framework ?
You're bound to encounter Angular in the wild being used on a large project A word of caution
THEN YOU'VE ALREADY MET THE BEAST If you've needed to… (Survival Tips) Organize your files Name your files Lazy-load your ...
View Scope and Controller View Scope Controller
Controller Can add any number of controllers to single page Its limited to scope of that element Scope Controller Routes S...
Structure Config Module Route Views Controller
Thank you
Upcoming SlideShare
Loading in …5
×

Angular js Fundamentals

617 views

Published on

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

Published in: Technology
no profile picture user

  • Be the first to comment

  • Be the first to like this

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

×