[Blibli Brown Bag] Nodejs - The Other Side of Javascript
•Download as PPTX, PDF•
2 likes•1,037 views
Introduce Nodejs and create our first web development in Nodejs stack environment.
Recommended
More Related Content
What's hot
What's hot (19)
Viewers also liked
Viewers also liked (20)
Similar to [Blibli Brown Bag] Nodejs - The Other Side of Javascript
Similar to [Blibli Brown Bag] Nodejs - The Other Side of Javascript (20)
More from Irfan Maulana
More from Irfan Maulana (16)
Recently uploaded
Recently uploaded (20)
[Blibli Brown Bag] Nodejs - The Other Side of Javascript
- 1. NODEJS – THE OTHER SIDE OF JAVASCRIPT By Irfan Maulana Presented for Brown Bag at Blibli.com
- 2. ABOUT ME • Name : Irfan Maulana • Join at Blibli : October 2015 • Role : SDE – Front End Developer • Project : SEOUL aka Blibli.com main website • Has been code Javascript for at least 2 years
- 3. WHAT IS NODEJS ? • JavaScript runtime built on Chrome's V8 JavaScript engine.
- 4. MAN BEHIND • Initiate by Ryan Dahl (github.com/ry) • from 2015 handled by Node.js Foundation
- 5. WHAT IS DIFFERENT ? FRONT BACK NODEJS IS JAVASCRIPT, BUT IN DIFFERENT SIDE
- 6. NODEJS OFFER • Lightweight server • Near Real-Time Speed • Non-Blocking I/O with Event-Loop • NPM (like Ruby GEM) • Javascript Isomorphic • Thousand Third Party Library • Growth community and documentation
- 7. MOST POPULAR NPM MODULE • Express : web development framework • Connect : extensible HTTP server framework, serves as base express • Socket.io and sockjs : websockets component • Jade : templating engine • Mongo and Mongojs : Mongodb wrapper • Redis : Redis client library • Coffe-script : CoffeScript compiler • Underscore : utility library • Forever : utility for ensuring node script runs continously
- 8. YOU SHOULD USE NODEJS • CHAT • API • QUEUED INPUT • MONITORING DASHBOARD • SERVER-SIDE WEB APPLICATION
- 9. DON’T USE NODEJS • RELATIONAL DB BEHIND • HEAVY COMPUTATION/PROCESSING
- 10. NODEJS SHOWCASE • Walmart • E-bay/Paypal • Microsoft - Azure CLI, Yammer • Linkedin • Trello • Uber • Medium • Wordpress
- 11. WEB DEVELOPMENT IN NODEJS
- 12. OUR NODEJS WEB DEV STACK • EXPRESSJS : BASE FRAMEWORK – APP GENERATOR • MONGOOSE : MONGODB CONNECTION • JADE : HTML TEMPLATE • ANGULAR JS : FRONTEND FRAMEWORK • MOCHA – SHOULD – SUPERTEST : UNIT TEST • GRUNT : TASK RUNNER
- 14. USING EXPRESS GENERATOR • Express generator : express <package> • Run : SET DEBUG=<package>:* & npm start • Default run in : http://localhost:3000/
- 15. HOW EXPRESS SEND DATA • SERVER RENDER • REST
- 17. SCHEMA AND MODEL IN MONGOOSE
- 18. USING OUR MONGOOSE MODEL
- 19. EXPRESS ROUTER
- 20. POSTMAN
- 22. USING JADE FOR VIEW • HTML : XML LIKE STRUCTURE • JADE : JSON LIKE STRUCTURE
- 26. CREATE OUR RESTFUL UNIT TEST
- 27. GRUNT TASK
- 28. OUR GRUNT PLUGIN • grunt-contrib-uglify • grunt-contrib-cssmin • grunt-contrib-concat • grunt-contrib-jade
- 29. UGLIFY ( MINIFY JAVASCRIPT)
- 30. CSS MINIFY
- 31. CONCAT FILE CSS AND JAVASCRIPT
- 32. COMPILE JADE
- 33. GITHUB REPOSITORY • https://github.com/mazipan/nodejs-simple-restfull- with-express • https://github.com/mazipan/nodejs-simple-restfull- test-with-mocha • https://github.com/mazipan/nodejs-mongodb- simple-library-application • https://github.com/socketio/socket.io
- 34. SOURCES • http://expressjs.com/en/starter/basic-routing.html • http://mongoosejs.com/ • http://jade-lang.com/tutorial/ • http://gruntjs.com/getting-started • www.toptal.com/nodejs/why-the-hell-would-i-use- node-js • https://scotch.io/tutorials/build-a-restful-api-using- node-and-express-4