很多初学者会时不时问我,经常看视频或书之类的教程,但久了没用就很容易的忘记,这个要怎么解?这个真是不好解,因为我也经常这样的,我大都建议多做项目来巩固记忆,但初学者对于比较复杂的项目很不好上手,所以今天分享 25 个初学者的比较容易上手的开源项目,希望对初学者的你们有所帮助,有时间就自己参考事例做一遍,如果没有思路就看源码是怎么实现,相信你会很有收获的。
1. Colors
github: https://github.com/iamcodefoxx/Colors
线上演示例子:https://iamcodefoxx.github.io/Colors/
2. Hex colors gradient
github: https://github.com/iamcodefoxx/Hex-Colors-Gradient
线上演示例子:https://iamcodefoxx.github.io/Hex-Colors-Gradient/
3. Random quote generator
GitHub: https://github.com/iamcodefoxx/Random-Quote-Generator
线上演示例子:https://iamcodefoxx.github.io/Random-Quote-Generator/
4. The message
github: https://github.com/iamcodefoxx/The-message
线上演示例子:https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h
5. Counter
github: https://github.com/iamcodefoxx/Counter
线上演示例子:https://iamcodefoxx.github.io/Counter/
6. Image carousel
github: https://github.com/iamcodefoxx
线上演示例子:https://github.com/iamcodefoxx/ImageCarousel
7. Digital clock
github: https://github.com/iamcodefoxx/DigitalClock
线上演示例子:https://iamcodefoxx.github.io/DigitalClock/
8. Calculator
github: https://github.com/iamcodefoxx
线上演示例子:https://iamcodefoxx.github.io/Calculator/
9. Grocery list
github: https://github.com/iamcodefoxx/Grocery-List
线上演示例子:https://github.com/iamcodefoxx/Grocery-List
10. Tip calculator
github: https://github.com/iamcodefoxx/TipCalculator
线上演示例子:https://iamcodefoxx.github.io/TipCalculator/
11. Flashcards
github: https://github.com/iamcodefoxx
线上演示例子:https://iamcodefoxx.github.io/Flashcards/
12. To-do list
github: https://github.com/iamcodefoxx/To-do-list
线上演示例子:https://iamcodefoxx.github.io/To-do-list/
13. Sticky notes
github: https://github.com/iamcodefoxx/Sticky-Notes
线上演示例子:https://iamcodefoxx.github.io/Sticky-Notes/
14. Timer
github: https://github.com/iamcodefoxx/Timer
线上演示例子:https://iamcodefoxx.github.io/Timer/
15. Math
github: https://github.com/iamcodefoxx/Math4Kids
线上演示例子:https://iamcodefoxx.github.io/Math4Kids/
16. Unsplash API
github: https://github.com/iamcodefoxx/UnsplashAPI
线上演示例子:https://iamcodefoxx.github.io/UnsplashAPI/
17. Typewriter
github: https://github.com/iamcodefoxx
线上演示例子:https://iamcodefoxx.github.io/Typewriter/
18. Square cards
github: https://github.com/iamcodefoxx/SquareCards
线上演示例子:https://iamcodefoxx.github.io/SquareCards/
19. Weather application
github: https://github.com/iamcodefoxx/Weather-App
线上演示例子:https://iamcodefoxx.github.io/Weather-App/
20. Wikipedia API
github: https://github.com/iamcodefoxx
线上演示例子:https://iamcodefoxx.github.io/WikipediaAPI/
21. Marvel API
github: https://github.com/iamcodefoxx/Marvel-API
线上演示例子:https://iamcodefoxx.github.io/Marvel-API/
22. Marvel API
github: https://github.com/iamcodefoxx/Quiz-App
线上演示例子:https://iamcodefoxx.github.io/Quiz-App/
23. Recipe API
github: https://github.com/iamcodefoxx/RecipeAPI
线上演示例子:https://iamcodefoxx.github.io/RecipeAPI/
作者:Miguel Nunez 译者:前端小智 来源:dev 原文:https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h
原文链接:https://mp.weixin.qq.com/s/mPW-VTfeWVlktlyAom3LQg