写在前面
文章中的前端学习框架主要根据我的经验以及网上内容整理而成，其中准备篇的内容基本是根据我平时的使用习惯整理而成，文章并不打算列举所有工具。如果你有其他的工具，欢迎 fork / 投稿添加，而如果你正好在某一方面处于空白的状态，相信你看了文章后至少会掌握一种那方面的工具。因为部分内容是参考网上整理而成，相关知识我也并不了解，而有些内容以前仅仅知其名却不知其理，正好想借此机会学习以及梳理，欢迎大家一同学习。
准备篇主要描述前端开发的工具以及环境搭建。
所谓喝最烈的酒，#最野的狗，用最好的工具，又所谓磨刀不误砍柴工，搭建一套强大的、最重要的是适合自己的开发环境是件非常重要的事。所以我们先从搭建环境开始讲起。后面所讲的工具、参考教材都是我们项目组在很多的项目实践中筛选出来的，比如 IDE 我们选择了 Atom，Markdown 的编辑器我们选择了 Typora 等等。
[磨刀不误砍柴工，搭好你的前端开发环境： Atom](./tool/atom/磨刀不误砍柴工：Atom 介绍.md)。
学习了 Markdown 后，就能用它来欢快地写写博客、撸撸文档了。下面会为大家介绍一个叫做 jekyll 的技术，用它和 Github，准确讲是 Github pages 来搭建属于自己的博客网站。
因为项目要求的缘故，我们的项目只需要在最新的 Chrome 上运行稳定即可，所以我们一般情况下都在 Chrome 中进行开发。下面就聊聊我是如何使用 Chrome DevTools 的。
[认识 Chrome DevTools](./tool/devtools/Chrome DevTools Overview.md)
既然用 Chrome， 为什么不让 Chrome extensions/apps 让你的 Chrome 更加强大呢？
推荐给开发者的 Chrome extensions/apps
这部分主要汇总一些比较零碎同时也比较基础的 HTML 知识，对于复杂的 HTML 知识，下面会有专门的章节进行详细地描述。
[b,strong and i,em 元素详解](./html/basic/b,strong and i,em.md)
这部分主要汇总一些比较零碎同时也比较基础的 CSS 知识，对于复杂的 CSS 知识，下面会有专门的章节进行详细地描述。
[CSS 的引入方式](./css/CSS 的引入方式.md)
[CSS 样式优先级](./css/CSS 样式优先级.md)
这部分主要汇总一些比较零碎同时也比较基础的 JS 知识，对于复杂的 JS 知识，下面会有专门的章节进行详细地描述。
[JavaScript 中的 for 循环](./js/for/JavaScript 中的 for 循环.md)
[JavaScript 中的 console](./js/console/JavaScript 中的 console.md)
[深入理解 JavaScript 中的 setTimeout 和 setInterval](./js/setTimeout and setInterval/setTimeout and setInterval.md)
[JavaScript 中的 this](./js/this/JavaScript 中的 this.md)
[JavaScript 中的事件](./js/event/JavaScript 中的事件.md)
npm 与 npm shrinkwrap。
[从输入 URL 到页面加载完成的过程中都发生了什么](./project/从输入 URL 到页面加载完成的过程中都发生了什么.md)
[常见 Web 安全攻击](./project/security/常见 Web 安全攻击.md)
[一篇文章让你了解被 Google 攻破的 SHA-1](./project/security/What's SHA-1.md)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent