25 个 JavaScript 初学者项目创意

我之前写过一篇关于 15 个 JavaScript 初学者项目的博客，很受欢迎，可以在这里查看。很多人不知道的是，这些项目其实是 25 个项目列表中的一部分，我在下面列出了完整的列表。如果你是一个完全的初学者，这些项目应该能让你忙上至少半年。当然，前提是你能自己摸索出来，只用 StackOverflow 或类似的老牌网站来获取技巧。

如果你能用这种方式完成所有项目，我几乎可以保证你一定会成为一名出色的开发者。不信？大约一年前，我刚开始学习 JavaScript 的时候，我几乎连第一个项目都无法独自完成。等我完成之后，嗯，你会看到我在第 25 个项目上取得了怎样的成果。

完成这些项目后，你就能开始用 Node.js 做一些真正的大工程了。现在，先构建这些项目，这样你就能掌握前端了。不要急于进入全栈开发。我经常看到这种情况：有抱负的开发者试图在 1-3 个月内学会所有东西，但当被要求构建一个像样的网站时，他们就像被车灯照到的鹿一样茫然。

我为每个项目都留下了 GitHub 代码库的链接，但只有尝试完所有其他方法后才能查看代码。如果您仍然不明白，这里有前18 个项目的教程链接。

欢迎访问我的网站miguelznunez.com和 25 个 JavaScript 项目的官方网站jsprospect.com。

1. 颜色

GitHub：

现场尝试：
颜色

2. CSS渐变生成器

GitHub：

现场尝试：
梯度生成器

3. 随机报价生成器

GitHub：

现场尝试：
随机报价生成器

4. 信息

GitHub：

现场尝试：
消息

5. 柜台

GitHub：

现场尝试：
计数器

6. 图片轮播

GitHub：

现场尝试：
图片轮播

7. 数字时钟

GitHub：

现场尝试：
数字时钟

8.计算器

GitHub：

现场尝试：
计算器

9.购物清单

GitHub：

现场尝试：
购物清单

10. 小费计算器

GitHub：

亲身尝试：
小费计算器

11. 抽认卡

GitHub：

现场尝试：
抽认卡

12. 待办事项清单

GitHub：

现场尝试：
待办事项清单

13. 便利贴

GitHub：

现场尝试：
便利贴

14.计时器

GitHub：

现场尝试：
计时器

15.数学

GitHub：

现场尝试：
数学

16. Unsplash API

GitHub：

现场尝试：
Unsplash API

17.打字机

GitHub：

现场尝试：
打字机

18.方形卡片

GitHub：

现场尝试：
方形卡片

19.天气应用

GitHub：

现场尝试：
天气应用程序

20. 维基百科 API

GitHub：

尝试一下：
维基百科 API

21. 漫威 API

GitHub：

现场尝试：
Marvel API

22.测验应用程序

GitHub：

现场尝试：
测验应用程序

23. 食谱 API

GitHub：

现场尝试：
Recipe API

24.音乐播放器

GitHub：

现场尝试：
音乐播放器

25. CSS渐变生成器工具

GitHub：

现场尝试：
CSS 渐变生成器