/pure-node-notebook

A raw Node.js application without any 3rd party framework to create online notebook

Primary LanguageJavaScript

pure-node-notebook-step

  • 第一课 项目初始化

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
  • 第五课 构建框架形式的代码风格
  1. 设计expres和koa的api风格,模拟use callback方法。

  2. 将request和response抽象为一个引用对象。

  3. Buffer讲解

	git checkout lesson5
	npm install
	npm start
  • 第六课
  1. 引入EJS中间件处理服务端渲染

  2. 引入webpack2构建前端代码

	git checkout lesson6
	npm install
	npm start
  • 第七课
  1. 实现Node动态路由/重定向/页面模块划分

  2. 页面框架

  • header: 头像 + 导航:首页 + 关于 + 博客列表 + 写博客(权限控制) + 搜索
  • footer: 友情链接 + github + 知乎 + 掘金 + copyright + 回到顶部
  • 内容区 :见如下内容排布
  1. 内容排布

|-- /: 首页 博客列表 + 个人展示

|-- /list: 博客列表 博客分类 + 博客列表

|-- /write: 写博客 分两屏 markdown编辑器 + 预览区

|-- /about/ 关于 自由发挥

|-- url非法: 重定向到首页

	git checkout lesson7
	npm install
	npm start
  • 第八课
  1. 学习cookie来实现简化版的登录登出

  2. 介绍responsive css基础

	git checkout lesson8
	npm install
	npm start

参考资料

mongo shell