标签：前端学习教程 /html教程 /css教程/JavaScript教程

一个好的前端教程网站能带我们走进前端的世界，那么，20多个前端优秀教程网站呢？

21个前端开发学习与资源网站汇总

由爱整理的我就利用有限的资源整理了一些前端学习与资源网站，推荐收藏一下，以后备用。

★5个中文前端学习与资源网站汇总

1、W3c职位的技能学习进阶路线

【https://www.w3cschool.cn/position/positionlist】为广大想学习前端的同学提供了一个整体学习的结构体系，打消不知道学习什么顾虑，什么时候该学习什么清晰明了，有点前端基础的，学习起来会更高效【强烈推荐】

2、w3school 在线教程

【http://www.w3school.com.cn/】各种前端在线实例测试工具、快捷易懂的学习方式、HTML、CSS、XML 、JavaScript等技术参考手册等【强烈推荐】

3、前端网笔记（较全面的学习网站）

【http://www.qdfuns.com/】点击进去感觉域名很吊...特别详细和高大上的一个规范，很专业的样子，话不多说【强烈推荐】

4、大前端前端网址导航（前端一条龙！）

【http://www.daqianduan.com/nav】涉及到前端的方方面面！素材、教程、工具等一应俱全！【强烈推荐】

5、伯乐在线-web前端

【http://web.jobbole.com/】网站打开速度慢了点，但是不影响我们学习的热情！

★6个中文前端博客学习网站汇总

6、司徒正美的博客（不是这个网站的规范，只是跟其他的规范区分开来）

【http://www.cnblogs.com/rubylouvre/】

7、汤姆大叔的博客（这是个梗...）

【http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html#3281482】主要分享的是深入理解JavaScript系列的文章，很深入。

8、W3cplus前端教程（不是这个网站的规范，只是跟其他的规范区分开来）

【https://www.w3cplus.com/】分类不好分，姑且放到博客里吧

9、张鑫旭的个人了空间

【http://www.zhangxinxu.com/】内容很丰富，值得参考学习【强烈推荐】

10、阮一峰的网络日志

【http://www.ruanyifeng.com/blog/javascript/】javascript的学习参考资源！

11、SegmentFault技术问答

【https://segmentfault.com/】是一个专业的技术问答类的学习网站，有兴趣的可以去看看！

★9个英文前端学习网站汇总（第一篇文章中有相关的英文网页翻译的插件介绍，请点击在文章最后部分查看：24个Web前端人员不能错过的在线检测网站汇总）

12、Html dog教程

【http://htmldog.com/】所有的HTML、CSS和JavaScript,最常见的语言用于制作网页。【强烈推荐】

13、web Design教程

【https://www.webdesign.org/】拥有网站模板和教程等一手资源【强烈推荐】

14、WebDevelopersNotes教程

【https://www.webdevelopersnotes.com/】发现个基础知识测试的功能，感觉还不错，有兴趣的同学可以去挑战一下，希望不会太容易！

15、html.com：HTML教程

【https://html.com/】Html官方网站？

16、jquery

【http://jquery.com/】jQuery是一个快速,小,功能丰富的JavaScript库。

17、JavaScript | MDN：JavaScript基础

【https://developer.mozilla.org/en-US/docs/Web/JavaScript】如果你想了解JavaScript,但没有JavaScript或编程的经验，可以去看看【强烈推荐】

18、tizag教程

【http://www.tizag.com/】Tizag旨在教初学者web程序员如何使用HTML和CSS。【强烈推荐】

19、webappers教程网

【http://www.webappers.com/】

20、100个编程语言教程,教训,入门的（自称的）

【http://www.academictutorials.com/】提供教程搜索服务【强烈推荐】

★前端收集（前端学习资源）

【http://blog.csdn.net/bingqingsuimeng/article/details/17277123】前端学习资源收集汇总大全，完全满足各位的需求！！！【强烈推荐】

以上信息均为来源于网络，由爱整理整理呈现，方便大家参考和学习!

欢迎大家以各种姿势关注，在下不定期更新