Tabriz Software Open Talks

http://tabrizsoftware.opentalks.co

@saeed_shargi

SINGLE PAGE APPLICATION (SPA)

SPA FRAMEWORKS

SPA EXAMPLE

SPA EXAMPLE

SPA FEATURES

Pages not Reload

Url changed for each page

Cashing receive data

SPA TECHNICAL APPROACHES

JavaScript Frameworks

AJAX

Browser Plugins

Data Transport

Thin Server Architecture

Thick Stateful Server Architecture

Thick Stateless Server Architecture

ANGULARJS

Open Source Javascript Framework

By Google in 2009 (Miško Hevery and Adam Abrons)

MIT License

Written In Javascript

Help To Create SPA With MVC capability and effort to make both Development and Testing easier

Available In www.angularjs.org

ANGULARJS FEATURES

Client Side Templates

MVC Capability

Data Binding

Dependency Injection

Custom Services

Custom Directive

Custom Filter

Routing

ANGULARJS FEATURES

Validation

Testing

Built-in Service For Communication With Server

Open Source Community

ANGULAR NAMESPACE

ng (core module)

ngRoute

ngAnimate

ngResource

ngCookies

ngTouch

ngSanitize

ngMock

ANGULAR COMPONENTS 

Directives

Services / Factories

Filters

Providers

Types

Global APIs

NG (CORE MODULE)DIRECTIVES

ng-app

ng-bind

ng-model

ng-class

ng-controller

ng-repeat

ng-show & ng-hide

ng-switch

NG (CORE MODULE)DIRECTIVES

ng-view

ng-if

…

NG (CORE MODULE)SERVICES / FACTORIES

$compile

 $http

 $location

etc…

NG (CORE MODULE)FILTERS

filter

date

currency

lowercase

uppercase

etc...

NG (CORE MODULE)GLOBAL APIS

angular.copy()

angular.equals()

angular.element()

etc...