前端需要知道的学习的网站

1、17素材网：资源还算比较全，包括各种前端插件、图片展示、文字效果、以及整站模板等，但是需要花钱注册会员。

网址：https://www.17sucai.com/

2、模板之家：整站资源比较丰富，各种后台管理、企业、政府模板。免费，广告较多。

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

3、图标
bootstrap图标大全：http://www.bootstrapicons.com/

icon图标大全：https://ionicons.com/

菜鸟教程
大家应该都知道这个网站，简直就是初学者的福音，里面什么都有，但是都很基础。大家可千万不要以为基础就不用心去学，就好像大学学的科目，带有基础二字的书本往往是最难的。可以说前端的小伙伴要是把上面关于前端的过一遍，你就入门了。时间就大概一两周就可以了，而且也是没有什么难度的，假如你是科班出身那就更容易入门了。
W3school
这个其实和菜鸟教程差不多，也是基础的标签等知识点，我觉得看菜鸟教程就好了，大家也可以了解一下。
慕课网
这个真的就是我的启蒙网站，虽然现在已经不常用了，但是一直都在我的收藏夹第一名。不为什么就是为了一种情怀。这个网站还是我没有上大学之前一位师兄推荐的，那时候主要是学习c++的课程，后来就跑去学前端了（因为简单）
上面很多都是收费的课程，但是也有不错的免费课，不想看书或者教程的同学可以选择去看慕课网。
MDN
这个也是比较基础的文档，内容的话比前两个稍有深度，知识讲解也是比较到位的，平时查阅的时候可以作为自己的文档，网站的布局我觉得是不错的，知识分类页非常有条理。
03 进阶锻炼
当你基础入门之后呢，你就应该搞一些比较好玩的技术来玩一下，比如vue和react这个前端比较火的技术，可以说是前端必学的技术，因为没有掌握或者会用它们，你基本上找不到工作。
Vue.js
这是一个非常容易上手的前端框架，前提是你已经经过了基础入门的锻炼。而且它的周边以及生态都非常完善，也有很多支持的组件库，后边会介绍。所以强烈推荐大家去学习这个框架，能够做一写简单的效果之类的，找到前端的乐趣。
Vue CLI
还有介绍一下Vue的脚手架工具，能够让你快速生成一个Hello World项目，然后进行快速的开发，专注于业务。平时用的也是比较多的。
React
因为我对react的技术栈不是很熟悉，我只停留在文档上面，但是也做过简单的demo，知道引用组件、业务拆分等的思想，个人觉得其实和vue都是差不多的，也是组件化的思想，大家也要去学习一下。
因为我没有接触过Angular，所以我就不多说这个，但是不排除也有公司使用angular技术，大家有时间也要多去了解一下吧。我要了解
04 精美组件库
好啦，到了我最想介绍的一部分了，其实这个也是更方便我们前端的日常业务需要。说白了就是解放了我们前端的开发，不用写复杂的css或者html，开箱即用。在这里也非常感谢前端社区做出的巨大贡献。
Element-ui
本人非常喜欢这个组件库,因为里面的一些功能都基本上能够满足我的开发需要,而且也是非常容易上手操作,直接CDN引入或者npm安装，任君选择。最重要的是能够配合Vue.js进行项目开发。
Ant Design
这是由蚂蚁金服出品的前端组件库，也是非常好用的，说再多还不如大家自己去体验一下，它也是支持前端框架使用，而且现在4.0版本也已经发布了。
Bootstrap
这是我最早使用的前端组件库，那时候我发现的时候觉得世界一下子开阔了许多，因为我从基础入门之后就接触这个了，是一位前端的小姐姐推荐的。虽然现在基本上已经不用了，但是还是那句话，情怀所在，也推荐一下。
飞冰
好像这个UI组件库也是挺多人推荐的，是阿里开发的前端组件库，我没有用过，大家可以去看看。
Cube UI
这是一个由滴滴公司开发的前端组件库，也是支持Vue.js语法的，本人也没有使用过，大家也可以了解一下。
05 小程序开发
最近也是做小程序开发相关的工作，其实小程序开发现在已经方便很多了，因为有了很多小程序框架，接下来就介绍一下。
官方开发
这个就不用过多介绍了，毕竟是老大哥，而且官方也有原生支持的WeUI组件库，也是非常方便的。
uni-app
这是近几年来发展比较好的小程序框架，不仅可以开发小程序，实现多端的开发，还可以编译成APP，想想都让人心动。更重要的是它也支持vue语法，简直不能太爽。
uni-app插件市场
说起uni-app不得不提一下它的插件市场，就像我们平时菜市场买菜一样方便，直接拿过来就用，而且还免费。但是也要看清楚是否有一些兼容性问题等。大家下载插件有问题不要喷，因为大家都是为了社区贡献，我们更应该鼓励作者。
uView
这是一个掘金小伙伴的评论，我才发现了这个网站，看了一下觉得非常不错，它的官网介绍称这是uniapp生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。我现在还没开始使用，大家可以去试一下，应该是不错的。
Taro
这是一个由京东开发的小程序框架，它的介绍是一处代码，多出运行，我在很久之前就使用过一次，忘了什么感觉。大家也可以去官网了解一下，说不定不也会爱上这个框架呢！
mpvue
这是一个由美团开发的一个小程序框架，也是支持vue.js的语法，而且它也支持小程序的生命周期，也就是说vue的生命周期和小程序的都适用。
说了这么多，给大家推荐一下我觉得非常不错的小程序资料汇总，每次开发小程序都会看一下到底用什么好，别人总结的非常好！微信小程序开发资源汇总
vant-weapp
最近使用mpvue开发小程序也是使用了这个组件库进行开发，不得不说这是一个非常好的组件库，里面的组件很丰富，能够满足我们的业务开发需要。
View UI
这也是一套基于Vue.js的高质量UI组件库。不得不说现在的组件库实在太丰富，简直是我们前端人的福音呀，现在前端也是越来越注重开发体验的职务，有了组件让用户体验瞬间变得极为友好。
好了，就介绍这么多吧，大家也不一定每个都用的上，后面如果有其他的好用的就再更新！
06 好用工具
说到工具，这里就介绍一下前端人必用的前端工具，大家一定要好好收藏起来。
postman
这是一款接口调试工具，因为前后端经常有进行交互的操作，使用这个工具可以非常方便地调试，也知道问题出在哪里，它支持多种请求方法进行调试，也可以进行传值等各种操作。
谷歌浏览器
谷歌浏览器在市场上的占有率是非常高的，因为它不仅有良好的浏览体验，更重要的是它有很不错的调试功能，我这里介绍的是chromium浏览器，都是一样的，点击就可以下载了。
颜色转换
这是一款颜色转换的工具，非常方便你的颜色取值。之前我都是一直使用这一款，但是最近我发现QQ的截图功能也可以吸取颜色，直接ctrl+c就可以获取16进制的颜色了，简直不要太爽。
navicat
navicat是一款数据库管理的软件，可以方便查看数据库中的各种表数据等等，但是这是一个收费的软件，大家看情况需要吧。或者你可以找一些方法来使用，大家知道就好。
WEBPAGETEST
这是一个网站的测试工具，可以看到你请求一个网站的时间都花在哪个细节上面了，可以用来优化你的网站。不过我也不常用，只是偶然发现而已。
07 讨论社区
掘金
首先推荐的就是掘金了，我觉得这里的文章质量都很高，大家的活跃度也非常不错，很喜欢这个社区。大家也可以看一下掘金小册，也很不错。
思否
思否也是一个不错的讨论社区，我也有很多的困难都在上面找到解决方法。
stackoverflow
这个就比较厉害了，上面有全世界的开发者，也是一个活跃的讨论社区，有着众多的牛人帮你解答问题。但是唯一的缺点就是需要你的英文水平比较高，但是你也可以右键，翻译完事。
牛客网
牛客网在我找工作的这段时间给我的帮助不少，特别是内推方面，上面也有很多公司会发布一些内推的信息，也有很多学长学姐给你推荐，大家一定要收藏这个网站。
另外还有一些像知乎、简书、CSDN这种就比较大众化了，内容质量个人觉得还可以。不过大家也可以去逛一下，你也可以找到不错的解决方案。