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.
Upcoming SlideShare
Web Rebels 2014 in 5 minutes
Web Rebels 2014 in 5 minutes
Loading in …3
×
1 of 23

Isomorphic apps

3

Share

Download to read offline

A short 10 minute presentation about Isomorphic apps at the @Finn_no tech-day.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Isomorphic apps

  1. 1. ISOMORPHI C APPS @andersos
  2. 2. ANDERS OLSEN SANDVIK Front-end developer Team kommunikasjon og deling
  3. 3. WHAT I S I T ? WHY THE HASSEL? I N THE WILD DEMO WHERE TO GET STARTED
  4. 4. WHAT I S I T ?
  5. 5. J a v a s c r i p t c o d e t h a t c a n b e s h a r e d between environments
  6. 6. i-so - mor-phic same form
  7. 7. Charlie Robbins Nodejitsu Scaling Isomorphic Javascript Code http://blog.nodejitsu.com/scaling-isomorphic-javascript-code/ Spike Brehm Airbnb Isomorphic JavaScript: The Future of Web Apps http://nerds.airbnb.com/isomorphic-javascript-future-web- apps/
  8. 8. Old classic web app DOM manipulation A p p l i c a t i o n l o g i c Routing UX View layer P e r s i s e n c e Client (thin) Server (fat) A u t h e n t i c a t i o n
  9. 9. New web app (Backbone Ember Angular) DOM manipulation A p p l i c a t i o n l o g i c Routing UX View layer P e r s i s e n c e Client (fat) Server (thin) A u t h e n t i c a t i o n
  10. 10. Isomorphic (future) app DOM UX ma n i p u l a t i o n A p p l i c a t i o n Vi ew l a y e r l o g i c R o u t i n g P e r s i s e n c e Client (fat) Shared Server (fat) A u t h e n t i c a t i o n
  11. 11. WHY THE HASSEL?
  12. 12. BEST OF BOTH WORLDS PERFORMANCE SEO AND ACCESSIBILITY FLEXIBILITY MAINTAINABILITY INTERACTIVE AND FAST RESPONSE STATEFUL URLS
  13. 13. I N THE WILD
  14. 14. Django and React
  15. 15. Backbone.js and Render
  16. 16. sync client & server
  17. 17. modown
  18. 18. DEMO HTTP://M.AIRBNB.COM
  19. 19. THE ISOMORPHIC SPECTRUM Some view layer & logic shared All view layer & logic shared
  20. 20. environment-agnostic or shimmed per environment
  21. 21. WHERE TO GET STARTED
  22. 22. http://tech.finn.no Alle slides fra tech-dagen kommer på bloggen LA OSS BLOGGE!!! Ingen puser ble skadet i produksjonen av denne presentasjonen. M

×