SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
3.
Conclusion
Decline of Flash, Silverlight
Power of HTML5 and JS
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.
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.
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).
9.
IT HAPPENS……………...
Love the magic and your new
productivity ?
10.
IT HAPPENS……………...
Angular why a abstract doc?
11.
IT HAPPENS……..usually
Enjoying the lovely framework ?
12.
You're bound to encounter Angular in the
wild being used on a large project
A word of caution
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.
View Scope and Controller
View Scope Controller
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