backend ia: nodejs/express - mit...
TRANSCRIPT
![Page 1: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/1.jpg)
NodeJS/Express
6.148 • David Wong
![Page 2: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/2.jpg)
http://nodejs.org
![Page 3: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/3.jpg)
A Quick Experiment
![Page 4: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/4.jpg)
What is
![Page 5: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/5.jpg)
What is NodeJS
• Platform built on Google’s V8 Javascript engine
• Fast and scalable • Event-driven and non-blocking
![Page 6: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/6.jpg)
NodeJS is Javascript
![Page 7: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/7.jpg)
NodeJS is Javascript (on the server!)
![Page 8: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/8.jpg)
Client Server
![Page 9: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/9.jpg)
Client Server
HTTP Request
![Page 10: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/10.jpg)
Client Server (NodeJS)
HTTP Request
![Page 11: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/11.jpg)
Client Server
HTML/CSS and client-side Javascript
Server (NodeJS)
HTTP Request
![Page 12: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/12.jpg)
client-side Javascript
≠ server-side Javascript
![Page 13: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/13.jpg)
![Page 14: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/14.jpg)
![Page 15: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/15.jpg)
![Page 16: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/16.jpg)
![Page 17: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/17.jpg)
![Page 18: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/18.jpg)
![Page 19: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/19.jpg)
![Page 20: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/20.jpg)
Express!
![Page 21: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/21.jpg)
Express?
![Page 22: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/22.jpg)
NPM (Node Package Manager)
• Check if NPM is installed – Windows: open command prompt – Mac: open terminal – type npm
• Install Express – npm install –g express – Windows: may need to right click run as admin – Mac: may need to type sudo npm install –g
express
![Page 23: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/23.jpg)
Package.json
![Page 24: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/24.jpg)
Server Server (NodeJS)
Express
![Page 25: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/25.jpg)
express helloexpress
![Page 26: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/26.jpg)
Server Server (NodeJS)
Express
![Page 27: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/27.jpg)
Server Server (NodeJS)
Express app.js
![Page 28: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/28.jpg)
Server Server (NodeJS)
Express app.js package.json
![Page 29: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/29.jpg)
Server Server (NodeJS)
Express app.js package.json Routes
![Page 30: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/30.jpg)
Server Server (NodeJS)
Express app.js package.json Routes Views
![Page 31: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/31.jpg)
Don’t forget to npm install!
![Page 32: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/32.jpg)
Don’t forget to npm install!!
![Page 33: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/33.jpg)
Don’t forget to npm install!!!
![Page 34: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/34.jpg)
package.json
/bin/www
![Page 35: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/35.jpg)
![Page 36: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/36.jpg)
![Page 37: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/37.jpg)
app.js
![Page 38: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/38.jpg)
app.js
users.js
![Page 39: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/39.jpg)
users.js
![Page 40: Backend IA: NodeJS/Express - MIT 6.4706.470.scripts.mit.edu/2015/pages/lectures/WEBday2-nodejs.pdf · NPM (Node Package Manager) •Check if NPM is installed –Windows: open command](https://reader031.vdocument.in/reader031/viewer/2022022020/5b9d3ae209d3f2ed218bc66f/html5/thumbnails/40.jpg)
Questions?