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.

Hoodie - Webapplikationen ohne backend

1,301 views

Published on

Presentation about the Hoodie JavaScript Ecosystem.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Hoodie - Webapplikationen ohne backend

  1. 1. Webapplikationen ohne Backend - Philipp Müns (Twitter / GitHub) Alexander Wolf (Twitter / GitHub)
  2. 2. Agenda • Was ist Hoodie? • Offline First • Dreamcode • noBackend • Live Coding mit Philipp • Wie funktioniert Hoodie? • Ausblick
  3. 3. Was ist Hoodie?
  4. 4. Was ist Hoodie? • Hoodie ist ein Offline First und noBackend Frontend Framework für Web und iOS Apps.
  5. 5. Offline First
  6. 6. Offline First • Flugzeug, Zug, Afrika —> offline • App arbeitet offline und synct im Hintergrund
  7. 7. Dreamcode
  8. 8. Dreamcode • normalerweise wird API vom Backend vorgegeben • Frontend Entwickler beschreibt Backend Funktionen —> Dreamcode • Vorteile: flexibel, simpel, Frontend Driven (Entwickler konzentriert sich auf Frontend)
  9. 9. Dreamcode • $('#signUpForm').submit(function (event) { 
 event.preventDefault()
 
 var username = $('#signUpUsername').val()
 var password = $('#signUpPassword').val()
 
 hoodie.account.signUp(username, password)
 .done(sayThanks)
 .fail(showError)
 });
  10. 10. Dreamcode • /*$(‘#signUpForm‘).submit(function (event) { 
 event.preventDefault()
 
 var username = $('#signUpUsername').val()
 var password = $(’#signUpPassword’).val()*/
 
 hoodie.account.signUp(username, password)
 /*.done(sayThanks)
 .fail(showError)
 });*/
  11. 11. noBackend
  12. 12. noBackend • heißt nicht „kein Backend“ • keine Gedanken um das Backend machen • nutzen API für Backend • Dreamcode
  13. 13. Live Coding mit Philipp
  14. 14. Wie funktioniert Hoodie?
  15. 15. Vorteile • Offline First • kein Registrieren nötig • sehr schnell • funktioniert auch Offline • noBackend • schnelle Entwicklung • keine Kopfschmerzen für Frontend Entwickler
  16. 16. Ausblick • Developer Preview • Payment Module • One-click Hosting/ Deployment Solutions • user friendly enough for non-developers
  17. 17. Weiterführende Links • http://hood.ie/ • http://blog.hood.ie/2014/05/talks-about-hoodie- offlinefirst-nobackend-dreamcode-hoodie-related- topics/ • http://nobackend.org/ • http://offlinefirst.org/
  18. 18. Quellen • http://hood.ie/ • http://blog.hood.ie/2014/05/talks-about-hoodie- offlinefirst-nobackend-dreamcode-hoodie-related- topics/ • http://nobackend.org/ • http://offlinefirst.org/

×