Top Banner
NodeJS/Express 6.148 David Wong
40

Backend IA: NodeJS/Express

Feb 12, 2017

Download

Documents

hoangphuc
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Backend IA: NodeJS/Express

NodeJS/Express

6.148 • David Wong

Page 2: Backend IA: NodeJS/Express

http://nodejs.org

Page 3: Backend IA: NodeJS/Express

A Quick Experiment

Page 4: Backend IA: NodeJS/Express

What is

Page 5: Backend IA: NodeJS/Express

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

NodeJS is Javascript

Page 7: Backend IA: NodeJS/Express

NodeJS is Javascript (on the server!)

Page 8: Backend IA: NodeJS/Express

Client Server

Page 9: Backend IA: NodeJS/Express

Client Server

HTTP Request

Page 10: Backend IA: NodeJS/Express

Client Server (NodeJS)

HTTP Request

Page 11: Backend IA: NodeJS/Express

Client Server

HTML/CSS and client-side Javascript

Server (NodeJS)

HTTP Request

Page 12: Backend IA: NodeJS/Express

client-side Javascript

≠ server-side Javascript

Page 13: Backend IA: NodeJS/Express
Page 14: Backend IA: NodeJS/Express
Page 15: Backend IA: NodeJS/Express
Page 16: Backend IA: NodeJS/Express
Page 17: Backend IA: NodeJS/Express
Page 18: Backend IA: NodeJS/Express
Page 19: Backend IA: NodeJS/Express
Page 20: Backend IA: NodeJS/Express

Express!

Page 21: Backend IA: NodeJS/Express

Express?

Page 22: Backend IA: NodeJS/Express

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

Package.json

Page 24: Backend IA: NodeJS/Express

Server Server (NodeJS)

Express

Page 25: Backend IA: NodeJS/Express

express helloexpress

Page 26: Backend IA: NodeJS/Express

Server Server (NodeJS)

Express

Page 27: Backend IA: NodeJS/Express

Server Server (NodeJS)

Express app.js

Page 28: Backend IA: NodeJS/Express

Server Server (NodeJS)

Express app.js package.json

Page 29: Backend IA: NodeJS/Express

Server Server (NodeJS)

Express app.js package.json Routes

Page 30: Backend IA: NodeJS/Express

Server Server (NodeJS)

Express app.js package.json Routes Views

Page 31: Backend IA: NodeJS/Express

Don’t forget to npm install!

Page 32: Backend IA: NodeJS/Express

Don’t forget to npm install!!

Page 33: Backend IA: NodeJS/Express

Don’t forget to npm install!!!

Page 34: Backend IA: NodeJS/Express

package.json

/bin/www

Page 35: Backend IA: NodeJS/Express
Page 36: Backend IA: NodeJS/Express
Page 37: Backend IA: NodeJS/Express

app.js

Page 38: Backend IA: NodeJS/Express

app.js

users.js

Page 39: Backend IA: NodeJS/Express

users.js

Page 40: Backend IA: NodeJS/Express

Questions?