AngularJS

HTML5 and JavaScript

Malinda Prasad Renien Joseph

Presenters

ConclusionDecline 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 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

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

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

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 filesLazy-load your code

Serialize application state to the URLDerive application state from the URL

Manage a Model LayerDo smart caching

Work with a RESTful interface (for real)Use a 3rd-party lib with Angular

View Scope and Controller

View Scope Controller

ControllerCan add any number of controllers to single pageIts limited to scope of that element Scope

Controller

Routes

Scopeng-models directives can use as properties can add any properties/function from controller

RoutesRoute is used for native in SPA

FactoryFactory is used as data provider Factory

Structure

Config

Module

Route

Views Controller

Thank you