整理了這23個開源項,初學者可以拿來練習!

前端小智發表於2022-02-28
作者: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...

image.png

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... 已收錄,有一線大廠面試完整考點、資料以及我的系列文章。

相關文章