MDN（Mozilla Developer Network）：MDN 是一个开放的 Web 技术文档库，其中包含了 JavaScript 语言的完整文档和教程。它包含了从初学者到高级开发人员所需的所有信息。
2.
W3Schools：W3Schools 是一个非常受欢迎的网站，提供了大量的 Web 开发教程和实例。它的 JavaScript 教程包括了基础语法、DOM 操作、事件处理、AJAX、JSON 等方面的内容。
3.
Codecademy：Codecademy 是一个在线编程学习平台，提供了大量的互动式课程，包括 JavaScript。它的课程非常适合初学者，涵盖了从基础到高级的内容。
4.
freeCodeCamp：freeCodeCamp 是一个非营利性组织，提供了大量的编程课程和项目。它的 JavaScript 课程包括了 ES6、函数、面向对象编程等方面的内容。
5.
YouTube：YouTube 上有很多优秀的 JavaScript 教程视频，包括入门教程、实战项目、框架教程等。其中一些最受欢迎的频道包括 Traversy Media、The Net Ninja、Academind 等。
6.
JavaScript.info：这是一个完整的 JavaScript 教程，旨在为初学者提供深入的学习体验，逐步学习语言特性，从而能够掌握更高级的主题。
视频类:1、lynda.com（英文网站、视频质量高、收费）
http://www.lynda.com/
2、慕课网（所有教程免费，里面的讲师都很不错，课程很多）
http://www.imooc.com/
3、百度传客（部分收费，资源不错）
http://www.chuanke.com/
4、网易云课堂（这个部分视频要收费）
http://study.163.com/
5、极客学院（这个是收费的）
http://www.jikexueyuan.com/
手册、文字教程类：
1、MDN 有很多教程、示例，更新及时
https://developer.mozilla.org/en-US/
2、w3school：提供完整的建站教程，包括：HTML、CSS、TCP/IP、JS、PHP、SQL等，教程是文字教程，
提供在线代码测试，非常方便便于理解。
http://www.w3school.com.cn/
3、Jquery中文手册，支持搜索，内容全面。
http://www.hemin.cn/jq/
4、HTML Dog：英文网站，在线学习HTML、CSS和JS
http://www.htmldog.com/
5、thinkjs 参考手册（thinkjs是基于Promise的Node.js MVC框架）
http://www.thinkjs.org/doc/start.html
6、ES6教程（全面介绍ECMAScript 6新引入的语法特性。）
http://es6.ruanyifeng.com/
7、javascript的秘密花园
http://www.jb51.net/onlineread/JavaScript-Garden-CN/
8、菜鸟教程（网站开发各方面教程）
http://www.w3cschool.cc/
9、百度Echarts 开源图表库
echarts.baidu.com/index.html
10、css-hack css教程 很多css知识点都有详细的说明
http://www.divcss5.com/rumen/
论坛、社区类：
1、Stack Overflow 问答网站，提供优质的问题解答
http://stackoverflow.com/
2、segmentFault 问答网站，提供优质的问题解答
http://segmentfault.com/
3、Github 开源代码库 代码分享 反映技术潮流 推荐！（点击查看github的介绍与使用 点击查看Git的使用）
https://github.com/
4、开源中国社区 代码分享 反映技术潮流 推荐！
http://www.oschina.net/
5、Google Code 代码分享 反映技术潮流 推荐！
(资源整理http://www.cnblogs.com/yangzhenyu/archive/2012/03/25/2417063.html)
https://code.google.com/
6、apache 代码分享 反映技术潮流 推荐！
http://www.apache.org/
7、CSDN IT社区
http://www.csdn.net/
博客、资讯类：
1、淘宝UED
http://ued.taobao.org/blog/
2、OPEN资讯
http://www.open-open.com/news/
3、豪情的博客（里面有很多干货，有很多学习经验的分享）
http://www.cnblogs.com/jikey/
4、前端分享网
http://w3cshare.com/
5、jser的博客
http://jser.me/ （他的前端导航站不能更棒！http://123.jser.us/）
其他：
1、icon图标（这里所有需要的图标）
http://www.easyicon.net/
2、很有趣的闯关游戏，可以来试试
http://cafebabe.cc/nazo/
3、前端资源网址导航
http://www.whycss.com/
4、前端资源汇总（来自知乎）
http://www.zhihu.com/question/20246142/answer/14470387
5、外国妹子180天做的180个网站，好棒！
http://jenniferdewalt.com/
6、支持在线检查标记语言的网站
https://validator.w3.org/
7、javascript练习通关（可以判断答案是否正确，还有其他语言的学习）
http://www.codewars.com/
8、webstorm快捷键
完整快捷键 速查卡
9、less、sass的编译工具-koala
http://koala-app.com/
前端工程师一般都比较喜欢的网站，推荐如下：
w3cschool
只要是学习者，学习跟电脑软件，语言相关的知识，肯定要知道的一个网站，该网站由浅入深，非常基础的给出了很多知识的概括。没事的时候，经常去看看总能有意外的收获。
runoob
这个叫菜鸟教程网的，虽然叫“菜鸟”，其实很多知识点都已经达到了中等水平，和w3cschool差不多，做了一些整合，相对来说翻译的中文比较多，可以结合着w3cschool一起看。
javascript中文网
前端开发工程师都知道，对于前端开发来说想，学习最重要语言之一就是javascript，所以要想让自己提升一个等级，javascript是必须精通的，这个网站非常基础的介绍了javascript的语言使用方式。强烈建议新手观看。
Bootstrap
一个最主流的前端主流框架之一，目前认可度最高的一个前端框架，可以用来做移动端设计。非常的适用。最主要该网站上还提供了其他很多的相关连接地址。在学习的同时也可以扩展个人见识。
如果你看到了这，那我接下来就不用介绍了，可以这么说 bootstrap这个网站里的很多东西，都是作为一个前端开发工程师学习的未来之路，例如React，Jquery，vue.js,webpack,angular.js等等等等。。。。
总结：其实前端开发是一个很广的范畴，所谓的前端开发工程师也要看你的领域，有的只做网站页面设计；有的制作web单页设计，有的专门做手机端交互等等，上面我们没提到的node.js就是前端开发的一个新领域，与其说是前端开发不如说是全端开发的新领域。知识真的是你学的越多，越发现，自己越渺小。
