1. AllTheWay.js: Full stack development with JavaScript DevDay.LK Johannes Brodwall @jhannes

2. What’s full stack JS? Why should you care? Taking advantage of tech –Dynamic front ends –Promises –Full stack tests Agenda

3. After this talk

4. JS is not just for front end sugar

5. Try your hand at the whole stack

6. Get addicted to feedback

7. Complete my quizwiz service!

8. The story of the talk

9. Part I

10. What

11. Chrome/Firefox/Explorer NodeJS REST Postgres

12. Chrome/Firefox/Explorer NodeJS HTML + CSS JS GET /api/objects/(:id) POST /api/objects/(:id) - PUT Postgres

13. Chrome/Firefox/Explorer NodeJS HTML + CSS JS GET /api/objects/(:id) POST /api/objects/(:id) - PUT Postgres MustacheJS jQuery HTML partial Bower promises

14. Chrome/Firefox/Explorer NodeJS HTML + CSS JS GET /api/objects/(:id) POST /api/objects/(:id) - PUT Postgres MustacheJS jQuery HTML partial Bower promises Mocha webtest webdriver selenium

15. Chrome/Firefox/Explorer NodeJS GET /api/objects/(:id) POST /api/objects/(:id) - PUT Postgres Express Sequelize Controllers NPM promises

16. Chrome/Firefox/Explorer NodeJS GET /api/objects/(:id) POST /api/objects/(:id) - PUT Postgres Express Sequelize Controllers NPM promises Mocha servertest

17. Chrome/Firefox/Explorer NodeJS GET /api/objects/(:id) POST /api/objects/(:id) - PUT Postgres Express Sequelize Controllers NPM promises HTML + CSS JS MustacheJS jQuery HTML partial Bower promises

18. Chrome/Firefox/Explorer NodeJS GET /api/objects/(:id) POST /api/objects/(:id) - PUT Postgres Express Sequelize Controllers NPM promises HTML + CSS JS MustacheJS jQuery HTML partial Bower promises Mocha servertest webtest webdriver selenium

19. Part II

20. Why

21. Less friction

22. One team

23. One vision

24. Embrace JavaScript

25. Punk rock programming

26. Addictive feedback

27. Taking safe steps

28. Part III

29. How

30. Puzzling the pieces together

31. Super-simple SPA

39. Super-simple REST

42. Super-simple DAO

51. Promises

52. $.POST

55. Making a promise

58. Advanced promises

61. Testing

62. Mocha

65. Webdriver

68. Chrome/Firefox/Explorer NodeJS GET /api/objects/(:id) POST /api/objects/(:id) - PUT Postgres Express Sequelize Controllers NPM promises HTML + CSS JS MustacheJS jQuery HTML partial Bower promises Mocha servertest webtest webdriver selenium

69. Embrace JavaScript

70. Get addicted to feedback

71. johannes@brodwall.com http://JohannesBrodwall.com http://github.com/jhannes/quizwiz-js http://twitter.com/jhannes Thank you