Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Do you really want to delete this prezi?
Neither you, nor the coeditors you shared it with will be able to recover it again.
Make your likes visible on Facebook?
You can change this under Settings & Account at any time.
Transcript of teatime 2013
Passionate Software Developer Backend<->frontend
(HTML on the backend) Backend<->frontend
(progressive enhacement) Always think about the latency when using Internet as the gateway between the browser and the backend
source: http://pinkunderbelly.files.wordpress.com/2011/03/gypsy-fortune-teller.jpg Case study: AssisDent5 Most comprehensive and easy-to-use dental care application by Entteri Oy AssisDent5 Backend Table of contents Single-page application?
Backbone.js & Marionette.js
Problems & solutions
That's all folks ASP.NET Web API
Windows Azure Frontend Customer specific ui solutions
Twitter bootstrap Cross-origin resource sharing Backend<->frontend (Single-page architecture) Existing backend + backbone.js Source:http://www.columbia.edu/cu/computinghistory/a04.jpg Source: http://www.ww2incolor.com/news/images/1221.jpg Managing custom stack is similar to trying to get the right blocks in tetris.
WHY? User experience
Security HOW Source: http://www.murraymitchell.com/wp-content/uploads/2011/06/world_war_2_paratroopers_landing_on_dropzone.jpg Backbone.js (OK parts) Rest API communication
Extensibility -> jQuery
So small you know what's happening under the hood Backbone.js it's a library (bad parts) Marionette.js "Composite application library for Backbone.js that aims to simplify
Developer know-how Summary Embrace change Thank you Questions? Scale applications out with modular, event driven architecture
Easy to modify to make it work with your application's specific needs
Reduce boilerplate for views, with specialized view types
Built-in memory management and zombie killing in views, regions and layouts github Stargazers Backbone.js: 13351
Marionette.js: 2521 Forks Backbone.js: 2471
Marionette.js: 39 Automate easily the boring tasks -> minification
... and more Bower package manager for the web mocha + wd.js + phantomJs + selenium Integration testing selenium + cloud Look and feel -> manual testing Checklist API design
Minimication & Gzipping
Avoiding view re-rendering
Technology choices Kaizen mentality Build your own stack based on YOUR needs
-> keep it up-to-date Source: http://swittersb.files.wordpress.com/2012/07/cave-coast.jpg Timo Lyytinen
+358 40 5554598
timo.lyytinen(at)vincit.fi Missing -> Two-way data binding
Ui components backbone.stickit
jasmine, mocha, ...
jQuery, bootstrap, ... Application structure & architecture
Routing Backbone.js Stagnated functionality