基础篇
HTML
参考W3C标准，理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点；
DOM基本结构、节点对象的操作、事件特性及使用、常见的内置DOM对象、常见的BOM功能；
HTML5 语义化结构、多媒体 、本地存储(LocalStorage, SessionStorage, Cookie)、其他常见API、Canvas等。
CSS
基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型(两栏、三栏、垂直居中等)；
CSS3 选择器、CSS3 边框、背景、阴影、CSS3 过渡和动画、CSS3 伸缩布局；
移动端开发，响应式布局、编译CSS。
JavaScript
基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象；
JS 语言的基本构成、变量、数据类型、表达式、选择结构、循环结构、短路语句、函数基础；
JQuery 选择器、基本操作API、动画API、事件API、插件机制、原理分析、项目实战；
AJAX 基本编程接口、异步数据交互、模板引擎的使用、跨域的实现方案、增量加载；
JSON 语法；
HTTP协议。
计算机知识储备
编译原理
计算机网络
操作系统
算法原理
软件工程/软件测试原理
PhotoShop 切图
PhotoShop 的安装和简单的切图，像素级精确还原设计稿。
框架
JQuery、BootStrap
版本控制工具
git
svn
工具
Sublime Text、webstorm、Visual Studio Code、VIM、Chrome、Firefox
参考资料
w3school、Web 技术文档 | MDN、segmentfault、stackoverflow、CSS 语法参考、阮一峰的个人网站、菜鸟笔记、JavaScript 标准参考教程（alpha）
进阶篇
JavaScript
JS 面向对象编程： 面向对象理论、对象的基本概念、对象的属性和方法、通过字面量创建对象；
JS 原型和原型链的理解和应用；
JS 闭包、立即执行函数、匿名函数；
ES 6 入门，参考阮一峰写的《ECMAScript 6入门》；
class、Promise、async/await；
CSS
css flex 布局
媒体查询、css3 响应式布局
css3 动画
css 3D
scss
可视化/富文本编辑器
SVG/Canvas/VML
D3 / HighChart.js / Echart.js
WebGL / three.js
ueditor / wangEditor
跨域/安全
JSONP / iframe
CSRF/XSS
CSP
Same-origin policy
前端性能优化
HTTP 请求/响应原理
前端优化的几种方式
浏览器缓存机制
框架
Angular
React
Vue
微信小程序
了解
前后端分离
前端使用动态模板，后端只提供接口(参考单页面应用)
使用 Node 作为中间层(参考淘宝中途岛计划)
前端自动化工具
webpack
gulp
npm
参考资料
ECMAScript 6 入门、Exploring-ES6翻译、Less教程、Sass中文文档、张鑫旭——前端性能、web前端性能优化进阶路、【高性能前端2】高性能CSS、【高性能前端1】高性能HTML、wangEditor、Gulp：任务自动管理工具 - ruanyifeng、Gulp 入门指南、Node.js 包教不包会、Vue-cli脚手架、Vue组件、vue自定义指令、Vue过渡动画、Vue指令、Vue api文档、angularjs API、angular 教程、angular 文档
高级篇
前端工作流
自动化流程工具使用
源代码版本控制工具使用(git, svn)
依赖项管理工具(npm, require)
项目模板脚手架(参考vue-cli)
模块化开发
模块化开发规范
ES6 模块化开发
模块化开发最佳实践
NodeJS
常用内置模块
高级特性
常用框架（express, koa…）
Web全平台应用
Web = Chrome + Angular.js + Ionic
Desktop = Electron + Angular.js + Ionic
Mobile = Cordova + Angular.js + Ionic
react Native
参考文档
使用 Express + MongoDB 搭建多人博客、NodeJS的代码调试和性能调优、在 Node.js 应用中集成 Redis、electron、ionic中文指南、React Native 中文版、V8 Javascript 引擎设计理念、JavaScript V8 性能小贴士