导读：帮助开发者真正成长的是实践，本文为你提供可练习的一些真实项目，也许就是一个成功的开始。

真正的程序员有一个共识，基于项目实践的学习是我们成长最好的方式。

很多的“从入门到深入”的教程最初可能会很好，但如果无法自己构建一个项目，那么你就没有学到真正的东西。

真正的学习需要实践，无论我是想提高技能还是想建立一个作品集来获得一份编程工作，最好的练习方式就是构建开发项目。现在，你应该构建哪些项目是我将在本文中尝试回答的一个好问题。

虽然对于学习编码时应该构建什么样的项目没有通用答案，但我们将在本文中讨论一些好的项目类别和想法。

这些项目将帮助你有效提高自己的技能，并作为Web开发人员或移动应用程序开发人员创建一个项目组合，你可以在面试中向未来的雇主展示这些项目组合。

言归正传，让我们现在开始！

Web 开发组合项目

1. 登陆页面

互联网上所有优秀的产品都有自己的登陆页面。作为一名Web开发人员，了解如何构建出色的登陆页面是最基本的事情。这需要您知道如何构建响应式网站和具有良好设计的网站。

登陆页面是静态的，因此即使你只知道HTML和CSS，也可以设计出漂亮的登陆页面，用来最好地展示产品。提示：我们可以在 Frontend Mentor 上浏览以获取登陆页面的相关创意。

2. API支持的网站

大多数项目都会消耗一些 API，如果你真的想成为一名程序员，就必须知道如何使用 API 来构建更好的项目。

我们可以利用 API 实现无数的想法。从有趣的 Pokémon 项目到音乐流媒体应用程序再到 AI 项目，你的创造力将是应用构建的唯一限制。

3. 克隆网站

克隆网站可以是任何流行网站或你喜欢或最愿意使用的网站副本。它可以是 Facebook、YouTube、Instagram、Twitter、Amazon等任何内容，甚至是不那么受欢迎的内容，因为它们构建起来有些复杂。

如果你可以创建此类网站的克隆，则表明你可以将好的设计转换为好的代码。找到您想要克隆的网站并开始构建吧。如果想更进一步，请创建一个包含前端、API 和数据库的全栈克隆应用程序。

4.增删改查的应用

大多数互动型网站都启用了 CRUD 功能。CRUD 操作允许用户创建、读取、更新和删除数据。博客、电子商务、社交媒体、教育平台、生产力应用程序等都启用了某种 CRUD 功能。

此类别下有很多好的项目创意，例如你可以构建的待办事项列表、笔记应用程序、聊天应用程序、电子商务、社交媒体网站等。

5.人工智能驱动的网站

人工智能在 2023 年正蓬勃发展，最好的一点是，你不一定需要先进的人工智能知识来构建人工智能项目。您可以在互联网上可用的优秀 AI API（例如 Open AI 的ChatGPT API 等）之上构建一些很棒的东西。

在你的投资组合中加入一个人工智能项目，这是向你的雇主表明你关心最新技术发展并且可以学习所需技能的重要一步。

6. 独特的全栈项目

这是我们上面讨论的所有要点的总和。我们已经构建了登陆页面、API 支持的 Web 应用程序、克隆 Web 应用程序、CRUD 应用程序，也许还有 AI 支持的 Web 应用程序。现在，你必须将所有这些结合起来并构建一个独特的项目。

在这里，你将创建一个功能齐全的全栈项目以及一个单独的登陆页面。如果你还可以添加人工智能，那将是锦上添花的优势。

在理想情况下，该项目应该是可以关联的内容、你感兴趣的想法或面临的问题的解决方案。一旦最终确定了这个想法，集思广益，然后记录下来，添加到Web应用程序中的功能里去。

现在，你应该开始构建这个应用过程，共分为三个步骤：

API 节点：创建你需要的所有 API 接口，并检查数据是否正确保存在数据库中。

前端：这是你的Web应用程序的所有用户都将登陆的地方。因此，请尝试构建具有用户喜欢使用的良好 UI/UX 的应用程序。

登陆页面：登陆页面不会向你的产品中添加任何内容，但它是为那些将要使用你的项目的人提供的。因此，请确保你在其中度过了愉快的时光。如果你能很好地完成一个这样的大项目，那就是对你开发技能的最好证明。

