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