一些前端入门者可能需要的网站

本人大概在两年以前在学校开始接触了前端的知识，中间又陆续学习了其他课程，对于前端的学习落下了许多。近半年来重新系统的复习和学习了一下关于前端的知识，也算是有了一点学习经验。在此想分享一些我在学习和练习的时候所用到的实用类的网站。希望能想学习前端知识，或者刚开始学习的同学们一些帮助，不胜荣幸。

1：视频教程类网站

慕课网：https://www.imooc.com/course/list?c=fe

这个网站上有很多的免费课程，有很多同学也在这个网站上学习。其中从入门教程到高级教程应有尽有，可以在线做笔记，也可以和一起学习的同学交流，可以说是非常适合学习的一个网站。

网易云课堂：https://study.163.com/

这个网站上和上面的相似，有很多免费教程，也有很多比较有名的讲师或机构的视频。

网站就先推荐这两个，其实学哪个老师的视频不是重点，毕竟很多课所讲的只是都是相同的，可能是授课方式和侧重习惯不同。我们的目的是掌握知识。建议初学者可以先学习同类视频中的一个，然后再学习讲解这个知识的另一个老师的视频。这样能够学到第一次看视频时老师没有讲到的知识点，即便是相同的知识点也能复习到，让自己掌握的更牢固。

2：文档资料类网站

w3school：http://www.w3school.com.cn/

这个网站非常适合新手学习，内容非常详尽，初学者可以按照这个文档配合视频教程一步步学习。

BootCDN：https://www.bootcdn.cn/

“Bootstrap 中文网开源项目免费 CDN 加速服务”。非常推荐。这个网站上有很多前端开源项目，主流的开源库例如jQuery、vue、react等等都有，并且有以前和现在的多个版本。

还有中文文档和源码的链接，可以说非常贴心了。

MDN：https://developer.mozilla.org/zh-CN/

这个网站我用的并不多，放出来仅供大家参考。

3：素材类网站

Dynamic Dummy Image Generator：https://dummyimage.com/

这个网站会根据用户输入的图片信息自动生成占位图片。非常适合自己做demo时找图片纠结的同学。

也可以在这个网址：https://dummyimage.com/1200x500/e9562e/000&text=dummyimage.com+rocks!中直接填写图片的数据，生成相应的图片。

Unsplash：https://unsplash.com/

这也是一个可以免费下载图片的网站，图片都很清晰，很多都是专业摄影师的作品。

图标下载：https://www.easyicon.net/

一个免费图标下载网站，上面的图标非常多，且有png或ico等多种格式提供下载。

Iconfont：http://www.iconfont.cn/
和上一个网站相同，也是一个图标素材网站。不同的是，用户可以在下载时自己改变图标的颜色和尺寸，更加方便。

loading.io：https://loading.io/

一个可以自定义格式的进度条图标网站。

有字库：https://www.youziku.com/

非常多的中文字体，可以在线引用，非常方便。

---

先暂时推荐这么多，希望大家在平常学习和练习的时候能用得到。主要还是在于练习，代码敲的多了，功力自然会慢慢上涨。平时多上一些技术类网站，多看一些技术博客，多看看一些开源项目的源码，都会对自己有很大的帮助。大家一起加油吧！