跳到主要内容

前端学习资料推荐(基础篇)

· 阅读需 4 分钟

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

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

1. MDN

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

2. 《CSS 设计指南》

《CSS设计指南》

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

3. 《图解 CSS3》

《图解CSS3》

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

4. 《CSS 揭秘》

《CSS揭秘》

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

5. Can I Use?

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

6. 《JavaScript 高级程序设计》

《JavaScript高级程序设计》

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

7. 《JavaScript 语言精粹》

《JavaScript语言精粹》

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

8. 《ES6 标准入门》

《ES6 标准入门E

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

9. Devdocs

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

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