前端学习资料整理（2021.6.4更新）

这里记录了一些前端的学习资料，有些是博客，有些是技术论坛社区，东西比较杂，一些国外的网站需要借助梯子，大家可以多逛逛，好好学习，天天向上~

1. react小书：从解决问题的角度讲解，按照发现问题、思考问题、优化代码的逻辑思维过程一步步带领大家认识为什么这样设计，帮助大家更深刻地理解知识。
2. JS年度报告 ：这个网站从2016年开始提供一年一度的JavaScript报告，包括从框架、后端应用、数据层到测试等方方面面。
3. MDN: 对于不了解的知识点可以到MDN查询，当然你也可以在这里看资料学习，MDN知识较全也比较权威。
4. 国外视频教学网站（收费） ：国外的一个前端知识视频教学网站，有非常多的课程，不过是要收费的，并且全英文，想挑战的可以了解一下。
5. 算法可视化的一些网站（包含代码的执行过程，通过动画展示）：http://www.algomation.com/ 、https://visualgo.net/en
6. 30秒就能理解的JavaScript优秀代码片段
7. 阮一峰的博客： 阮大牛的博客里面有很多博文值得大家好好看看的，他的文章把复杂的问题写得通俗易懂，不会晦涩难懂，即使是新手也可以很好地吸收，另外一些观点感想也很有见解。这里也有他写的一些书和文集，感兴趣的可以购买纸质版（ES6标准入门（第三版）、未来世界的幸存者、前方的路）
8. 在线视频教程scrimba：这个网站是国外的前端教学网站，与其他的视频网站不同，这个网站一个很大的特点的是交互式教学，在教学的过程中你可以随时在网页中编写代码练习，可以让你专注于当前的所学知识，非常不错。不过需要一定的英语基础才能听得懂，但是也没关系，这视频不会很枯燥，教学老师是一边码代码，一边同时可以看到代码的执行结果，比单纯的知识点讲解有趣得多。
9. flex布局的小教程，Grid布局的小教程，可以玩玩。
10. Svelet：响应式编程。教程：https://svelte.dev/tutorial/basics
11. 巩固JS一些问题
12. 数据结构
13. 每个前端应该看一下：到底什么是event loop，这里有视频中对应的可视化工具
14. 【计算机科学速成课】[40集全/精校] - Crash Course Computer Science
15. 200多行代码实现的一种微型编译器
16. 非常好的JS教程（英文版）
17. Dan的个人博客（react开发团队的人员）
18. 前端深入系列
19. 开发者社区：DEV
20. JS相关：JsPoint
21. 博客：RWieruch
22. CSS-Tricks
23. 政采云前端团队