Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Tabriz Software OpenTalks
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
SPATECHNICAL APPROACHES
 JavaScript Frameworks
 AJAX
 Browser Plugins
 DataTransport
 Thin Server Architecture
 Thic...
ANGULARJS
 Open Source Javascript Framework
 By Google in 2009 (Miško Hevery and Adam Abrons)
 MIT License
 Written In...
ANGULARJS FEATURES
 Client SideTemplates
 MVC Capability
 Data Binding
 Dependency Injection
 Custom Services
 Custo...
ANGULARJS FEATURES
 Validation
 Testing
 Built-in Service For CommunicationWith 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-...
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...
Upcoming SlideShare
Loading in …5
×

AngularJs

1,178 views

Published on

Published in: Technology
  • Be the first to comment

AngularJs

  1. 1. Tabriz Software OpenTalks http://tabrizsoftware.opentalks.co @saeed_shargi
  2. 2. SINGLE PAGE APPLICATION (SPA)
  3. 3. SPA FRAMEWORKS
  4. 4. SPA EXAMPLE
  5. 5. SPA EXAMPLE
  6. 6. SPA FEATURES  Pages not Reload  Url changed for each page  Cashing receive data
  7. 7. SPATECHNICAL APPROACHES  JavaScript Frameworks  AJAX  Browser Plugins  DataTransport  Thin Server Architecture  Thick Stateful Server Architecture  Thick Stateless Server Architecture
  8. 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. 9. ANGULARJS FEATURES  Client SideTemplates  MVC Capability  Data Binding  Dependency Injection  Custom Services  Custom Directive  Custom Filter  Routing
  10. 10. ANGULARJS FEATURES  Validation  Testing  Built-in Service For CommunicationWith Server  Open Source Community
  11. 11. ANGULAR NAMESPACE  ng (core module)  ngRoute  ngAnimate  ngResource  ngCookies  ngTouch  ngSanitize  ngMock
  12. 12. ANGULAR COMPONENTS  Directives  Services / Factories  Filters  Providers  Types  Global APIs
  13. 13. NG (CORE MODULE) DIRECTIVES  ng-app  ng-bind  ng-model  ng-class  ng-controller  ng-repeat  ng-show & ng-hide  ng-switch
  14. 14. NG (CORE MODULE) DIRECTIVES  ng-view  ng-if  …
  15. 15. NG (CORE MODULE) SERVICES / FACTORIES  $compile  $http  $location  etc…
  16. 16. NG (CORE MODULE) FILTERS  filter  date  currency  lowercase  uppercase  etc...
  17. 17. NG (CORE MODULE) GLOBAL APIS  angular.copy()  angular.equals()  angular.element()  etc...

×