Hoodie at Glasgow JS

Site: http://hood.ie
Video: http://www.youtube.com/watch?v=ySfgrcQegGU
Notes: http://decadecity.net/blog/2013/08/06/jan-lehnardt-very-fast-development-hoodie (by @decadecity)

Thanks to Glasgow JS for hosting me.

They are always looking for speakers, you should get in touch!

Transcript

1. GLASGOW JS / 06.08.2013 Wednesday, August 7, 13
2. Alex @espylaub Caolan @caolan Gregor @gr2m Jan @janl Lena @ffffux Sven @svenlito Wednesday, August 7, 13
3. ? Wednesday, August 7, 13
4. Wednesday, August 7, 13
5. Wednesday, August 7, 13
6. Wednesday, August 7, 13
7. Wednesday, August 7, 13
8. $ git push heroku master Wednesday, August 7, 13
9. Wednesday, August 7, 13
10. Wednesday, August 7, 13
11. 1. Build the backend yourself Wednesday, August 7, 13
12. 1. Build the backend yourself 2. Get someone else to do it Wednesday, August 7, 13
13. 1. Build the backend yourself 2. Get someone else to do it 3. Give up Wednesday, August 7, 13
14. Wednesday, August 7, 13
15. Wednesday, August 7, 13
16. 1. Sign up users 2. Be able to admin them easily 3. Let them save and load data 4. Let them share it or make it public 5. Maybe send an email or two 6. Let them pay me for the service. Wednesday, August 7, 13
17. 1. Sign up users 2. Be able to admin them easily 3. Let them save and load data 4. Let them share it or make it public 5. Maybe send an email or two 6. Let them pay me for the service. Wednesday, August 7, 13
18. 1. Sign up users 2. Be able to admin them easily 3. Let them save and load data 4. Let them share it or make it public 5. Maybe send an email or two 6. Let them pay me for the service. Wednesday, August 7, 13
19. $('.something').addClass('blah'); Wednesday, August 7, 13
20. account.signUp('username', 'password'); Wednesday, August 7, 13
21. hoodie.account.signUp('username', 'password'); Wednesday, August 7, 13
22. 1. Build a data-driven web app over a weekend 2. With a library that's as simple to use as jQuery 3. Start charging on Monday 4. Don't worry about the backend Wednesday, August 7, 13
23. Wednesday, August 7, 13
24. Wednesday, August 7, 13
25. $ hoodie new todolist $ cd todolist $ hoodie start Wednesday, August 7, 13
26. var hoodie = new Hoodie(); Wednesday, August 7, 13
27. hoodie.account.signUp('username', 'password'); Wednesday, August 7, 13
28. hoodie.account.signOut('username'); Wednesday, August 7, 13
29. hoodie.account.signIn('username', 'password'); Wednesday, August 7, 13
30. hoodie.account.signInWith('github'); Wednesday, August 7, 13
31. hoodie.store.add('todo', { title: "Try hoodie", completed: false }); Wednesday, August 7, 13
32. hoodie.store.findAll('todo').done( function(todos){ // put all the todos in the DOM } ); Wednesday, August 7, 13
33. DATA STORE EVENTS Wednesday, August 7, 13
34. hoodie.store.on('add:todo', function(todo){ // Add the new todo to the DOM } ); Wednesday, August 7, 13
35. hoodie.store.on('add:todo', function(todo){ // Add the new todo to the DOM } ); Wednesday, August 7, 13
36. hoodie.store.on('update:todo', function(todo){ // Add the new todo to the DOM } ); Wednesday, August 7, 13
37. hoodie.store.on('delete:todo', function(todo){ // Add the new todo to the DOM } ); Wednesday, August 7, 13
38. OFFLINE BY DEFAULT Wednesday, August 7, 13
39. THE NEAR FUTURE Wednesday, August 7, 13
40. hoodie.sendEmail({ subject: "Your current to do list", text: currentTodoListToText(), html: currentTodoListToHTML(), to: "hey@wow.com", attachments: [ hoodie.convert( $ ("ul.todoList") ).to("invoice.pdf") ] }) Wednesday, August 7, 13
41. hoodie.store.find('todo', 'abc4567').publish() Wednesday, August 7, 13
42. hoodie.store.findAll('todo') .share() .then ( function (share) { share.grantReadAccess('joe@example.com'); }); Wednesday, August 7, 13
43. hoodie.share('shareId') .subscribe(); Wednesday, August 7, 13
44. hoodie.account .signUp('username', 'password') .payWith('stripe', 'token') Wednesday, August 7, 13
45. DEPLOYMENT Wednesday, August 7, 13
46. EXTENSIBILITY Wednesday, August 7, 13
47. Wednesday, August 7, 13
48. Frontend Wednesday, August 7, 13
49. Frontend Backend Wednesday, August 7, 13
50. Frontend Backend localStorage Wednesday, August 7, 13
51. Frontend Backend localStorage hoodie.store Wednesday, August 7, 13
52. Frontend Backend localStorage hoodie.store App Wednesday, August 7, 13
53. Frontend Backend localStorage hoodie.store App .add() .find() Wednesday, August 7, 13
54. Frontend Backend localStorage hoodie.store App .add() .find() .on() Wednesday, August 7, 13
55. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync Wednesday, August 7, 13
56. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync REST Wednesday, August 7, 13
57. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB REST Wednesday, August 7, 13
58. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
59. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
60. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
61. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
62. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
63. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
64. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
65. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
66. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
67. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
68. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
69. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
70. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
71. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
72. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
73. Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Plugins Users Shares Emails Payments … REST Wednesday, August 7, 13
74. PLUGINS Wednesday, August 7, 13
75. YEAH Wednesday, August 7, 13
76. Hoodie is Open Source (Apache 2) github.com/hoodiehq Wednesday, August 7, 13
77. Hoodie is a developer preview Wednesday, August 7, 13
78. VERY FAST WEB APP DEVELOPMENT Wednesday, August 7, 13
79. HTTP://HOOD.IE Wednesday, August 7, 13
80. THANK YOU! Wednesday, August 7, 13
81. ANY QUESTIONS? Wednesday, August 7, 13