作者：Miguel Nunez 译者：前端小智 来源：dev
有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub github.com/qq449245884… 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
很多初学者会时不时问我，经常看视频或书之类的教程，但久了没用就很容易的忘记，这个要怎么解？这个真是不好解，因为我也经常这样的，我大都建议多做项目来巩固记忆，但初学者对于比较复杂的项目很不好上手，所以今天分享 25 个初学者的比较容易上手的开源项目，希望对初学者的你们有所帮助，有时间就自己参考事例做一遍，如果没有思路就看源码是怎么实现，相信你会很有收获的。
1. Colors
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/Colors/
2. Hex colors gradient
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/Hex-Colors-…
3. Random quote generator
GitHub: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/Random-Quot…
4. The message
github: github.com/iamcodefoxx…
线上演示例子：dev.to/codefoxx/25…
5. Counter
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/Counter/
6. Image carousel
github: github.com/iamcodefoxx
线上演示例子：github.com/iamcodefoxx…
7. Digital clock
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/DigitalCloc…
8. Calculator
github: github.com/iamcodefoxx
线上演示例子：iamcodefoxx.github.io/Calculator/
9. Grocery list
github: github.com/iamcodefoxx…
线上演示例子：github.com/iamcodefoxx…
10. Tip calculator
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/TipCalculat…
11. Flashcards
github: github.com/iamcodefoxx
线上演示例子：iamcodefoxx.github.io/Flashcards/
12. To-do list
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/To-do-list/
13. Sticky notes
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/Sticky-Note…
14. Timer
github: github.com/iamcodefoxx…
线上演示例子： iamcodefoxx.github.io/Timer/
15. Math
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/Math4Kids/
16. Unsplash API
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/UnsplashAPI…
17. Typewriter
github: github.com/iamcodefoxx
线上演示例子：iamcodefoxx.github.io/Typewriter/
18. Square cards
github: github.com/iamcodefoxx…
线上演示例子：iamcodefoxx.github.io/SquareCards…
19. Weather application
github: github.com/iamcodefoxx…
线上演示例子： iamcodefoxx.github.io/Weather-App…
20. Wikipedia API
github: github.com/iamcodefoxx
线上演示例子： iamcodefoxx.github.io/WikipediaAP…
21. Marvel API
github: github.com/iamcodefoxx…
线上演示例子： iamcodefoxx.github.io/Marvel-API/
22. Marvel API
github: github.com/iamcodefoxx…
线上演示例子： iamcodefoxx.github.io/Quiz-App/
23. Recipe API
github: github.com/iamcodefoxx…
线上演示例子： iamcodefoxx.github.io/RecipeAPI/
代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
交流
文章每周持续更新，可以微信搜索「 大迁世界 」第一时间阅读和催更（比博客早一到两篇哟），本文 GitHub github.com/qq449245884… 已经收录，整理了很多我的文档，欢迎Star和完善，大家面试可以参照考点复习，另外关注公众号，后台回复福利，即可看到福利，你懂的。
