成为 JavaScript 大师的项目创意🚀资源汇编💥+赠品⚡

Hello World!今天我想与你们分享 10 个可以用 JavaScript 从零开始构建的项目！

🔖 - 为文章添加书签以保存它并 记住点赞❤️甚至超级点赞🦄

另请阅读：

400+ JavaScript 面试题🎓及答案🌠

Lorenzo 为 World In Dev 撰稿・ 2021 年 4 月 27 日

#javascript #webdev #career #生产力

文章已不再可用

⚡赠品⚡

我们正在 Udemy 上免费赠送您需要的任何课程。任何价格，任何课程。
参与赠品活动的步骤
--> 回复此帖子
-->订阅我们的新闻通讯 <--非常重要

a)通用（适合初学者）

转换器
字数统计器
定时器/时钟
随机密码生成器
计算器

b)游戏

猜数字
数学时间！
其他游戏

c)社交和网站

登录、注册
菲特勒
待办事项清单
社会的
文件夹

嘿，记得我有一本新书！

a) 常规 --> 适合初学者

1. 转换器

实际上，我不需要对这个类别说太多。只需构建一个能根据给定输入将其转换为美观输出的东西，就能节省我们手动操作的时间🙃。如果你能围绕它做一个完整的网页，那总是个加分项，但你甚至可以用一段非常简单的 JavaScript 代码来实现。

例如，我构建了一个货币转换器，这是我的第一个 JS 项目之一！

CodePen - JavaScript：货币计算器

2. 字数统计

这只是另一个简单有趣的项目，构建一个可以统计文本中单词和字符数量的程序。目标是提供尽可能多的统计数据，例如阅读和口语时间、关键词及其频率等等，发挥你的创造力吧！

一篇文章——用 JavaScript 构建字数统计器

3.定时器/时钟

那个也相当简单，只需尝试构建一个围绕时间的基本功能，比如计时器、数字时钟、预定闹钟……如果你有时间和愿意学习，为什么不做整个时钟应用程序，也许在整个网站上！

一篇文章 - 如何使用 JavaScript 创建数字时钟

4. 随机密码生成器

保护你的学习成果，你可以在现实生活中10分钟内创建一个随机密码生成器。但就像这份清单上的许多其他项目一样，只有通过添加特殊功能，让它们真正成为你自己的，才会充满乐趣！我觉得你可以用这个来深入了解自定义的可能性。

视频 - 使用 Html CSS 和 Javascript 的强随机密码生成器迷你项目 | 密码生成器应用程序 -
在线教程

5.计算器

现在你可以构建更具挑战性的东西，一个功能齐全的计算器。这应该不会太难，每个人都知道计算器的工作原理。只要尝试发挥你的创意，当然可以添加一些功能。让数学变得有趣！

一篇 freecodecamp 文章 - 如何使用 JavaScript 从头开始构建 HTML 计算器应用程序

另一个来源 - CodePen - “带有暗模式开关的新拟态计算器”

b) 游戏

5. 猜数字

这是一个非常著名且简单的游戏，你生成一个从 0 到 50 的随机数，让用户猜。同时，你还会在这个过程中给出一些提示（更小或更大）。虽然没什么特别的，但你已经开始取得很大的进步了！

通过编写猜谜游戏来学习 JavaScript

6. 数学问题

这很有趣，你可以创建一个游戏，生成随机数学问题（例如 1304+222），为用户提供开放式答案或不同选项列表。代码会自动检查结果是否正确。然后，你可以添加记分器、计时器，让用户设置难度，添加排行榜，并使其更加可定制，允许用户筛选问题！

Stack Exchange - 代码审查 - JavaScript 数学问答游戏

7. 其他游戏

--> 纸牌游戏、石头剪刀布、井字游戏、乒乓球游戏……

实际上，你可以用 JavaScript 开发很多游戏，但我认为这四个游戏对提高你的 JavaScript 水平大有裨益。纸牌游戏很有趣，可以直接在控制台上轻松游玩，无需添加完整的视觉效果。例如，我开发了一个完全可以在控制台上玩的二十一点游戏。然后是石头剪刀布和井字游戏。你可以玩前两个玩家的游戏，甚至可以构建一个机器人（实际上更适合井字游戏），允许单个用户玩。
乒乓球游戏可以让你制作更高级的 2D 游戏，并带有实时更新（动画）。