1. Tabriz Software OpenTalks
http://tabrizsoftware.opentalks.co
@saeed_shargi

2. SINGLE PAGE APPLICATION (SPA)

3. SPA FRAMEWORKS

4. SPA EXAMPLE

5. SPA EXAMPLE

6. SPA FEATURES
 Pages not Reload
 Url changed for each page
 Cashing receive data

7. SPATECHNICAL APPROACHES
 JavaScript Frameworks
 AJAX
 Browser Plugins
 DataTransport
 Thin Server Architecture
 Thick Stateful Server Architecture
 Thick Stateless Server Architecture

8. ANGULARJS
 Open Source Javascript Framework
 By Google in 2009 (Miško Hevery and Adam Abrons)
 MIT License
 Written In Javascript
 HelpTo Create SPA With MVC capability and effort to make
both Development and Testing easier
 Available In www.angularjs.org

9. ANGULARJS FEATURES
 Client SideTemplates
 MVC Capability
 Data Binding
 Dependency Injection
 Custom Services
 Custom Directive
 Custom Filter
 Routing

10. ANGULARJS FEATURES
 Validation
 Testing
 Built-in Service For CommunicationWith Server
 Open Source Community

11. ANGULAR NAMESPACE
 ng (core module)
 ngRoute
 ngAnimate
 ngResource
 ngCookies
 ngTouch
 ngSanitize
 ngMock

12. ANGULAR COMPONENTS
 Directives
 Services / Factories
 Filters
 Providers
 Types
 Global APIs

13. NG (CORE MODULE)
DIRECTIVES
 ng-app
 ng-bind
 ng-model
 ng-class
 ng-controller
 ng-repeat
 ng-show & ng-hide
 ng-switch

14. NG (CORE MODULE)
DIRECTIVES
 ng-view
 ng-if
 …

15. NG (CORE MODULE)
SERVICES / FACTORIES
 $compile
 $http
 $location
 etc…

16. NG (CORE MODULE)
FILTERS
 filter
 date
 currency
 lowercase
 uppercase
 etc...

17. NG (CORE MODULE)
GLOBAL APIS
 angular.copy()
 angular.equals()
 angular.element()
 etc...