text: 前端学习路线 - 2019 - 简书文章
  ===
  
  > Create by **jsliang** on **2020-2-14 16:42:47**  
  > Recently revised in **2020-2-17 09:16:29**
  
  * 地址：https://www.jianshu.com/p/8f8264511952
  
  ## 一 第一阶段
  
  * HTML + CSS
  
  1. HTML 进阶
  2. CSS 进阶
  3. div + CSS 布局
  4. HTML + CSS 整站开发
  
  * JavaScript 基础
  
  1. JS 内置教程
  2. JS 内置对象常用方法
  3. 常见 DOM 树操作大全
  4. ECMA Script
  5. DOM
  6. BOM
  7. 定时器和焦点图
  
  * JavaScript 基本特效
  
  1. Tab
  2. 导航
  3. 整页滚动
  4. 轮播图
  5. JavaScript 制作幻灯片
  6. 弹出层
  7. 手风琴菜单
  8. 瀑布流布局
  9. 滚动事件
  10. 滚差视图
  
  * JavaScript 高级特征
  
  1. 正则表达式
  2. 排序算法
  3. 递归算法
  4. 闭包
  5. 函数节流
  6. 作用域链
  7. 基于距离运动框架
  8. 面向对象基础
  
  * jQuery
  
  1. 选择器
  2. DOM 操作
  3. 特效和动画
  4. 方法链
  5. 拖拽
  6. 变形
  7. jQuery UI 组件基本使用
  
  ## 二 第二阶段 HTML5 和移动 Web 开发
  
  * HTML5
  
  1. HTML5 新语义标签
  2. HTML5 表单
  3. 音频和视频
  4. 离线和本地存储
  5. SVG
  6. Web Socket
  7. Canvas
  
  * CSS3
  
  1. CSS3 新选择器
  2. 伪元素
  3. 脸色表示法
  4. 边框
  5. 阴影
  6. background 系列属性改变
  7. Transition
  8. 动画
  9. 景深和深透
  10. 3D 效果制作
  11. Velocity.js 框架
  12. 元素进场
  13. 出场策略
  14. 炫酷 CSS3 网页制作
  
  * Bootstrap
  
  1. 响应式概念
  2. 媒体查询
  3. 响应式网站制作
  4. 栅格系统
  5. 栅格系统原理
  6. Bootstrap 常用模板
  7. Less 和 Sass
  
  * 移动 Web 开发
  
  1. 跨终端 Web 和主流设备简介
  2. 视口
  3. 流式布局
  4. 弹性盒子
  5. rem
  6. 移动终端 JavaScript 事件
  7. 手机中常见 JS 效果制作
  8. Zepto.js
  9. 手机聚划算页面
  10. 手机滚屏
  
  ## 三 第三阶段 HTTP 服务和 Ajax 编程
  
  * Web 服务器基础
  
  1. 服务器基础知识
  2. Apache 服务器和其他 Web 服务器介绍
  3. Apache 服务器搭建
  4. HTTP 介绍
  
  * PHP 基础
  
  1. PHP 基础语法
  2. 使用 PHP 处理简单的 GET 或者 POST 请求
  
  * Ajax
  
  1. Ajax 简介和异步的概念
  2. Ajax 框架的封装
  3. XML HTTP Request 对象详细介绍方法
  4. 兼容性处理方法
  5. Ajax 框架的封装
  6. Ajax 中缓存问题
  7. XML 介绍和使用
  8. JSON 和 JSON 解析
  9. 数据绑定和模板技术
  10. JSONP
  11. 跨域技术
  12. 图片预读取和 lazy-load 技术
  13. jQuery 框架中的 Ajax API
  14. 使用 Ajax 实现瀑布流案例
  
  ## 四 第四阶段 面向对象进阶
  
  * 面向对象终极篇
  
  1. 从内存角度理解 JavaScript 面向对象
  2. 基本类型
  3. 复杂类型
  4. 原型链
  5. ES6 中的面向对象
  6. 属性读写权限
  7. 设置器
  8. 访问器
  
  * 面向对象三大特征
  
  1. 封装
  2. 继承
  3. 多态
  
  * 设计模式
  
  1. 面向对象编程思维
  2. 单例模式
  3. 工厂模式
  4. 策略模式
  5. 观察者模式
  6. 模板方法模式
  7. 代理模式
  8. 装饰器模式
  9. 适配器模式
  10. 面向切面编程
  
  ## 五 第五阶段 封装一个属于自己的框架
  
  * 框架封装基础
  
  1. 事件流
  2. 冒泡
  3. 捕获
  4. 事件对象
  5. 事件框架
  6. 选择框架
  
  * 框架封装中级
  
  1. 运动原理
  2. 单物体运动框架
  3. 多物体运动框架
  4. 运动框架面向对象封装
  
  * 框架封装高级和补充
  
  1. jQuery 框架雏形
  2. 可扩展性
  3. 模块化
  4. 封装属于传智自己的框架
  
  ## 六 第六阶段 模块化组件开发
  
  * 面向组件编程
  
  1. 面向组件编程的方式
  2. 面向组件编程的实现原理
  3. 面向组件编程实战
  4. 基于组件化思想开发网站应用程序
  
  * 面向模块编程
  
  1. AMD 设计规范
  2. CMD 设计规范
  3. RequireJS
  4. LoadJS
  5. 淘宝的 SeaJS
  
  ## 七 第七阶段 主流框架
  
  * Web 开发工作流
  
  1. Git/SVN
  2. Yeoman 脚手架
  3. NPM/Bower 依赖管理工具
  4. Grunt/Gulp/Webpack
  
  * MVC/MVVM/MVW 框架
  
  1. Angular.js
  2. Backbone.js
  3. Knockout/Ember
  
  * 常用库
  
  1. React.js
  2. Vue.js
  3. Zepto.js
  
  ## 八 第八阶段
  
  * Cordova
  
  1. WebApp/NativeApp/Hybird 简介
  2. Cordova 简介
  3. 与 PhoneGap 之间的关系
  4. 开发环境搭建
  5. Cordova 实战（创建项目、配置、编译、调试、部署发布）
  
  * lonic
  
  1. lonic 简介和同类对比
  2. 模板项目解析
  3. 常用组件及使用
  4. 结合 Angular 构建 App
  5. 常见效果（下拉刷新、上拉加载、侧滑导航、选项卡）
  
  * React Native
  
  1. React Native 简介
  2. React Native 环境配置
  3. 创建项目
  4. 编译
  5. 调试
  6. 部署发布
  7. 原生模块和 UI 组件
  8. 原生常用 API
  
  * HTML5 +
  
  1. HTML5+ 中国产业联盟
  2. HTML5+ Runtime 环境
  3. HBuilder 开发工具
  4. MUI 框架
  5. HTML5+ 开发和部署
  
  ## 九 第九阶段 Node.js 全栈开发
  
  * 快速入门
  
  1. Node.js 发展
  2. 生态圈
  3. IO.js
  4. Linux/Windows/OS X 环境配置
  5. REPL 环境和控制台程序
  6. 异步编程
  7. 非租塞 I/O
  8. 模块概念
  9. 模块管理工具
  10. 开发流程
  11. 调试
  12. 测试
  
  * 核心模块和对象
  
  1. 全局对象 Global、Process、Console、Util
  2. 事件驱动
  3. 事件发射器
  4. 加密解密
  5. 路径操作
  6. 序列化和反序列化
  7. 文件流操作
  8. HTTP 服务端与客户端
  9. Socket.IO
  
  * Web 开发基础
  
  1. HTTP 协议、请求相应处理过程
  2. 关系型数据库操作和数据访问
  3. 非关系型数据库操作和数据访问
  4. 原生的 Node.js 开发 Web 应用程序
  5. Web 开发工作流
  6. Node.js 开发 Blog 案例
  
  * 快速开发框架
  
  1. Express 简介 + MVC 简介
  2. Express 常用 API
  3. Express 路由模块
  4. Jade/Ejs 模板引擎
  5. 使用 Express 重构 Blog 案例
  6. Koa 等常见其他 MVC 框架
  
  * Node.js 开发电子商务实战
  
  1. 需求与设计
  2. 账户模块注册登录
  3. 会员中心模块
  4. 前台展示模块
  5. 购物车
  6. 订单结算
  7. 在线客服
  8. 即时通讯模块
  
  ## 十 总结
  
  有点像是传智博客的培训课程~
  
  > <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="知识共享许可协议" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">jsliang 的文档库</span> 由 <a xmlns:cc="http://creativecommons.org/ns#" href="https://github.com/LiangJunrong/document-library" property="cc:attributionName" rel="cc:attributionURL">梁峻荣</a> 采用 <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议</a>进行许可。<br />基于<a xmlns:dct="http://purl.org/dc/terms/" href="https://github.com/LiangJunrong/document-library" rel="dct:source">https://github.com/LiangJunrong/document-library</a>上的作品创作。<br />本许可协议授权之外的使用权限可以从 <a xmlns:cc="http://creativecommons.org/ns#" href="https://creativecommons.org/licenses/by-nc-sa/2.5/cn/" rel="cc:morePermissions">https://creativecommons.org/licenses/by-nc-sa/2.5/cn/</a> 处获得。
  