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

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.
6. Tell me...
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.”
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. ?
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
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!
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
56. hoodie <3 you @misprintedtype / @hoodiehq with speakernotes: https://docs.google.com/presentation/d/1Lrm3HZvw8jRSs2J0KZ5RMxofMyRECJRzVYMwZKNM6Cw/edit?usp=sharing