前端小白从入门到进阶必备的N个网站（建议收藏）

文档学习类

1.MDN
MDN是一个完整的学习平台，你可以在这里深入学习Web技术以及能够驱动Web的软件，包括：网络标准（例如：CSS、HTML 和 JavaScript）、开发开放网络应用、开发 Firefox 附加组件。

2.菜鸟教程
菜鸟教程提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python,Java,Ruby,C,PHP , MySQL等各种编程语言的基础知识，可以看做是前端开发字典，可在上边查漏补缺。

3.W3CSchool
w3cschool是一个专业的W3C前端开发及编程入门学习平台,提供包括HTML,CSS,Javascript,jQuery,C,PHP,Java,Python,Sql,Mysql等编程语言和开源技术的在线教程及使用手册。

代码学习/练习类

1.GitHub
作为一个合格的程序员，一定一定要有一个github账户， gitHub是一个面向开源及私有软件项目的托管平台，无数大佬把他们的毕生代码的精华托管在github上，在这里，你可以观摩大佬的代码，学习他们的编程思路和编码习惯等；可以建立静态网页；可以管理插件；可以在线编译；可以托管代码等等，可以说是一个开发人员的世外桃源。

2.LeetCode
LeetCode是一个通过在线刷题网站，收录了很多知名大厂的面试题和行业经典面试题，可以极大提升编程能力斩获名企Offer。

3.牛客网
牛客网上更多的是面试经验，很多面试者会在上边发表面试经历包括面试题。也有很多大厂的历年面试题，以及牛客整理的一些前端面试题库。也有企业会在上边招聘。

视频学习类

1.B站
哔哩哔哩在好多人眼里是一个二次元视频站，不过最近发现有很多前端大佬在B站 发布了许多前沿技术视频，像Vue3.0等，技术前沿不说，关键还免费，这一点就甩下边2号推荐好几条街了(博主比较穷，有钱的大佬别diss我)，很值得大家去发掘。

2.慕课网
慕课网算是老牌培训视频网站中做得比较好的了，博主的前端入门很大一部分来自慕课，作为一个IT技能学习平台,慕课课程包含了JAVA,前端,安卓,Python,大数据等60类主流技术语言,覆盖了程序员面试就业,职业成长等各个环节，唯一的缺点是：这是一个培训平台，有干活的视频都要付费，并且还不便宜。（博主买了不少课程，有需要的小伙伴可以私聊我）

社区平台类

1.CSDN
CSDN是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区.

2.掘金
掘金是一个帮助开发者成长的社区,是给开发者用的 Hacker News,给设计师用的 Designer News,和给产品经理用的 Medium。掘金的技术文章由稀土上聚集的技术大牛和极客共同编辑为你筛选出最优质的干货

3.简书
简书是一个优质的创作社区,在这里,你可以任性地创作,一篇短文、一张照片、一首诗、一幅画……我们相信,每个人都是生活中的艺术家,有着无穷的创造力。

4.博客园
博客园是一个面向开发者的知识分享社区。自创建以来,博客园一直致力并专注于为开发者打造一个纯净的技术交流社区,推动并帮助开发者通过互联网分享知识,从而让更多开发者从中受益。

大牛博客类

1.阮一峰博客
感觉一谈到ES6，就绕不开阮一峰大佬的《ES6入门》，大佬的博客还有很多技术内容，如Flex布局等等，都是经典内容。

2.张鑫旭博客
张鑫旭是专注web前端偏前领域的大佬,著有《CSS世界》《CSS选择器世界》在他的博客，可以学到很多CSS的知识。

3.待补充

官方文档类

1.Vue

2.Node

3.WebPack

4.待补充

开发实用类

1.TinyPng压图
TinyPNG网页版PNG图片专业压缩优化工具,是一个网页版PNG图片专业压缩优化工具,可以在线批量压缩PNG图片,压缩率高达70%,但是基本上看不出与原图有什么区别，具有高保真、高压缩率等优点。

2.阿里巴巴图标库
iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。

3.奥森图标
奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。

4.配色类网站
这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。

5.花瓣网
花瓣网, 设计师寻找灵感的天堂!图片素材领导者,帮你采集、发现网络上你喜欢的事物。你可以用它收集灵感,保存有用的素材,计划旅行,晒晒自己想要的东西。

欢迎大家补充啊～