Node.js for Hipsters

These slides accompanied my presentation at Full Stack Meetup in Denver about getting started with Node.js, npm, Express (+ Jade and Stylus).

Transcript

1. Hello. @tbeseda
2. Node.js for Hipsters
3. Node.js for Hipsters and less trendy developers, too.
4. From mkdir to deploy A whirlwind tour of the hippest Node.js stack, complete with some live coding.
5. From mkdir to deploy A whirlwind tour of the hippest Node.js stack, complete with some live coding.
6. From mkdir to deploy A whirlwind tour of the hippest Node.js stack, complete with some live coding. rad screenshots of code
7. From mkdir to deploy A whirlwind tour of the hippest Node.js stack, complete with some live coding. rad screenshots of code 1. What is Node?
8. From mkdir to deploy A whirlwind tour of the hippest Node.js stack, complete with some live coding. rad screenshots of code 1. What is Node? 2. How to get it.
9. From mkdir to deploy A whirlwind tour of the hippest Node.js stack, complete with some live coding. rad screenshots of code 1. What is Node? 2. How to get it. 3. Quick start app.
10. What is Node.js
11. What is Node.js It’s not a programming language. It’s not running in a web browser, and has nothing to to do with the DOM.
12. What is Node.js It is a server-side environment for executing Javascript in a non-blocking way. It’s not a programming language. It’s not running in a web browser, and has nothing to to do with the DOM.
13. It’s Evented! Just like the browser, Javascript is evented in Node.js
14. It’s Evented! Just like the browser, Javascript is evented in Node.js
15. It’s Evented! Just like the browser, Javascript is evented in Node.js
16. Modules Require programs and libraries in Javascript!
17. Modules Require programs and libraries in Javascript!
18. Modules Require programs and libraries in Javascript!
19. Get Node.js
20. Get Node.js $ brew install node
21. Application Quick Start
22. Getting Started with npm Node Package Manager • Helps set up new projects • Manage project dependencies • Publish Javascript modules to npmjs.org
23. The Stack
24. The Stack Who is this TJ Holowaychuk guy?
25. The Stack Who is this TJ Holowaychuk guy?
26. The Stack Who is this TJ Holowaychuk guy?
27. Express.js
28. Express.js
29. Express.js
30. Express.js
31. Express.js
32. Express.js
33. Express.js
34. Express.js
35. Express.js
36. Express.js
37. Jade for HTML
38. Jade for HTML $ npm install jade --save
39. Jade for HTML $ npm install jade --save
40. Jade for HTML $ npm install jade --save
41. Jade for HTML $ npm install jade --save
42. Jade for HTML $ npm install jade --save
43. Jade for HTML $ npm install jade --save
44. Jade for HTML $ npm install jade --save
45. Jade for HTML $ npm install jade --save
46. Jade for HTML $ npm install jade --save
47. Jade for HTML $ npm install jade --save
54. Stylus for CSS
55. Stylus for CSS $ npm install stylus connect-assets --save
56. Stylus for CSS $ npm install stylus connect-assets --save $ touch assets/css/style.styl
57. Stylus for CSS $ npm install stylus connect-assets --save
58. Stylus for CSS
59. Stylus for CSS
60. Stylus for CSS
61. Stylus for CSS
62. Stylus for CSS
63. Stylus for CSS
64. Stylus for CSS
65. Stylus for CSS
66. Stylus for CSS
67. Stylus for CSS
68. Stylus for CSS
69. Deploy
70. Deploy $ npm install -g jitsu
71. Deploy $ jitsu deploy $ npm install -g jitsu
72. Thanks @tbeseda