为了让初学者有项目可入门,我整理了这23个开源项目……

时间:2022-02-06 03:05:48

为了让初学者有项目可入门,我整理了这23个开源项目……

很多初学者会时不时问我,经常看视频或书之类的教程,但久了没用就很容易的忘记,这个要怎么解?这个真是不好解,因为我也经常这样的,我大都建议多做项目来巩固记忆,但初学者对于比较复杂的项目很不好上手,所以今天分享 25 个初学者的比较容易上手的开源项目,希望对初学者的你们有所帮助,有时间就自己参考事例做一遍,如果没有思路就看源码是怎么实现,相信你会很有收获的。

1. Colors

github: https://github.com/iamcodefoxx/Colors

线上演示例子:https://iamcodefoxx.github.io/Colors/

为了让初学者有项目可入门,我整理了这23个开源项目……

2. Hex colors gradient

github: https://github.com/iamcodefoxx/Hex-Colors-Gradient

线上演示例子:https://iamcodefoxx.github.io/Hex-Colors-Gradient/

为了让初学者有项目可入门,我整理了这23个开源项目……

3. Random quote generator

GitHub: https://github.com/iamcodefoxx/Random-Quote-Generator

线上演示例子:https://iamcodefoxx.github.io/Random-Quote-Generator/

为了让初学者有项目可入门,我整理了这23个开源项目……

4. The message

github: https://github.com/iamcodefoxx/The-message

线上演示例子:https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h

为了让初学者有项目可入门,我整理了这23个开源项目……

5. Counter

github: https://github.com/iamcodefoxx/Counter

线上演示例子:https://iamcodefoxx.github.io/Counter/

为了让初学者有项目可入门,我整理了这23个开源项目……

6. Image carousel

github: https://github.com/iamcodefoxx

线上演示例子:https://github.com/iamcodefoxx/ImageCarousel

为了让初学者有项目可入门,我整理了这23个开源项目……

7. Digital clock

github: https://github.com/iamcodefoxx/DigitalClock

线上演示例子:https://iamcodefoxx.github.io/DigitalClock/

为了让初学者有项目可入门,我整理了这23个开源项目……

8. Calculator

github: https://github.com/iamcodefoxx

线上演示例子:https://iamcodefoxx.github.io/Calculator/

为了让初学者有项目可入门,我整理了这23个开源项目……

9. Grocery list

github: https://github.com/iamcodefoxx/Grocery-List

线上演示例子:https://github.com/iamcodefoxx/Grocery-List

为了让初学者有项目可入门,我整理了这23个开源项目……

10. Tip calculator

github: https://github.com/iamcodefoxx/TipCalculator

线上演示例子:https://iamcodefoxx.github.io/TipCalculator/

为了让初学者有项目可入门,我整理了这23个开源项目……

11. Flashcards

github: https://github.com/iamcodefoxx

线上演示例子:https://iamcodefoxx.github.io/Flashcards/

为了让初学者有项目可入门,我整理了这23个开源项目……

12. To-do list

github: https://github.com/iamcodefoxx/To-do-list

线上演示例子:https://iamcodefoxx.github.io/To-do-list/

为了让初学者有项目可入门,我整理了这23个开源项目……

13. Sticky notes

github: https://github.com/iamcodefoxx/Sticky-Notes

线上演示例子:https://iamcodefoxx.github.io/Sticky-Notes/

为了让初学者有项目可入门,我整理了这23个开源项目……

14. Timer

github: https://github.com/iamcodefoxx/Timer

线上演示例子:https://iamcodefoxx.github.io/Timer/

为了让初学者有项目可入门,我整理了这23个开源项目……

15. Math

github: https://github.com/iamcodefoxx/Math4Kids

线上演示例子:https://iamcodefoxx.github.io/Math4Kids/

为了让初学者有项目可入门,我整理了这23个开源项目……

16. Unsplash API

github: https://github.com/iamcodefoxx/UnsplashAPI

线上演示例子:https://iamcodefoxx.github.io/UnsplashAPI/

为了让初学者有项目可入门,我整理了这23个开源项目……

17. Typewriter

github: https://github.com/iamcodefoxx

线上演示例子:https://iamcodefoxx.github.io/Typewriter/

为了让初学者有项目可入门,我整理了这23个开源项目……

18. Square cards

github: https://github.com/iamcodefoxx/SquareCards

线上演示例子:https://iamcodefoxx.github.io/SquareCards/

为了让初学者有项目可入门,我整理了这23个开源项目……

19. Weather application

github: https://github.com/iamcodefoxx/Weather-App

线上演示例子:https://iamcodefoxx.github.io/Weather-App/

为了让初学者有项目可入门,我整理了这23个开源项目……

20. Wikipedia API

github: https://github.com/iamcodefoxx

线上演示例子:https://iamcodefoxx.github.io/WikipediaAPI/

为了让初学者有项目可入门,我整理了这23个开源项目……

21. Marvel API

github: https://github.com/iamcodefoxx/Marvel-API

线上演示例子:https://iamcodefoxx.github.io/Marvel-API/

为了让初学者有项目可入门,我整理了这23个开源项目……

22. Marvel API

github: https://github.com/iamcodefoxx/Quiz-App

线上演示例子:https://iamcodefoxx.github.io/Quiz-App/

为了让初学者有项目可入门,我整理了这23个开源项目……

23. Recipe API

github: https://github.com/iamcodefoxx/RecipeAPI

线上演示例子:https://iamcodefoxx.github.io/RecipeAPI/

为了让初学者有项目可入门,我整理了这23个开源项目……

作者:Miguel Nunez 译者:前端小智 来源:dev 原文:https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h

原文链接:https://mp.weixin.qq.com/s/mPW-VTfeWVlktlyAom3LQg