前端学习资料推荐（基础篇）

本篇文章推荐一些前端学习的书籍和在线资料，聚焦前端最基本部分：HTML、CSS、JavaScript。希望推荐少而精的学习资料，少走弯路、快速入门前端。

前端基础学习分为 HTML、CSS 和 JavaScript 三部分，CSS 主要包括 CSS2 和 CSS3、Javascript 主要包括 ES5 和 ES6。

1. MDN

MDN (Mozilla Developer Network) Mozilla 开发者网络。Web 学习相关的文档、资料都可以在上面找到，详细、准确，大部分资料有中文翻译。英文入口 中文入口

2. 《CSS 设计指南》

本书开篇讲解了一些基础而关键的 HTML 入门知识介绍，配黑 MDN 的 HTML 文档，HTML 部分的基础知识可以完全搞定。本书把很多 CSS2 的基本知识讲的很清楚明白，比如：选择器、盒模型、清除浮动等等。虽然有很多全面的 CSS 技术书籍，但是这本 200 多页的书已经把 CSS2 的的关键内容都讲到，CSS 的学习应该把大量时间花在实战上。

3. 《图解 CSS3》

详尽的介绍了 CSS3 的新特性，示例丰富。

4. 《CSS 揭秘》

这是本 CSS 的进阶书籍，介绍了很多个鲜为人知的 CSS 小技巧，在对实际使用非常有帮助，帮助我们开拓使用 CSS 的思路。

5. Can I Use?

前端开发中经常处理的一类问题就是浏览器兼容性问题，caniuse.com 这个网站可以查询所有的 CSS 特性在不同浏览器上的兼容性。

6. 《JavaScript 高级程序设计》

江湖人称“红宝书”，与“犀牛书”并称最为经典的 JavaScript 书入门书籍，需要慢慢看、反复看。

7. 《JavaScript 语言精粹》

本书通过对 JavaScript 语言的分析，甄别出好的和坏的特性，从而提取出相对这门语言的整体而言具有更好的可靠性、可读性和可维护性的 JavaScript 的子集，以便你能用它创建真正可扩展的和高效的代码。

8. 《ES6 标准入门》

作者是阮一峰老师，介绍了 JavaScript 新特性 ES6 部分的语法，随着 ES6 使用的日益广泛，ES6 的学习也是必不可少的。在线版免费

9. Devdocs

看文档是开发中最常做的事情，Devdocs 是一个文档聚合查看的 Chrome 应用，所以支持多平台，文档种类丰富、可搜索、可离线。

文中提到的书籍整理了一个豆列日后会继续更新。