Introduction to Nodejs and Isomorphic javascript
0 likes1,730 views
This document discusses asynchronous programming, Node.js, and isomorphic JavaScript web frameworks. It describes how Node.js uses asynchronous and event-driven programming to handle requests without blocking. It also explains how isomorphic frameworks allow JavaScript code to run on both the client-side and server-side, allowing code reuse and initial page rendering from the server. Traditional frameworks are compared to single page applications and how isomorphic frameworks address some of the challenges with SEO and duplicate code.
Introduction to Nodejs and Isomorphic javascript
- 1. Node JS and Isomorphic Javascript 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 Task 1: Data Processing Task 2: Data Processing Task 1: Callback
- 5. Asynchronous Programming • Compared with multithreading: • 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 request processed by web server. ! ! ! ! ! route a request query a DB process results write a log format response
- 7. Asynchronous Programming • Popular project based on asynchronous programming • Node JS • Twisted • Tornado
- 8. Node JS • Server-side JS runtime based onV8 • Single thread. • Asynchronous programming - libuv
- 9. Node JS Event Loop Event Queue Thread Pool Network File System ... CallbackEvents
- 10. Node JS • As a 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 • ModelView Controller(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 • A concept 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 • Web framework with Isomorphic conecpts • Meteor - Meteor.com • Derby • Rendr - Airbnb • Even use React + Flux
- 16. End