docs: edit docs/node

dotacn · Oct 31, 2016 · 165a15c · 165a15c
1 parent 994ea3b
commit 165a15c
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 13 deletions.
diff --git a/demos/README.md b/demos/README.md
@@ -14,12 +14,12 @@
 - [ReCharts](#recharts)
 - [MobX](#mobx)
 - [Redux](#redux)
-- [Simple App]()
-- [REST API]()
+- [Simple App](#simple-app)
+- [REST API](#rest-api)
 - [Express](#express)
 - [ESLint](#eslint)
 - [Mocha](#mocha)
-- [Travis CI]()
+- [Travis CI](#travis-ci)
 
 ## Backbone
 

diff --git a/docs/images/redux-architecture.png b/docs/images/redux-architecture.png
diff --git a/docs/node.md b/docs/node.md
@@ -6,10 +6,10 @@
 
 Node 是服务器的 JavaScript 运行环境，提供 API 与操作系统互动。
 
-用途：
+主要用途：
 
 - 开发前端应用
-- 搭建服务
+- 快速搭建服务
 
 ---
 
@@ -27,15 +27,15 @@ $ npm -v
 
 ## 课堂练习：Node 的简单应用
 
-进入`demos/simple-app-demo`目录，参考《操作指南》，自己动手在 Node 里面，编写并编译一个前端脚本。
+进入`demos/simple-app-demo`目录，参考[《操作指南》](../demos/README.md#simple-app)，自己动手在 Node 里面，编写并编译一个前端脚本。
 
 ---
 
 ## Node 开发前端脚本的好处
 
 1. 模块机制
 1. 版本管理
-1. 持续集成的标准软件开发流程
+1. 持续集成的标准开发流程
 
 ---
 
@@ -92,7 +92,7 @@ DELETE /v1/stores/1234
 
 ## 课堂练习：REST API
 
-打开`demos/rest-api-demo`，按照《操作指南》，熟悉 REST API 的基本用法。
+打开`demos/rest-api-demo`，按照[《操作指南》](../demos/README.md#rest-api)，熟悉 REST API 的基本用法。
 
 ---
 
@@ -106,10 +106,44 @@ Express 是最常用的 Node 框架，用来搭建 Web 应用。
 
 ## 课堂练习：Express 搭建 Web 应用
 
-进入`demos/express-demo`目录，按照《操作指南》，学习使用 Express 搭建 Web 应用。
+进入`demos/express-demo`目录，按照[《操作指南》](demos/README.md#express)，学习使用 Express 搭建 Web 应用。
 
-学习重点
+---
+
+定义一个 Web 应用实例，并且启动它。
+
+```javascript
+var express    = require('express');
+var app        = express();
+
+var port = process.env.PORT || 8080;
+
+app.listen(port);
+console.log('Magic happens on port ' + port);
+```
+
+---
+
+定义一个路由
 
-- 路由设置
-- 中间件
+```javascript
+var router = express.Router();
+
+router.get('/', function(req, res) {
+  res.send('<h1>Hello World</h1>');
+});
+
+app.use('/home', router);
+```
+
+---
+
+中间件：对 HTTP 请求进行加工。
+
+```javascript
+router.use(function(req, res, next) {
+  console.log('Thers is a requesting.');
+  next();
+});
+```
 
diff --git a/docs/react.md b/docs/react.md
@@ -269,7 +269,7 @@ Redux 的核心概念
 - 用户在 UI 上发出`action`。
 - `reducer`函数接收`action`，然后根据当前的`state`，计算出新的`state`。
 
-![](./images/redux.svg)
+![](./images/redux-architecture.png)
 
 ---