写在前面
文章中的前端学习框架主要根据我的经验以及网上内容整理而成，其中准备篇的内容基本是根据我平时的使用习惯整理而成，文章并不打算列举所有工具。如果你有其他的工具，欢迎 fork / 投稿添加，而如果你正好在某一方面处于空白的状态，相信你看了文章后至少会掌握一种那方面的工具。因为部分内容是参考网上整理而成，相关知识我也并不了解，而有些内容以前仅仅知其名却不知其理，正好想借此机会学习以及梳理，欢迎大家一同学习。
准备篇
准备篇主要描述前端开发的工具以及环境搭建。
所谓喝最烈的酒，#最野的狗，用最好的工具，又所谓磨刀不误砍柴工，搭建一套强大的、最重要的是适合自己的开发环境是件非常重要的事。所以我们先从搭建环境开始讲起。后面所讲的工具、参考教材都是我们项目组在很多的项目实践中筛选出来的，比如 IDE 我们选择了 Atom，Markdown 的编辑器我们选择了 Typora 等等。
Atom
Git 和 Github
Markdown
学习了 Markdown 后，就能用它来欢快地写写博客、撸撸文档了。下面会为大家介绍一个叫做 jekyll 的技术，用它和 Github，准确讲是 Github pages 来搭建属于自己的博客网站。
Chrome DevTools
因为项目要求的缘故，我们的项目只需要在最新的 Chrome 上运行稳定即可，所以我们一般情况下都在 Chrome 中进行开发。下面就聊聊我是如何使用 Chrome DevTools 的。
Chrome extensions/apps
既然用 Chrome， 为什么不让 Chrome extensions/apps 让你的 Chrome 更加强大呢？
推荐给开发者的 Chrome extensions/apps
HTML 篇
HTML 基础知识
这部分主要汇总一些比较零碎同时也比较基础的 HTML 知识，对于复杂的 HTML 知识，下面会有专门的章节进行详细地描述。
模式
HTML 语义化
Emmet
DOM
浏览器引擎介绍
本地存储
CSS 篇
CSS 基础知识
这部分主要汇总一些比较零碎同时也比较基础的 CSS 知识，对于复杂的 CSS 知识，下面会有专门的章节进行详细地描述。
CSS 盒模型
浮动与清除浮动
CSS 解析过程
CSS Reset
Flexbox
CSS 预处理语言：LESS
CSSLint
引入 CSS 的方式
CSS 优先级
引入图片方式
解析 normalize.css
CSS 动画和 JS 动画
CSS Modules
JavaScript 篇
JavaScript 基础知识
这部分主要汇总一些比较零碎同时也比较基础的 JS 知识，对于复杂的 JS 知识，下面会有专门的章节进行详细地描述。
JavaScript 中的 for 循环
JavaScript 中的 console
setTimeout 与 setInterval
深入理解 JavaScript 中的 setTimeout 和 setInterval
闭包
原型链
JavaScript 中的 arguments
事件
异步编程
正则表达式
设计模式
Socket.IO
JavaScript 引擎介绍
前端模块化
Eslint
Should 与 Mocha
JavaScript 垃圾回收
前端工程
npm 与 npm shrinkwrap。