作者：Miguel Nunez
譯者：前端小智
來源：dev
有夢想，有乾貨，微信搜尋 【大遷世界】 關注這個在凌晨還在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收錄，有一線大廠面試完整考點、資料以及我的系列文章。
很多初學者會時不時問我，經常看視訊或書之類的教程，但久了沒用就很容易的忘記，這個要怎麼解？這個真是不好解，因為我也經常這樣的，我大都建議多做專案來鞏固記憶，但初學者對於比較複雜的專案很不好上手，所以今天分享 25 個初學者的比較容易上手的開源專案，希望對初學者的你們有所幫助，有時間就自己參考事例做一遍，如果沒有思路就看原始碼是怎麼實現，相信你會很有收穫的。
1. Colors
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
2. Hex colors gradient
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
3. Random quote generator
GitHub: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
4. The message
github: https://github.com/iamcodefox...
線上演示例子：https://dev.to/codefoxx/25-be...
5. Counter
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
6. Image carousel
github: https://github.com/iamcodefoxx
線上演示例子：https://github.com/iamcodefox...
7. Digital clock
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
8. Calculator
github: https://github.com/iamcodefoxx
線上演示例子：https://iamcodefoxx.github.io...
9. Grocery list
github: https://github.com/iamcodefox...
線上演示例子：https://github.com/iamcodefox...
10. Tip calculator
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
11. Flashcards
github: https://github.com/iamcodefoxx
線上演示例子：https://iamcodefoxx.github.io...
12. To-do list
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
13. Sticky notes
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
14. Timer
github: https://github.com/iamcodefox...
線上演示例子： https://iamcodefoxx.github.io...
15. Math
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
16. Unsplash API
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
17. Typewriter
github: https://github.com/iamcodefoxx
線上演示例子：https://iamcodefoxx.github.io...
18. Square cards
github: https://github.com/iamcodefox...
線上演示例子：https://iamcodefoxx.github.io...
19. Weather application
github: https://github.com/iamcodefox...
線上演示例子： https://iamcodefoxx.github.io...
20. Wikipedia API
github: https://github.com/iamcodefoxx
線上演示例子： https://iamcodefoxx.github.io...
21. Marvel API
github: https://github.com/iamcodefox...
線上演示例子： https://iamcodefoxx.github.io...
22. Marvel API
github: https://github.com/iamcodefox...
線上演示例子： https://iamcodefoxx.github.io...
23. Recipe API
github: https://github.com/iamcodefox...
線上演示例子： https://iamcodefoxx.github.io...
最後，幫我老師宣傳一下新課講透VUE3原始碼，66元 優惠碼 xiaozhi，要學透 vue3 的可以進群瞭解。
原文：https://dev.to/codefoxx/25-be...
程式碼部署後可能存在的BUG沒法實時知道，事後為了解決這些BUG，花了大量的時間進行log 除錯，這邊順便給大家推薦一個好用的BUG監控工具 Fundebug。
交流
有夢想，有乾貨，微信搜尋 【大遷世界】 關注這個在凌晨還在刷碗的刷碗智。
本文 GitHub https://github.com/qq44924588... 已收錄，有一線大廠面試完整考點、資料以及我的系列文章。
