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

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

1:视频教程类网站

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

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

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

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

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

2:文档资料类网站

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

一些前端入门者可能需要的网站_第1张图片
这个网站非常适合新手学习,内容非常详尽,初学者可以按照这个文档配合视频教程一步步学习。

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

“Bootstrap 中文网开源项目免费 CDN 加速服务”。非常推荐。这个网站上有很多前端开源项目,主流的开源库例如jQuery、vue、react等等都有,并且有以前和现在的多个版本。
一些前端入门者可能需要的网站_第2张图片
还有中文文档和源码的链接,可以说非常贴心了。

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

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

3:素材类网站

Dynamic Dummy Image Generator:https://dummyimage.com/
一些前端入门者可能需要的网站_第3张图片
这个网站会根据用户输入的图片信息自动生成占位图片。非常适合自己做demo时找图片纠结的同学。
一些前端入门者可能需要的网站_第4张图片

也可以在这个网址: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/
和上一个网站相同,也是一个图标素材网站。不同的是,用户可以在下载时自己改变图标的颜色和尺寸,更加方便。
一些前端入门者可能需要的网站_第5张图片

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

一个可以自定义格式的进度条图标网站。一些前端入门者可能需要的网站_第6张图片

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

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


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

你可能感兴趣的:(其他)