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

609 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
  • 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

×