Front-end learning guide

Author Avatar
Klein 2月 15, 2019

最近有朋友让我推荐前端学习书籍。顺便整理一下自己的前端学习资料。

0. 从零开始：

HTML

  • Head First HTML与CSS（第2版）
  • Head First HTML5 Programming (了解一下基础的 HTML5)

CSS

  • CSS权威指南（第三版）

JavaScript

  • Head First JavaScript程序设计
  • JavaScript DOM编程艺术 （第2版）
  • JavaScript语言精粹

1. 入门起步：

HTML

  • HTML5权威指南

CSS

  • 精通CSS（第3版） 快出第三版了
  • CSS禅意花园

JavaScript

  • JavaScript高级程序设计
  • JavaScript权威指南（第六版）

2. 进击的菜鸟

JavaScript

  • JavaScript设计模式与开发实践
  • 学习JavaScript数据结构与算法 第一版有误。第二版正在翻译
  • ECMAScript6入门
  • 你不知道的JavaScript

CSS

CSS 预处理器： Sass、Stylus、Less。精通一个即可，看官方文档

  • CSS世界
  • CSS揭秘

3. 前沿技术

这些内容没什么书可看的，就算有很多都是过时的，因为更新迭代的速度非常非常非常快！更多是看官方文档、视频。这里只列一下提纲：

三大前端框架：React、Vue、Angular。
及其生态工具类库。

前端工程化： webpack
其实还有其他很多的打包构建工具，但目前来说，用的最多就是webpack。

CS（选修）

  • 图解HTTP
  • HTTP权威指南

架构（选修）

  • Web性能权威指南

NodeJS（选修）

可以不精通，但是NPM的基本操作要会

入门

  • Node.js实战
  • Node.js开发指南
  • 了不起的Node.js

进阶

  • 深入浅出Node.js

Jquery（学不学看你自己）

这个时候，学不学争议很大，要不要学看你自己

  • 锋利的jQuery
  • jQuery基础教程 （第4版）
  • jQuery实战（第2版）

Git（必备技能）

可以不精通，但是至少要会基本操作，会用GITHub。

推荐：

GitHub入门：

  • GitHub入门与实践 这本书有点过时，但基本的还是能用的。

深入：

  • 精通Git（第2版）

推荐社区

公众号

  • 前端大全
  • segmentfault
  • 前端之巅

文档：

大牛博客：

我学前端看过的资料教程基本都在这里了！我分享的这些，不敢说最好，最全，适合每个人。但是都是我看过或者接触过的，至少内容上让我满意的，让我觉得是对学习有用的，能帮得上忙的。
还有一个建议就是，学习前端，上面分享的可以起到一个引导，指路，解惑的作用。但是，不要忘记多练，毕竟实操最重要！有空余的时间或者周末也可以自己做下自己有兴趣的项目，并且用在自己工作的项目开发上！项目不求比别人好，只求自己能练习，提升自己的技术水平！

本指南仅代表个人意见

参考资料

个人分享–web前端学习资源分享