0011.使用AI创建应用https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/708861c4ef2a0011e3db808bb251ef80_0.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/708861c4ef2a0011e3db808bb251ef80_0.png概述 在本节课中我们将学习如何使用人工智能来构建有趣且实用的软件。无论你的背景或训练如何你都可以跟随本教程开始你的第一个项目。我是吴恩达我将向你展示如何利用AI来构建软件。如果你对使用AI或“氛围编程”来构建酷炫的软件感兴趣但不确定从哪里开始那么这门课程非常适合你。示例应用趣味生日贺卡 首先让我展示一个有趣的生日贺卡应用。你将在几分钟内学会使用ChatGPT、Gemini或任何其他类似的AI系统来构建它。即使你之前从未写过一行代码。这个生日贺卡应用是一个被称为“网络应用程序”的计算机程序这意味着它可以直接在你的网页浏览器中运行。该应用接收你输入的信息并当场为你创建一张定制的贺卡。在下一课中你将通过向AI描述你想要的功能来构建你自己的版本AI会为你编写所有代码。以下是该应用的使用方式你输入一个名字、一个年龄、一个爱好例如企鹅时装设计、一个形容词例如有趣和一个复数名词例如歌曲。然后点击“生成贺卡”它就会生成一段文字。例如“Karen无论如何你已经27岁了。你对企鹅时装设计的奉献是传奇的素材你那可疑的有趣图标Sily说明大多数人都喜欢你。”这相当有趣。或者如果我不想自己填写所有这些词我可以点击“我感觉很幸运”让应用自动填充然后生成一张不同的贺卡。这次你会得到另一个生日贺卡一个不同的有趣故事或一张不同的有趣生日贺卡。请注意该应用会存储我们生成的所有贺卡。我可以点击任何一张贺卡上的“复制”按钮生日祝福信息就会复制到我的剪贴板。我可以将这条信息粘贴到电子邮件或短信中作为生日贺卡发送出去。实践的重要性 ️你可能已经迫不及待地想直接开始构建你自己的创意了。如果是这样那太好了。但在开始之前花一点时间亲自构建这个生日贺卡应用将会大有裨益。这样做会让你更好地了解如何与AI对话从而真正获得你想要的结果。这个实践过程将培养你对如何塑造AI实际产出的直觉并且你会更清楚地认识到即使是很小的调整也可能导致非常不同的结果。一旦你对这一系列概念更加熟悉构建你自己的创意就会变得更快、更容易因为你更懂得如何引导整个过程。总结与展望 https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/708861c4ef2a0011e3db808bb251ef80_2.png像这样的应用可能看起来构建起来很复杂但在下一个视频中我将向你展示如何在几分钟内构建出类似的东西。本节课中我们一起学习了AI辅助编程的基本概念并通过一个生日贺卡应用的例子了解了从描述需求到生成可运行应用的完整流程。下一节我们将动手实践开始构建属于你自己的第一个应用。让我们进入下一个视频吧。002告诉AI你的需求 https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_1.png在本节课中我们将学习如何通过“提示”来告诉AI为我们构建软件。你将了解如何清晰地描述你的需求以便AI能生成符合预期的代码。在AI时代构建软件最简单的方式不再是亲自编写每一行代码。相反你应该告诉AI为你完成这项工作。告诉AI做什么这个过程被称为“提示”。当获得精确的指令时AI可以为你完成许多事情。一个实践案例 https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_3.png上一节我们提到了“提示”的概念本节中我们来看看一个具体的例子。我们将一起通过一个例子来学习如何提示AI为你创建软件然后你可以自己尝试。你可以使用任何AI聊天系统如ChatGPT、Gemini、Claude或本网站内置的系统。要使用这些AI系统你需要给它一个“提示”或一组指令。例如你可以给出这样的提示来告诉它创建一个网页帮助你写生日贺卡“创建一个网页来帮我写生日贺卡。当我输入一个人的姓名、年龄和爱好时你应该返回一条有趣的消息。”如果你这样做AI可能会生成一个类似这样的应用这是一个良好的开端。你可以输入姓名、年龄和爱好它会生成一条像这样的消息。如果你对此不满意可以继续与AI对话并说“让它更漂亮添加一个喜庆的标题和颜色。”这将给你第二个版本的应用现在看起来好一些了。如果你仍然不满意可以说“在右侧显示贺卡让生日贺卡看起来像可以打开的样子。”然后你会得到第三个版本。如果你有更多想法让它变得更好你可以给出更多指令比如“在顶部添加一个精美的标题”等等。这就是我在实践中使用AI编写代码的方式。我通常从一组基本指令开始看看得到什么然后反复告诉AI我希望如何改进它。提示的构成模块 事实证明当你构建软件应用程序时有几个基本的构成模块你最终可能会包含在提示中。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_5.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_6.png以下是你在编写提示时可以考虑包含的五个常见部分目标这是你想要创建什么。例如“创建一个网页来帮我写生日贺卡”。输入用户需要告诉软件什么信息。例如“姓名、年龄和爱好”。输出你希望软件输出什么。例如“一条有趣的消息”。布局应用程序的各个部分如何排列。例如“左侧是输入表单右侧显示生成的贺卡”。特殊功能你希望包含的任何额外功能。例如“喜庆的标题和颜色”。编写好的提示有很多方法但当你开始让AI为你构建软件的旅程时我鼓励你考虑这五个构成模块作为你可能选择包含在提示中的常见部分。两种提示策略迭代与一次性 在之前的幻灯片中我们经历了一个来回的过程我逐步向AI添加指令告诉它我想要做什么。但如果你已经大致知道你想要构建什么你也可以在单个提示中指定所有的构成模块。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_8.png例如如果我已经知道我对软件的规格要求我可以写一个更长的单一提示“创建一个网页来帮我写生日贺卡。用户需要输入姓名、年龄和爱好。在左侧显示一个输入表单在右侧显示生成的贺卡。贺卡应有一个喜庆的标题使用明亮的颜色并且消息要幽默。”在这个例子中我把所有五个构成模块都写进了一个更长的单一提示中。因此与上一个视频中看到的逐步构建方式不同你也可以在一个更长的提示中给出所有指令这可能会给你一个更好的初始版本应用如果它仍然不完全符合你的要求你可以进一步优化。构建模块的组合与顺序 无论你是一次性写一个长提示还是逐步地一次给出一个构建模块我通常会先告诉AI我的目标是什么。对于剩下的构建模块有多种方式可以将它们组合在一起你不必每次都使用所有构建模块顺序也不是非常重要。你可以从目标开始然后说明输入、输出、布局也许不列出任何特殊功能。或者你可以以另一种方式组合构建模块这也能正常工作。你也可以以不同的顺序列出构建模块AI通常很擅长理解这些不同的排列组合。如果你觉得“天啊这太多了”我想说别担心。如果你只是告诉AI你脑海中的任何想法即使它是部分的、不完美的你也可以与AI来回工作几次与AI一起将它打磨成你想要的东西。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_10.png具体化指令的重要性 随着时间的推移你将磨练的一项技能是向AI给出更具体指令的能力。因为事实证明即使你给出相当具体的提示你得到的结果也可能有所不同。这里有一个你刚刚看到的详细长提示指定了所有五个构建模块。如果你多次向同一个AI系统给出这些相同的指令也许第一次它会给出一个看起来不错的应用第二次可能会构建出类似这样的东西第三次又构建出另一种。所有这些看起来都相当不错你可以看到它们之间存在一些差异。相比之下如果有人给出一个不那么具体、不那么清晰的提示比如一个非常简短的提示只说“网页告诉我写生日贺卡”这是一个相对模糊的提示。如果你多次通过AI系统运行这个提示得到的结果可能第一次是这样第二次完全不同有不同的字段第三次又与前两次完全不同。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_12.png你写的提示越具体、越精确结果就越可预测。但即便如此仍会有一点可变性。因此如果你得到的结果与本视频中展示的略有不同请不要担心这是AI系统行为的正常现象。但如果它产生了你非常不喜欢的东西那也没关系只需给它额外的指令来引导或推动AI更接近你真正希望它做的事情。动手实践生成你的第一个网页应用 学习这个的最佳方式是将你的手放在键盘上亲自尝试使用AI。让我向你展示它会是什么样子。在本视频之后我希望你做的是访问网站上的这个部分并自己完成这个练习。这里有你可以稍后阅读的说明。这是一个类似于ChatGPT、Gemini、Claude等的AI系统。我将选择并复制粘贴这里的第一个提示告诉AI“创建一个网页来帮我写生日贺卡”等等然后点击发送给AI。它会思考一会儿然后生成一个HTML页面你可以下载并运行。请注意当它还在运行时这里的下载按钮是灰色的所以我实际上还不能点击它。但AI系统会花一点时间来编写一些我们称之为HTML页面的代码这就是将要成为生日贺卡生成器的东西。现在AI已经生成了所有这些HTML代码我可以点击这个下载按钮。我在Mac上运行Chrome稍后我会展示如果你在不同的机器上该怎么做。我可以进入下载菜单打开文件这就创建了一个小小的生日贺卡生成器。我可以输入“Karen, 27, 绘画”然后点击“创建贺卡”它会生成一条简单的生日消息。请注意这实际上是一段用HTML编写的代码现在正在你的计算机上运行。如果你自己这样做代码会保存在一个名为index.html的文件中并实际保存到我的计算机上。如果你这样做它也会保存到你的计算机上。现在如果你想改进代码你可以提示它“添加一个喜庆的标题和颜色”。然后它会更新代码和之前一样我必须等待它完成编写代码然后才能下载它。现在我可以下载它并像之前一样打开它。哇现在它看起来喜庆多了。所以我希望你做的是亲自尝试一下。你可以使用这第三个提示运行它或者使用第四个提示或者如果你愿意尝试一些其他提示。一次只使用这四个提示中的一个看看你能得到什么样的生日贺卡生成器这也是可以的。跨平台适用性与文件处理 https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_14.png尽管我是在一个网站上向你展示这个过程但这些相同的提示应该在OpenAI的ChatGPT、Google的Gemini、Anthropic的Claude或任何其他流行的AI系统上给你带来类似的结果。你学习的技能并不局限于任何一个平台这些技能适用于你选择使用的任何AI系统。当你点击下载按钮时你的网络浏览器通常会下载一个名为index.html的文件或者AI生成的带有代码的任何文件到你的下载文件夹。这些视频向你展示了如何在Windows或Mac上导航到下载文件夹以找到该文件。然后如果你双击它它应该在网络浏览器中打开让你看到刚刚生成的代码在网络浏览器中运行时的样子。请尝试一下。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_16.png获取反馈与持续改进 在你尝试这个过程并生成一个网页应用之后我希望你拥有的一种心态是获取反馈通常是构建软件应用程序的重要一步。每当我编写软件时我经常会把它展示给朋友、家人看有时也会礼貌地接近陌生人询问他们是否愿意看看我正在构建的东西看看他们是否能告诉我他们的想法或者通过电子邮件发送给同事或发布在在线论坛上以获取反馈。因为我发现当人们看它时他们通常会对如何让它变得更好提出建议。有时如果你通过展示一些有趣的东西让朋友笑起来我也会发现这真的很鼓舞人心并给我继续前进的能量。所以我现在希望你做的是进入本课程的下一个项目亲自尝试一下。让AI为你生成一些代码下载HTML文件看看你得到什么结果。如果你有动力我也希望你能把它展示给朋友或其他人以获得他们的反馈。之后请回到下一个视频我们将继续完善这个应用看看如何为生日贺卡应用添加更多功能让它更有趣。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/6fcc8516b96c1822775548f3bde8cb63_18.png总结 本节课中我们一起学习了如何通过“提示”来指导AI生成代码。我们了解了提示的五个基本构成模块目标、输入、输出、布局和特殊功能。我们探讨了迭代优化与一次性详细说明两种策略并强调了给出具体指令以获得更可预测结果的重要性。最后我们通过动手实践生成了一个生日贺卡网页应用并认识到获取反馈是持续改进的关键。记住与AI协作是一个反复对话和打磨的过程。003自定义你的应用 https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_1.png在本节课中我们将学习如何为你已经构建的基础生日贺卡应用添加新功能和修改现有设计。我们将重点探讨如何通过编写更具体的提示词来指导AI以及当应用出现问题时如何进行调试和修复。概述从基础到个性化上一节我们构建了一个基础的生日贺卡应用。本节中我们来看看如何通过添加额外功能来增强它使其能做更多事情或变得更有趣。如果你将应用展示给其他人他们可能也会提出一些添加功能的想法。同时我也想向你展示如果AI为你构建的内容出现问题例如它的工作方式不符合你的预期时你该如何处理。与之前一样我们主要通过提示词来告诉AI应用需要哪些功能。理解为何提示词需要具体化非常重要。让我用一个点餐的类比来解释如果你去餐车只说“给我一个三明治”没人知道你会得到什么样的三明治。但如果你说得更具体比如“我想要一个素食三明治”那么你得到的选项范围就会缩小。或者你说“我想要一个带鹰嘴豆泥和奶酪的素食三明治用全麦面包”这个具体的指令会让你得到的结果变得可预测得多。如果你再说“要这样的素食三明治配一杯饮料请打包”那么餐车会给你什么就更加可预测了。在餐车点餐时要求越具体你就越可能得到你想要的东西。对于提示AI也是如此。通过编写更具体的提示词你更有可能得到你想要的精确结果。随着你让AI为你编写代码的技能提升你会更擅长给AI下达更具体的指令这将带来更好的结果。我之前通过一次或几次来回对话使用类似这样的提示词构建了一个应用。现在我想做的是添加一些新功能并修改一些现有的功能。例如与其只有三个输入字段姓名、年龄、爱好也许你想收集五条信息。这样用户就可以输入五个字段从而创建更个性化的消息。或者你可能想要一个“试试手气”按钮自动为你填写所有字段这样你就不必每次使用应用时都手动输入所有内容。你也可以更新外观和感觉例如更改标题或添加一个将消息复制到剪贴板的按钮以便轻松地通过电子邮件发送给朋友。你甚至可以重新设计整个配色方案以更好地匹配你的风格。在构建了基础应用之后你可以通过决定要添加哪些功能来让应用真正属于你。因此你可以通过告诉AI来继续聊天对话使其拥有五个清晰标记的输入字段姓名、年龄、爱好、形容词和复数名词。AI会将应用更新成这样。请注意我在这里写的指令非常具体。我不仅仅是说“添加五个字段”我还告诉它我想要哪五个字段。或者如果我添加一个“试试手气”按钮我也会尽量具体地告诉它我希望这个按钮做什么我希望它能自动用随机词填充空白并且我希望预定义的词选择是有趣的。在这里我实际上同时添加了两个功能我可能会更新标题和副标题同时添加一个按钮来将内容复制到剪贴板。所以这实际上是上一张幻灯片中两个要点的内容我同时添加了它们。我喜欢蓝色所以让我们把配色感觉改成蓝色。你可以自由尝试这些提示词或者更好的是选择一个不同的颜色主题或者告诉AI实现你拥有的任何其他想法。如果你像我女儿一样喜欢粉色或者像我儿子一样喜欢绿色那就使用粉色或绿色的主题或者根据你想做的进行其他更改。如果你改变了主意你也可以这样做。所以在我将颜色主题改为蓝色之后如果我决定我其实不想要蓝色而是想要紫色你可以写一个像这样的提示词AI会顺从地将其改为紫色。大多数时候AI都很擅长准确地完成你要求它做的事情。但有时它有可能生成一个无法正常工作的HTML页面。在软件中当某些东西没有按照预期的方式工作时我们称之为“bug”。这里实际上是一个AI早些时候为我生成的有问题的应用版本我已经填写了所有这些字段但如果我点击“生成贺卡”按钮……https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_3.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_4.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_5.png……什么也没发生。这有点奇怪。我点击了鼠标但它实际上并没有生成贺卡。结果我发现“试试手气”按钮是有效的但“生成贺卡”按钮却没有为我创建任何贺卡。如果发生这种情况我鼓励你清楚地告诉AI发生了什么。所以在这里输入“当我点击生成贺卡按钮时什么也没有发生。你能为我修复它吗”如果你这样做AI通常很擅长发现至少是基本的bug并修复任何错误。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_3.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_4.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_5.png当你这样做时有时AI会写一些关于哪里出了问题的技术性解释。例如它可能会说“JavaScript附加按钮点击事件监听器失败”之类的这有很多技术术语。我想说就目前而言你只需接受AI在这里所说的内容不需要理解这些技术细节。如果你真的好奇可以问AI这些术语是什么意思但你不必这样做。让AI去思考技术问题然后专注于下载新的HTML文件看看它是否正常工作。实践与探索让你的应用更酷我希望你开始修改基础生日贺卡应用尝试构建我在本视频前面建议的功能或者你的朋友建议的一些功能或者你自己的想法。事实上如果你不确定还要做什么你也可以向AI征求想法。所以如果你问它“我怎样才能让这个生日贺卡应用更酷”它可能会给出一些建议然后你可以选择一个或多个看看AI的想法如何让你的应用更酷。我在构建软件时实际上经常使用AI作为头脑风暴伙伴如果你还没有自己特别想实现的想法你也应该这样做。请前往本网站的下一个项目愉快地添加功能、调整颜色主题或实现任何你想做的事情。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_7.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_9.png当你回来时我们将利用你已经学到的技能来构建第二个应用一个乒乓球游戏。总结https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/e953671dbeecd0a264c27c02b5020021_9.png本节课中我们一起学习了如何通过编写具体、明确的提示词来指导AI为你的应用添加新功能如更多输入字段、自动填充按钮和修改设计如更改配色方案。我们还探讨了当应用出现bug例如按钮点击无响应时如何通过清晰地描述问题来让AI协助修复。记住prompt 具体指令是获得理想结果的关键。现在你可以自由地探索和个性化你的应用了。004现在你可以构建更多应用 https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/80609104faded0fd1d5c5b1b70e7e339_1.png在本节课中我们将运用已掌握的提示技巧构建另一个应用程序——一个乒乓球游戏。我们将看到借助AI有时仅需几分钟就能将一个想法转化为可运行的应用。课程将展示如何通过迭代提示逐步完善一个简单的乒乓球游戏。从想法到应用AI的加速作用 ⚡上一节我们介绍了提示的基本技巧本节中我们来看看如何将这些技巧应用于实际项目构建。得益于AI技术的发展如今从想法到可运行的应用有时只需要几分钟时间。在计算机历史早期有一款名为“Pong”的电子游戏它是一款双人乒乓球游戏。当时一个团队需要花费数周时间才能构建出来。但现在借助AI你可以在几分钟内构建出类似的东西。构建乒乓球游戏迭代提示实践 让我们应用已学习的提示技巧。我将从一个中等具体的提示开始。初始提示示例为我构建一个乒乓球游戏作为单页应用。玩家使用方向键移动球拍与电脑对战。执行此提示后你可能会得到应用的第一版。这是一个良好的开端。添加功能与细节逐步完善 ️第一版游戏运行后我希望添加更多功能。以下是我想增加的内容列表三个难度级别。允许用户指定获胜所需的分数。添加计分功能。基于这些要求我给出了第二个提示从而构建出游戏的第二版。此时游戏看起来已经很有趣了。优化视觉体验定制化提示 https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/80609104faded0fd1d5c5b1b70e7e339_3.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/80609104faded0fd1d5c5b1b70e7e339_4.png接下来我希望游戏的图形更精美。我给出了更具体的视觉提示。视觉定制提示示例将玩家球拍改为绿色电脑球拍改为米色球改为白色。并将[图片URL]插入为背景图像。最终我得到了一个视觉效果更佳的游戏版本。球在屏幕间来回弹跳游戏体验相当有趣。核心提示技巧回顾 需要记住的是在编写提示时越具体得到的结果就越好。你可以回顾我使用的提示它在颜色、分数等诸多细节上都相当具体。如果你不确定在提示中应包含哪些内容可以思考以下构建模块目标你希望实现什么输出最终形式是什么如单页Web应用输入用户如何交互如使用方向键布局视觉元素如何安排功能需要包含哪些特性将这些作为考虑包含的事项清单。最后利用你的聊天机器人进行迭代改进和故障排除。你不需要第一次就做到完美。你可以告诉AI你已有的想法查看得到的结果然后利用该结果进一步优化你对AI的指令。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/80609104faded0fd1d5c5b1b70e7e339_6.png总结与练习 本节课中我们一起学习了如何通过迭代和具体的提示快速构建并完善一个乒乓球游戏应用。关键在于从基础提示开始根据结果逐步增加细节和功能并善用AI进行迭代。实际上我很享受现实中的乒乓球运动。现在你也可以构建一个游戏在电脑上体验它。请进入下一个学习单元亲自尝试。此外除了构建完美的汽车生成器或乒乓球游戏如果你有其他想尝试构建的想法尽管去试试。它可能成功也可能不成功但正是通过这种练习和探索我们所有人才能更擅长构建事物。005现在你是一名构建者了 https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_1.png在本节课中我们将完成课程的最后一步你将通过一个最终项目来巩固所学知识并获得结业证书。我们将指导你如何构建一个“填空故事生成器”应用并提交项目以获取认证。如果你已经学习到这里那么恭喜你。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_1.png你现在是一名AI构建者了。我遇到过一些人他们显然已经构建软件和AI应用数月却仍在怀疑自己是否算得上真正的构建者。我在此明确告诉你是的你就是。我将你视为我们的一员一名构建者。我希望你完成最后一项活动并获取本课程的证书。最终项目构建你的填空故事生成器最终项目是制作你自己的填空故事生成器。我希望你使用之前学到的构建模块来构建这个应用。你的项目必须包含以下核心组件三到五个输入视图用于收集用户填写的信息。一个按钮用于接收输入并触发生成输出。一个输出显示区域用于展示生成的故事。你已经见过生日贺卡应用的例子。以下是一些其他灵感或许能给你启发。这是一个有趣的产品评论生成器其空白处需要填写产品名称、数字、名词、身体部位等然后生成产品评论。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_3.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_3.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_4.png它声称生成的是完全诚实的产品评论看起来像这样。你可以暂停视频阅读这条评论我个人非常喜欢这个创意。或者这里是另一个例子。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_4.png这是一个请假条生成器你需要指定想休假的时间、一个名词、一个身体部位和一个物体。然后它会生成诸如“我需要立即休假[时长]因为一个[名词]需要紧急关注我的[身体部位]”这样的句子。无论是生日贺卡、产品评论、请假条还是其他类型的故事生成器请编写你自己的提示词并用它在网站上生成一个类似的应用。如何构建与提交项目当你进入下一个学习项目时会看到常用的聊天机器人界面。你可以用它来编写提示词以获取一个HTML文件并将其下载到你的电脑上。请按照以下步骤操作使用我们的网站或者也可以使用外部网站如ChatGPT或Gemini来生成你的HTML文件。完成项目构建后请访问最终的提交页面加载可能需要几秒钟。点击“上传文件”按钮。在弹出的窗口中导航并选择你下载的HTML文件。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_6.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_7.png上传后你会看到你生成的应用预览。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_8.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_6.pnghttps://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_7.png当你准备好后点击“提交作业”。我们的AI将检查你的HTML文件判断其是否能正确运行并给出反馈。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_8.png假设一切正常这将带你完成课程的最后一个练习并为你赢得证书。持续学习与构建最高效的构建者会持续学习课程同时也坚持构建项目。我发现如果一个人只构建而不学习他常常会不了解核心概念最终可能花费数月时间重复造轮子或者更糟以非常奇怪的方式做事。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_10.png但反过来如果一个人只学习课程那么他最终会只有理论知识却不知道如何应用。https://github.com/OpenDocCN/dsai-notes-pt1-zh/raw/master/docs/dlai-ng-appbd/img/db57b89e0dcefcebd6322419c1159639_10.png因此构建和学习课程两者都至关重要。请继续构建任何你喜欢的应用。我也将在下一个学习项目中为你推荐一些额外的课程供你考虑。请继续与朋友分享你的应用程序以获得反馈或者只是博他们一笑。成为一名构建者是世界上最有趣的事情之一。我很高兴能和你一起开启这段旅程并希望我们能继续一起构建和学习。本节课总结我们一起完成了构建者身份的确认明确了最终项目“填空故事生成器”的要求与构建步骤并学习了如何提交项目以获得证书。最后我们探讨了持续学习与动手实践相结合的重要性为你的持续成长指明了方向。