前端工程师必须收藏

边收藏边学习边进步~

1.w3school 在线教程

相信知道前端的同学都知道这个网站，这也算是一个前端只是比较全的网站了，里面主要是一些web相关的基础知识。

2.w3cplus

_引领web前沿，打造前端精品教程：看到这个名字就很神奇了，居然是w3c的plus版本，这个网站主要分享一些技术文章和一些教程，很不错的。

w3cplus_引领web前沿，打造前端精品教程

3.慕课网

-程序员的梦工厂：这个网站相信很多人都会用到的，一个程序员在线学习网站，里面有丰富的教程，资源等等。

慕课网-程序员的梦工厂

4.CodePen

每一个前端工程师都知道的网站，里面分享的都是国内外写的一些前端demo，项目之类的，想学习项目经验的话，这个网站是一个不错的选择，在这里也可以线上写代码。

CodePen

5.网易云课堂

- 我的职业课堂：这个网站也和慕课网有点类似，只不过里面还多了一些其它方面的教程，也是一个不错的在线学习网站。

网易云课堂 - 我的职业课堂

6.| FreeCodeCamp中文社区

这个网站就很有意思了，以闯关的形式带领你一步一步的学习，最后还会颁发证书给你，在这途中不仅能够学习到基础知识，还能学习到项目经验，力荐！

FreeCodeCamp中文社区

7.大前端

-关注前端开发：一个专注前端学习的网站，里面有较多的前端方面的技术文章和资源，是个扩展资源的好地方。

大前端-关注前端开发

8.掘金

- juejin.im - 一个帮助开发者长大的社区：一个技术文章交流社区，里面有很多很多有含金量的文章，是个学习的好地方。

掘金 - juejin.im - 一个帮助开发者长大的社区

9.JSRUN编辑器

, 在线js调试运行测试,HTML/JS/CSS在线编辑器,Javascript、VUE、ES6在线运行：这个网站也是一个前端demo的收集地，里面有很多酷炫的小例子，现在这个网站也逐渐完善起来了，可以在线写代码，在线调试。

JSRUN编辑器

10.Learn to code - for free | Codecademy

这是一个国外的网站，是一个在线学习前端基础知识的好地方，它以在线编码的方式让你跟着学习，适合英语好的同学。

Learn to code - for free | Codecademy

11.廖雪峰的官方网站

相信很多小伙伴都听说过廖雪峰大神，他的博客值得读一读，可以学到不少东西。

廖雪峰的官方网站

12.阮一峰ES6标准入门

阮一峰相信很多小伙伴也听过，他的ECMAScript 6很多小伙伴肯定读过，写的很不错，可以在他的个人网站学到很多前端前卫知识。

阮一峰ES6标准入门

13.前端乱炖

,最专业的前端技术内容社区：一个技术交流社区，里面分享一些关于前端的优秀文章，可以借鉴一下别人的学习方法。

前端乱炖, 最专业的前端技术内容社区

14.Web前端导航：一个前端导航网站，将很多优秀的前端相关的网站都收集了起来，可以方便快捷的找到适合的网站，值得收藏。

15.首页 - w3ctech：一个前端技术社区，注重技术分享，里面收录有很多不错的技术文章。

首页 - w3ctech

16.印记中文 - 深入挖掘国外前端新领域，为中国 Web 前端开发人员提供优质文档！：这个号称是前端文档收集最全的网站，而且号称是与官方文档更新速度保持一致的网站，值得收藏。

.印记中文 - 深入挖掘国外前端新领域

17.Stack Overflow - Where Developers Learn, Share, & Build Careers：一个专门交流编程问题的问答社区，这里面充满了大牛，一般出现代码什么的出现错误，都能在上面找到解决方案。

Stack Overflow - Where Developers Learn, Share, & Build Careers

18.前端导航 - 内容最全的前端开发网址导航：前端导航网站，收集了很多前端学习网站。

前端导航 - 内容最全的前端开发网址导航

19.Mock.js：当后端没有给出数据，而前端开发需要数据的时候，这个网站就派上用场了，模拟数据，帮助前端开发。

Mock.js

20.在线工具 - 程序员的工具箱：在线工具网站，网站里面有着各种各样开发室需要用到的工具，比如json转化等，相当于一个大杂烩，值得收藏。

在线工具 - 程序员的工具箱

----------------------------------------分割线------------------------------------------------

今天就先分享到这里，希望小伙伴们多多支持，你们的支持才是我更新的动力。

---

--------------更新----------------------------------------------------------------------------

21.自强学堂 - 在线教程 - w3c - 学习, 分享, 让你更强!：一个比较小众的网站，有点仿照W3C的味道，用来学习基础知识还是不错的。

22.程序员 - 专题 - 简书：简书的程序员专题，里面有很多高质量的文章，闲下来的时候可以用来扩充自己的知识。

23.

：一个类似于慕课网的在线教育网站，虽然个人觉得不够好，但是里面还是有一些课程是很不错的。