Presentation about the Hoodie JavaScript Ecosystem.

1. Webapplikationen ohne Backend
-
Philipp Müns (Twitter / GitHub)
Alexander Wolf (Twitter / GitHub)

2. Agenda
• Was ist Hoodie?
• Offline First
• Dreamcode
• noBackend
• Live Coding mit Philipp
• Wie funktioniert Hoodie?
• Ausblick

3. Was ist Hoodie?

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

5. Offline First

6. Offline First
• Flugzeug, Zug, Afrika —> offline
• App arbeitet offline und synct im Hintergrund

7. Dreamcode

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. 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. 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. noBackend

12. noBackend
• heißt nicht „kein Backend“
• keine Gedanken um das Backend machen
• nutzen API für Backend
• Dreamcode

15. Live Coding
mit Philipp

16. Wie funktioniert
Hoodie?

23. Vorteile
• Offline First
• kein Registrieren nötig
• sehr schnell
• funktioniert auch Offline
• noBackend
• schnelle Entwicklung
• keine Kopfschmerzen für Frontend Entwickler

24. Ausblick
• Developer Preview
• Payment Module
• One-click Hosting/
Deployment Solutions
• user friendly enough for
non-developers

25. 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/

26. 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/