几年前， jQuery + Bootstrap可以说是一统江湖，是前端领域的绝对霸主。而这几年，随着Angular、React、Vue等框架的兴起，变成了百家争鸣的局面。这几年，Web 前端的技术发展真是太快了，相应地，技术栈也就变得非常多，除了最基本的HTML/CSS/JavaScript，以及Vue/React/Angular等这些 JavaScript 框架和各自的生态体系，还有 CSS 预处理器Sass/Less/Stylus，还有TypeScript，还有grunt/webpack/gulp等各种打包构建工具，还有其他一大堆技术栈。这么多技术栈，我们不可能全都掌握，就算是资深的前端工程师，也只是精通其中一部分,接下来我给大家推荐一些我自己比较常看的书籍以及网站。

　　一. 书籍方面

　　1. HTML 和 CSS 基础方面的，首推《Head First HTML与CSS》，编排设计通俗易懂，就连完全零基础的非 IT 人员都适合学习。不过，Head First 这本书没有涉及到 HTML5 和 CSS3 的更新内容。不过，Head First 有另一本书讲解了 HTML5，叫《Head First HTML5 Programming》，不过，要熟悉 HTML5 的用法，还是要先掌握一点 JavaScript 基础。CSS3 方面 Head First 则没有相应的书籍，因此，我推荐另一本《CSS3实用指南》。

　　2. JavaScript 方面，我首推《JavaScript高级程序设计》这本书，书中内容由浅入深，也是写得通俗易懂，适合入门。另外，有些人会推荐《JavaScript权威指南》，但这本书主要还是一本字典书，略显晦涩，其实不适合入门。不过《JavaScript高级程序设计》还是基于 ES5的，为了补充ES6的内容，推荐阮一峰的《ES6标准入门》，目前是第3版，内容已经覆盖了最新版本的ES2017。

　　3. Vue学习资源方面，最好的应该就是官方文档了。另外，《Vue.js实战》这本书有尤雨溪作推荐序，也可以买来看看，可以作为官网的补充资源。对于一些概念如果还不是很理解，也可以暂时先放一放，后面在做项目开发的过程中可能你就会理解了。另外，也给大家推荐了一个汇总了众多 vue 开源项目的 github 地址：https://github.com/opendigg/awesome-github-vue。

　　二. 网站方面

　　1. thebestdesigns.com 站如其名，灵感来源。里面拥有最好的网页设计以及最出色的网站主题。

　　2. Codrops | Useful resources and inspiration for creative minds 有用的资源和创新思维的灵感，资源丰富，想了解前端最新动态，每周一期的 Collective 不得不看。

　　3. https://github.com GitHub — 开发者最最最重要的网站 这个不用多说了吧，代码托管网站，上面有很多资源，想要什么轮子，上去搜就好了。并且呢，上面有很多优秀的程序员，你可以在这里交到很多好朋友喔。

　　4. https://juejin.im 掘金 — 帮助开发者成长的技术社区 现在国内优质的开发者交流学习社区，可以去看大佬们写的文章，也可以自己分享学习心的，与更多开发者交流。认识更多的小伙伴儿，提升个人影响力。

　　5. https://www.nowcoder.com 牛客网 — 面经和刷面试题 各个公司的面试题和面经分享，找工作前认真刷一刷，一定会有很大收获!拿到心仪的 offer!

　　6. LintCode：https://www.lintcode.com/ 算法学习网站，以前上学的时候有句话叫做学好数理化，走遍宇宙都不怕。现在作为一名程序员，上去每天刷两道算法题，学好算法，走遍天下才不怕。

　　总结：

　　作为前端开发，要学的技术栈真的很多，除了最基础的 HTML/CSS/JavaScript，还包括 HTML5、CSS3、ES6，还要学习目前流行的 JavaScript 框架，我的建议是从 Vue 开始，容易入门，要掌握的技术栈包括 vue + vue-router + vuex + vue-cli + axios + sass + webpack，另外，node.js 也要了解点基础。

　　最后，实战项目我推荐了一个完整的 vue 版饿了么项目供大家参考学习：

　　https://github.com/bailicangdu/vue2-elm