Coding the dream

Coding the dream

getting started with Hoodie, Offline First and noBackend

with speakernotes:
//https://docs.google.com/presentation/d/1Lrm3HZvw8jRSs2J0KZ5RMxofMyRECJRzVYMwZKNM6Cw/edit?usp=sharing

codefront.io

Cb5e0122cf03f4abd8062ba7ab44cf33?s=128

Ola Gasidlo

May 10, 2014
Tweet

Transcript

  1. Coding the dream getting started with Hoodie, Offline First and

    noBackend 2014.codefront.io
  2. Ola Gasidlo - Javascript & Frontend Developer for 10 years

    - Core Member of Team Hood.ie - Organizer of OpenTechSchool Dortmund twitter@misprintedtype
  3. The internet turned 25 this year!

  4. We grew up.

  5. None
  6. Tell me...

  7. None
  8. None
  9. “WE CAN’T KEEP BUILDING APPS WITH THE DESKTOP MINDSET OF

    PERMANENT, FAST CONNECTIVITY, WHERE A TEMPORARY DISCONNECTION OR SLOW SERVICE IS REGARDED AS A PROBLEM AND COMMUNICATED AS AN ERROR.”
  10. None
  11. The internet turned 25 this year!

  12. The internet empowered us!

  13. 1. idea 2. backend? 3. help! 4. the search... 5.

    giving up :(
  14. ?

  15. None
  16. 1. sign up 2. administrate 3. save & load data

    4. share 5. send 1-2 emails 6. pay
  17. account.signIn(‘username’, ‘password’);

  18. http://hood.ie / http://offlinefirst.org/

  19. $ hoodie new todoList $ cd todoList $ hoodie start

  20. hoodie new appName -t “zoepage/hoodie-moufle”

  21. <!-- jQuery dependency --> <script src="assets/vendor/jquery-2.1.0.min.js"></script> <!-- Load the dynamic

    version of hoodie.js --> <script src="/_api/_files/hoodie.js"></script> <!-- your script --> <script src=”assets/js/main.js”></script> // index.html
  22. // initialize Hoodie var hoodie = new Hoodie() // main.js

  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. user account

  39. hoodie.account.signUp(‘username‘, ‘password’); // main.js

  40. store data

  41. hoodie.store.add(‘conference’, { title: “codefront.io”, level: “super AWESOME!” }); // main.js

  42. load data

  43. hoodie.store.findAll(‘conference’).done( function(confs) { // put all the confs in the

    DOM }); // main.js
  44. store on event

  45. hoodie.store.on(‘conference:add’, function(confs) { // add the new conf item to

    the DOM }); // main.js
  46. send email

  47. hoodie.email.send({ to: ‘user@mai.com’, subject: ‘I <3 codefront’, body: ‘It is

    awesome. You should come!’ }); // main.js
  48. The internet turned 25 this year!

  49. None
  50. Plugins

  51. Tutorial & Template espy/hoodie-plugin-tutorial hoodiehq/hoodie-plugin-template

  52. https://www.npmjs.org/search?q=hoodie-plugin npm install hoodie-plugin

  53. None
  54. None
  55. None
  56. hoodie <3 you @misprintedtype / @hoodiehq with speakernotes: https://docs.google.com/presentation/d/1Lrm3HZvw8jRSs2J0KZ5RMxofMyRECJRzVYMwZKNM6Cw/edit?usp=sharing