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

1. AngularJS
HTML5 and JavaScript

2. Malinda Prasad Renien Joseph
Presenters

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

7. IT HAPPENS……………...
New to Angular.js

8. IT HAPPENS……………...
Confused by directives ?

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

16. Structure
Config
Module
Route
Views Controller

17. Thank you