为了让初学者有项目可入门,我整理了这23个开源项目……
作者:Miguel Nunez很多初学者会时不时问我,经常看视频或书之类的教程,但久了没用就很容易的忘记,这个要怎么解?这个真是不好解,因为我也经常这样的,我大都建议多做项目来巩固记忆,但初学者对于比较复杂的项目很不好上手,所以今天分享 25 个初学者的比较容易上手的开源项目,希望对初学者的你们有所帮助,有时间就自己参考事例做一遍,如果没有思路就看源码是怎么实现,相信你会很有收获的。
译者:前端小智
来源:dev
有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
1. Colors
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/e44511f124844a198084b3749f75bda5.gif)
文章图片
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...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/f66192ca94e648659403f06dd06078b0.gif)
文章图片
4. The message
github: https://github.com/iamcodefox...
线上演示例子:https://dev.to/codefoxx/25-be...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/b20ee805432b4b5c9e716c1ddbafa947.gif)
文章图片
5. Counter
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/146fc5075225403a9680c455d13c8530.gif)
文章图片
6. Image carousel
github: https://github.com/iamcodefoxx
线上演示例子:https://github.com/iamcodefox...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/94353251ecd44625939ef7d9fcc5d14b.jpg)
文章图片
7. Digital clock
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/2d466c0b812a4cc0b293e367ab2d29f6.jpg)
文章图片
8. Calculator
github: https://github.com/iamcodefoxx
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/f2525ebc24264d96b9a56f00cd868048.gif)
文章图片
9. Grocery list
github: https://github.com/iamcodefox...
线上演示例子:https://github.com/iamcodefox...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/a47535e2d64c4036a05b28c3534391b1.gif)
文章图片
10. Tip calculator
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/6d9ddde9b6fd457896cd1efdc00cacc6.gif)
文章图片
11. Flashcards
github: https://github.com/iamcodefoxx
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/c87e6b4e2b294f88be21652ad3a73625.gif)
文章图片
12. To-do list
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/79a5e8d0243547f5ab07870abdfb06d8.gif)
文章图片
13. Sticky notes
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/970961812b8140bb87a87cddeaadd6aa.gif)
文章图片
14. Timer
github: https://github.com/iamcodefox...
线上演示例子: https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/075c0b419c104682809b5e253b086082.gif)
文章图片
15. Math
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/d3cea159e675443b80cee2f2ab0389d0.gif)
文章图片
16. Unsplash API
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/db87676b5ae54afdb4d1a6cfa2ccf9a5.gif)
文章图片
17. Typewriter
github: https://github.com/iamcodefoxx
线上演示例子:https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/b2b70f327513423b8e028c4bb4b8411e.gif)
文章图片
18. Square cards
github: https://github.com/iamcodefox...
线上演示例子:https://iamcodefoxx.github.io...
19. Weather application
github: https://github.com/iamcodefox...
线上演示例子: https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/278c0967daf844ab92bd8b99c05cd7fb.gif)
文章图片
20. Wikipedia API
github: https://github.com/iamcodefoxx
线上演示例子: https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/4dbc1ca6d0104c00992a701ee581916d.gif)
文章图片
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个开源项目……](https://img.it610.com/image/info9/7bde99975ad7449ab74aa248ac7cdb30.gif)
文章图片
23. Recipe API
github: https://github.com/iamcodefox...
线上演示例子: https://iamcodefoxx.github.io...
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/de43137181ee44ec835b3d6aff405f85.gif)
文章图片
原文:https://dev.to/codefoxx/25-be...
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
交流 文章每周持续更新,可以微信搜索「 大迁世界 」第一时间阅读和催更(比博客早一到两篇哟),本文 GitHub https://github.com/qq449245884/xiaozhi 已经收录,整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,另外关注公众号,后台回复福利,即可看到福利,你懂的。
【为了让初学者有项目可入门,我整理了这23个开源项目……】
![为了让初学者有项目可入门,我整理了这23个开源项目……](https://img.it610.com/image/info9/8a4e9c23d6b14b89b47f399b49cce3ba.jpg)
文章图片
推荐阅读
- 诗歌:|诗歌: 《让我们举起世界杯,干了!》
- 微习惯复盘
- 从蓦然回首到花开在眼前,都是为了更好的明天。
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- 研学让生活更美好
- 让爱永驻心中
- 让眼泪滑落,成为骄傲(三十九)
- 不让记忆、感觉、情绪成为孩子的负累|不让记忆、感觉、情绪成为孩子的负累|《全脑教养法》(四)
- 句子分享
- 感恩遇见长投-让我重新审视自己