Hoodie - Webapplikationen ohne backend

Webapplikationen ohne Backend -

Philipp Müns (Twitter / GitHub) Alexander Wolf (Twitter / GitHub)

Agenda• Was ist Hoodie?

• Offline First

• Dreamcode

• noBackend

• Live Coding mit Philipp

• Wie funktioniert Hoodie?

• Ausblick

Was ist Hoodie?

Was ist Hoodie?

• Hoodie ist ein Offline First und noBackend Frontend Framework für Web und iOS Apps.

Offline First

Offline First

• Flugzeug, Zug, Afrika —> offline

• App arbeitet offline und synct im Hintergrund

Dreamcode

Dreamcode

• normalerweise wird API vom Backend vorgegeben

• Frontend Entwickler beschreibt Backend Funktionen —> Dreamcode

• Vorteile: flexibel, simpel, Frontend Driven (Entwickler konzentriert sich auf Frontend)

Dreamcode• $('#signUpForm').submit(function (event) {

event.preventDefault() var username = $('#signUpUsername').val() var password = $('#signUpPassword').val() hoodie.account.signUp(username, password) .done(sayThanks) .fail(showError)});

Dreamcode• /*$(‘#signUpForm‘).submit(function (event) {

event.preventDefault() var username = $('#signUpUsername').val() var password = $(’#signUpPassword’).val()*/ hoodie.account.signUp(username, password) /*.done(sayThanks) .fail(showError)});*/

noBackend

noBackend

• heißt nicht „kein Backend“

• keine Gedanken um das Backend machen

• nutzen API für Backend

• Dreamcode

Live Coding mit Philipp

Wie funktioniert Hoodie?

Vorteile• Offline First

• kein Registrieren nötig

• sehr schnell

• funktioniert auch Offline

• noBackend

• schnelle Entwicklung

• keine Kopfschmerzen für Frontend Entwickler

Ausblick• Developer Preview

• Payment Module

• One-click Hosting/Deployment Solutions

• user friendly enough for non-developers

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/

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/