- 第一课 项目初始化
npm、package.json、node_modules及项目架构初始化
git clone git@github.com:slashhuang/pure-node-notebook-step.git
git checkout lesson1
npm install
npm start
- 第二课 静态服务器
http协议、fs、path模块及创建项目静态服务器
git checkout lesson2
npm install
npm start
- 第三课 引入对接前端ajax的api服务体系
引入Promise/url架构项目
引入对接前端ajax的api服务体系
git checkout lesson3
npm install
npm start
- 第四课 引入stream处理post请求,引入Promise来连接static-server api-server
引入Promise/url/querystring架构项目
抽象request数据的context模型中间件url-parser
git checkout lesson4
npm install
npm start
- 第五课 构建框架形式的代码风格
-
设计expres和koa的api风格,模拟
use
callback
方法。 -
将request和response抽象为一个引用对象。
-
Buffer讲解
git checkout lesson5
npm install
npm start
- 第六课
-
引入EJS中间件处理服务端渲染
-
引入webpack2构建前端代码
git checkout lesson6
npm install
npm start
- 第七课
-
实现Node动态路由/重定向/页面模块划分
-
页面框架
- header: 头像 + 导航:首页 + 关于 + 博客列表 + 写博客(权限控制) + 搜索
- footer: 友情链接 + github + 知乎 + 掘金 + copyright + 回到顶部
- 内容区 :见如下内容排布
- 内容排布
|-- /: 首页 博客列表 + 个人展示
|-- /list: 博客列表 博客分类 + 博客列表
|-- /write: 写博客 分两屏 markdown编辑器 + 预览区
|-- /about/ 关于 自由发挥
|-- url非法: 重定向到首页
git checkout lesson7
npm install
npm start
- 第八课
-
学习cookie来实现简化版的登录登出
-
介绍responsive css基础
git checkout lesson8
npm install
npm start