菜鸟教程

网址：https://www.runoob.com/

简介：和w3cschool类似的在线教程网站，适合入门，内容全面且简洁易懂，推荐指数⭐⭐⭐⭐⭐。

dida100.com

网址：http://dida100.com/

简介：一讲一练习学习编程，内容全面，简洁易懂，非常适合入门，推荐指数⭐⭐⭐⭐⭐。

w3cschool

网址：https://www.w3cschool.cn/

简介：前端和脚本语言为主的在线教程网站，内容非常不错，推荐指数⭐⭐⭐⭐⭐。

MDN网站

网址：https://developer.mozilla.org/

简介：新手学习HTML、CSS、JS的基础可以来MDN中文网，该网站可以和w3cschool结合使用，基本上可以解决前端新手期的各种疑难杂症。

慕课网

网址：https://www.imooc.com/

简介：有大量的前端程序员学习视频，包含零基础入门和JS突破等，建议提前弄清楚学习目标和收获。

腾讯课堂

网址：https://ke.qq.com/

简介：质量参差不齐，价格便宜，较啰嗦，适合需要多样化学习资源的用户。

牛客网

网址：https://www.nowcoder.com/

简介：可以刷刷各大企业的面试题，适合准备面试的同学。

LeetCode

网址：https://leetcode.com/

简介：刷算法题的网站，适合想要提升算法能力的用户。

CodePen

网址：https://codepen.io/

简介：可以学习和练习前端代码的网站，有很多demo，可以帮助你学习和调试代码。

jsRun编辑器

网址：https://jsrun.net/

简介：和CodePen类似，有很多小例子，可以在线编辑调试代码，还有代码提示，非常友好。

前端导航

网址：http://www.frontendnav.com/

简介：号称是最全的前端学习网站，具体是否最全需要亲自查看。

廖雪峰的官方网站

网址：https://www.liaoxuefeng.com/

简介：有很多新手程序员会在这个网站上学习前端，教程讲解生动形象，推荐指数极高。

阮一峰ES6标准入门

网址：http://es6.ruanyifeng.com/

简介：阮大神的文章讲解透彻，通俗易懂，适合学习ES6标准。

GitHub

网址：https://github.com/

简介：代码托管网站，上面有很多资源，可以通过搜索找到需要的教程和工具，还可以与很多有经验的开发者交流。

掘金

网址：https://juejin.im/

简介：国内优质开发者交流学习社区，可以去看大佬们写的文章，也可以自己分享学习心得，与更多开发者交流。

百度前端技术学院

网址：http://ife.baidu.com/

简介：百度官方推出的前端开发学习项目库。

蓝色理想

网址：http://www.blueidea.com/

简介：国内最大的设计类站点之一，包含丰富的网络开发技术和网站创作设计交流内容。

前端观察

网址：http://www.frontendobserver.com/

简介：纯粹的前端技术分享网站，提供前端技术人员所需的资讯及资源。

CSS88

网址：http://css88.com/

简介：专注前端开发，关注用户体验，是一个资深的Web前端开发站。

CssRain

网址：http://cssrain.com/

简介：实用的前端技术信息，原创和搜集前端开发中细节