移动组合项目

我们上面已经讨论过 Web 开发的相关项目，其中大多数项目想法也可以在应用程序的上下文中使用，例如构建克隆应用程序、CRUD 应用程序、AI 应用程序等。

在本节中，我们将讨论具体的项目示例，以便在你读完本文后，你将拥有适合自己的项目的具体想法和更广泛的类别。

1. 电子商务应用程序

电子商务在互联网和移动互联网仍在蓬勃发展，我们不能忽视这个行业的巨大规模。了解如何构建和维护电子商务应用程序，将对你作为移动应用程序开发人员有很大帮助。

首先，你可以克隆现有的电子商务应用程序（例如亚马逊、ebay等），也可以从头开始构建自己的电子商务应用程序。无论你选择什么，让我们看看必须添加到应用程序中的一些关键功能：

• 搜索商品

• 添加到购物车并支付

• 添加自己的商品

• 过去的购买记录

• 对商品进行评价

2. 饮食跟踪应用

Diet Tracker 应用是一个具有很大潜力的应用程序。你可以将其作为一个简单的食物记录应用程序开始，并最终慢慢使其变得更大更好。

让我们看看可以添加到此类应用程序中的一些功能都有哪些：

• 食物记录

• 通过搜索食谱名称查找营养素

• 针对特定健身目标的饮食计划

• 体重追踪

• 饮水提醒

• 进度追踪

  
  

3.个人理财应用

管理财务对于个人是一项艰巨的任务，有什么比使用应用程序更好的方法来简化它呢？让我们讨论一下这个应用程序可能具有的一些功能：

• 记录收入和支出

• 收入和支出的不同类别

• 可以为交易添加标签

• 预算规划

• 查看现金流、收入和支出的图表和图表

• 可以自动化每月收入和固定支出

• 追踪你的投资

虽然人们可以向此应用程序添加的内容无穷尽，当你实现了上述功能后，这会使该应用程序成为你技术投资组合中的最可靠项目。

4.影评应用

像国外 IMDb 这样的应用程序非常流行，并且在构建开发起来很有趣。你可以在本节中创建一个类似的应用程序，需要添加以下功能：

• 搜索电影

• 给电影评分

• 撰写点评

• 阅读现有评论

• 关注各种电影类型的标签

• 阅读说明、演员表、发行日期、预算、收藏等。

虽然这些功能实施起来很有趣，但不要忘记尽可能让自己与众不同。例如，你可以创建一个小众电影应用程序，例如科幻、喜剧、动作片等。

5.照片编辑应用程序

与本节中提到的其他应用程序不同，照片编辑应用程序有点复杂度，它更有助于使你的投资组合中的项目类别多样化。让我们看看可以添加到此项目中的一些功能：

• 增强选项，例如对比度、亮度等。

• 创建拼贴画

• 添加边框与框架

• 灰度、变亮、变暗等滤镜。

• 减小文件大小

• 删除背景

• 人工智能增强

  
  

6.社交应用程序

社交网络应用程序仍受到每个人的喜爱，并且有着光明的未来。建立一个这样的项目能使你的技能和作品集得到极大的提高，帮助你在雇主面前脱颖而出。

让我们看看可以添加到应用程序中的一些功能列表：

• 使用文本和图像创建帖子

• 评论其它人的帖子

• 点赞/点赞并为帖子添加书签

• 根据兴趣关注其他人

• 个性化标签

• AI 生成的帖子与图片

其中，使用AI 生成的帖子和图片是一个附加功能，但可以激发你考虑添加的更多内容，其余功能都是基本功能，你需要将它们分别添加到项目中。

结语

各位，是不是很有意思？希望这些项目对即将到来的行动引来更多的创意和想法。

无论你是 Web 开发人员、移动应用程序开发人员还是两者兼而有之，相信你都可以做出更有创意和类别的项目。

诚然，在这些项目的用户界面和用户体验上需要花费大量时间，因为它们应该足够好，以供真实用户使用。此外，出色的设计和用户体验是为你的项目/应用程序吸引更多用户的关键。

希望各位喜欢这篇文章，让我知道你将选择哪个项目来开始一段旅程。祝好！

编译：考拉

作者：Ashutosh Mishra

参考：

https://hackernoon.com/12-project-ideas-for-aspiring-web-and-mobile-developers?source=rss