Introduction to Nodejs and Isomorphic javascript

Introduction to Nodejs and Isomorphic javascript

• 1.
  Node JS and IsomorphicJavascript Jasper
• 2.
  Outline • Asynchronous Programming •Concept of Node JS • Revolution of Web Framework • Isomorphic Javascript Web Framework
• 3.
  Asynchronous Programming Task1 I/O: waiting Task1:Data Processing Task2: Data Processing Task2: I/O: waiting
• 4.
  Asynchronous Programming Task1 I/O: waiting Task1: Data Processing Task 2: Data Processing Task 1: Callback
• 5.
  Asynchronous Programming • Compared withmultithreading: • Cons: • Service is blocked when encountering heavy CPU computing. • Pros: • Don’t need to maintain thread state • Don’t suffer from context switching
• 6.
  Asynchronous Programming • HTTP requestprocessed by web server. ! ! ! ! ! route a request query a DB process results write a log format response
• 7.
  Asynchronous Programming • Popular projectbased on asynchronous programming • Node JS • Twisted • Tornado
• 8.
  Node JS • Server-sideJS runtime based onV8 • Single thread. • Asynchronous programming - libuv
• 9.
  Node JS Event Loop EventQueue Thread Pool Network File System ... CallbackEvents
• 10.
  Node JS • Asa web server on multi-core host • Run a node JS web server process per core • A load balancer ahead of them.
• 11.
  Traditional Web Framework • ModelViewController(MVC) • Rails/Django/CodeIngiter ! ! ! ! Controller Model View Browser Request Execute Data Data Returned Data ReturnedResponseView Browser Response
• 12.
  Modern Single Page Application •Front-end MVC framework with pure API server. ! ! ! ! Web App Mobile App API • Pure Javascript MVC Framework • Angular • Ember • Backbone • ...
• 13.
  Modern Single Page Application •Pros: • Without refresh the page when browsing the page • Separate pure data from business logic • Cons: • SEO • Performance depend on users’ end devices • Twitter • Duplicate logic(URL routing, validation, ...etc.)
• 14.
  Isomorphic Javascript • Aconcept of JS web framework that shares Javascript run on both client side and server side. • Reuse all codes • Flexible for developer • Bootstrap initial page via server rendering. • Font-end rendering/Back-end rendering
• 15.
  Isomorphic Javascript • Webframework with Isomorphic conecpts • Meteor - Meteor.com • Derby • Rendr - Airbnb • Even use React + Flux
• 16.
  End