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

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

创新互联是一家专注于网站设计、成都网站设计与策划设计,文圣网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:文圣等地区。文圣做网站价格咨询:028-86922220

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

本文转载自微信公众号「大迁世界」，可以通过以下二维码关注。转载本文请联系大迁世界公众号。

本文名称：为了让初学者有项目可入门，我整理了这23个开源项目……
网页链接：http://www.shufengxianlan.com/qtweb/news33/401883.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联