angularjs - toruń jug · angularjs 27.2k 800 ngmodules 49.5k —75k 928 1 50k backbone.js 18.8k...
TRANSCRIPT
![Page 1: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/1.jpg)
AngularJSAngularJS
![Page 2: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/2.jpg)
UI for Java apps?UI for Java apps?
Server-assisted MVCServer-assisted MVC
![Page 3: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/3.jpg)
Asynchronous web applicationsAsynchronous web applications
![Page 4: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/4.jpg)
Asynchronous web in Java?Asynchronous web in Java?
AppletsApplets
![Page 5: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/5.jpg)
Web evolutionWeb evolution
![Page 6: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/6.jpg)
Web evolutionWeb evolution
![Page 7: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/7.jpg)
Comparison
![Page 8: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/8.jpg)
DemosDemos
![Page 9: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/9.jpg)
DirectivesDirectives
● ngShowngShow● ngHidengHide● ngSwitchngSwitch
● More: More: https://docs.angularjs.org/api/ng/directive/https://docs.angularjs.org/api/ng/directive/● Even more: Even more: http://ngmodules.org/http://ngmodules.org/
![Page 10: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/10.jpg)
AnimationsAnimations
● http://www.nganimate.org/angularjs/ng-repeathttp://www.nganimate.org/angularjs/ng-repeat
![Page 11: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/11.jpg)
QdrinQdrin
● cachingcaching
● history APIhistory API
● routingrouting
![Page 12: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/12.jpg)
Performance optimizationsPerformance optimizations
● One-time binding syntax {{ ::value }}One-time binding syntax {{ ::value }}
http://www.binpress.com/tutorial/speeding-up-angular-js-with-simple-optimizations/135
● Object.observe() (Chrome36)Object.observe() (Chrome36)
http://www.html5rocks.com/en/tutorials/es7/observe/
● Don't use ng-directivesDon't use ng-directives
![Page 13: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/13.jpg)
Future: WebComponentsFuture: WebComponents
● custom elementscustom elements● shadow DOMshadow DOM● templatestemplates● HTML importsHTML imports
● AngularJS 2.0AngularJS 2.0
![Page 14: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/14.jpg)
SOFEASOFEAService Oriented Front-end ArchitectureService Oriented Front-end Architecture
![Page 15: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/15.jpg)
SOFEASOFEA
● Web CachingWeb Caching
● Stateful Client - Stateless ServerStateful Client - Stateless Server
● Edge caching (CDN)Edge caching (CDN)
● No session timeouts and replicationNo session timeouts and replication
● SOA compatible (SOA compatible (www.programmableweb.comwww.programmableweb.com))
![Page 16: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/16.jpg)
LinksLinks
● SOFEA, AJAX, Full-JAX and the Death of Half-JAX● AngularJS● Angular modules● Qdrin● Web Components
![Page 17: AngularJS - Toruń JUG · AngularJS 27.2k 800 ngmodules 49.5k —75k 928 1 50k Backbone.js 18.8k 236 backplugs 15.9k —16k 230 7k Ember.js 11k 21 emberaddons 11.2k —6k 393 38.3k](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed05f163850d57a7f0fea3c/html5/thumbnails/17.jpg)
QuestionsQuestions