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
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
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).
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 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
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