通往AGI之路 03月20日 13:13
AI编程|0代码小白速通,手把手教你做出10款应用!
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本教程由AI编程社、AI产品黄叔共创,包含10节课程,涵盖多种AI应用的制作,如Trae的介绍与应用、各种实用工具的开发等,且教程详细,全部免费,适合零基础小白。

「Trae小白入门到精通」课程,涵盖多种AI应用制作

课程内容丰富,包括图片字幕生成器、起名工具等

教程详细,有图文和视频,且全部免费

适合零基础小白,能将奇思妙想变成实用工具

原创 WaytoAGI 2025-03-18 13:20 浙江

这个教程不需要你写一行代码,一样可以做出很多AI应用。

朋友们,我们和AI编程社、AI产品黄叔共创的10节「Trae小白入门到精通」来了!

除了🌈知识库 有步骤详细的图文教程,b站也上线了视频课,在合集中就能快速找到。

在视频课中,每一节都会教大家做一个AI应用,每一节里面都会有各种各样的知识点,大家只要把所有的教程做完,并且把知识点掌握,就可以成为一个独立的开发者,从而逐渐把自己的想法和idea落地。

不用担心编程太难学不会,作为国内首个AI原生IDE,Trae真正实现了让你只动嘴就能写代码,讲师黄叔也会一步步、手把手保姆式教学,0代码基础小白看完也能快速上手!


下面先来看课程内容:

第一课:Trae的介绍/安装/疑难杂症

> 知识点:Python安装

这节课中,黄叔会介绍Trae及相关软件的基本信息和安装方式,为正式学习做好准备,并带你尝试用一句话生成代码,画出一些美丽的图形。


第二课:图片字幕生成器

> 知识点:用多模态复刻产品

大家肯定看过很多这种电影/电视剧截图,下面配上对应的台词或金句,在网上经常被疯狂转载。像这款「图片字幕生成器」的小工具就能轻松做出这样的图。

该创意来自@南瓜博士,她的文章里有详细的需求描述和开发过程,大家照着做就能复现。👉🏻《用 Trae 开发一个小小小工具》

而黄叔想教会大家的其实是:用Trae多模态复刻产品。

核心策略是,使用截图让Trae理解后生成功能描述,修改后再让Trae完成开发和优化。

同样地,如果你有其他想复刻的工具,也不妨试试Trae的多模态能力。


第三课:使用DeepSeek R1给老外起中文名

> 知识点:Node.JS安装、申请DeepSeek R1 API、网页接入DeepSeek R1

在TT难民涌入小红书后,大家纷纷玩起了给老外起中文名,这个其实也能通过Trae快速开发起名的网页。

本节的环境中需要下载Node.JS,并申请DeepSeek R1 的 API,视频里会一步步带大家去做。

如果出现报错,还能截图发给Trae,让它去改!很快就能完成整个功能的开发。


第四课:DeepSeek R1驱动的Life Coach

> 知识点:使用AI Rules、使用Git进行版本管理、Github+Vercel进行云端部署

黄叔自己有一个Life Coach,每个月聊一次。当你和它说你的经历时,它会问你一些问题,启发你思考,帮助你成长。

这里面很重要的一点是,Life Coach通过了解你,给你启发。

DeepSeek R1不就最擅长这一点么?

那么,我们是不是也能搭建一个网站,接入DeepSeek R1,通过和它交流来获得启发。

上图,就是黄叔在自己部署的网站里和DeepSeek R1交流的片段,可以发现,它会从多个角度来问问题,帮助你思考。

课程里,黄叔会带大家用3个步骤,做出一个接入了DeepSeek R1的Life Coach网站,经过优化,并部署到网上。


第五课:DeepSeek驱动的网页金句卡片生成

> 知识点:使用Chat完善产品需求(PRD)、开发浏览器插件、Chrome插件logo自动生成

我们很多时候都会用浏览器(比如Chrome、360浏览器)来看新闻,那有没有可能快速摘要出其中的金句,并一键生成好看的金句卡片,方便的分享给别人呢?

这就是咱们这个案例的思路。

这个产品我们也可以从基础到复杂,逐步增加功能:


第六课:做一个你专属的好文推荐网站(DeepSeek R1 + 飞书多维表格)

> 知识点:创建带有AI能力的飞书多维表格、用网页呈现多维表格里的内容

这个产品的逻辑是,当你阅读到好文章时,可以一键存储到飞书多维表格,经过AI处理,自动在你的博客网站上呈现出来。

在这个案例中我们需要理解,加持了AI能力的飞书多维表格,是一个全民性图形化AI数据库,这一点极其重要。

该创意来自@向阳乔木

为了实现它,我们将会分为3步:

1. 创建带有AI能力(以DeepSeek R1为主)的飞书多维表格;

2. 使用Trae生成网页,呈现多维表格的内容;

3. 使用Trae生成浏览器插件,一键存入多维表格。

理解了这个案例,相信你会在AI时代七窍通了六窍(哈哈哈,开个玩笑)


第七课:做一个你专属的好文推荐网站(DeepSeek R1 + 飞书多维表格)(下)

> 知识点:浏览器插件将信息一键插入多维表格、将复杂产品分拆成多个简单产品

在上一节,我们完成了在多维表格内写入链接,然后AI自动完成全部链接内容的处理,再用Trae通过API读取数据,并呈现在博客上,这样相当于是半自动化。因为我们还需要打开多维表格,找出链接,然后把链接复制进去。

能不能在我看到一篇好文章的时候,点一下浏览器插件,它就自动的把链接推到多维表格?

是完全可以的,这一节我们就把它作为案例给大家讲讲如何实现。


第八课:做一档你自己的AI播客

> 知识点:使用长文本+语音模型生成音频内容

我们上一节做了个好文章的推荐网站,读了那么多好内容,有没有可能用你的音色念出来给别人听呢?

录制成播客,可以发布在小宇宙等平台上,或许会收到宇宙发来的信号,获得更多幸运呢?

啥?你不好意思录音?好吧,那这一节,黄叔来教你使用语音克隆技术,和语音生成技术,做一个专属你的AI播客吧。

可以先试听一下:

来自通往AGI之路音频:AI产品黄叔朗诵

完成这个播客的工作,完全由下面这个网页构成:

非常地简单,快来课程中一起跟随黄叔完成这个产品吧!


第九课:柴犬表情包生成器实战(Coze bot+API)

> 知识点:使用Coze作为后端服务、用Trae开发网页包装Coze API、使用Cloudflare部署网站

这是一个柴犬表情包生成器,你可以输入各种表情文字,网页显示对应的表情包(背后是通过和Coze通信来获得生成的表情包图片),支持下载表情包图片。

这个案例中,我们是Trae和Coze一起协作完成的:

随着课程的深入,你将学到的知识点也会越来越多。课程中还会有进阶版教学,教你将柴犬表情包生成器网页部署到Cloudflare中。


第十课:做一个微信小程序

> 知识点:Trae+微信开发者工具协同开发、微信认证和ICP备案

最后一节课,会和大家说一下简单的小工具开发,帮助大家上手微信小程序,后面可以使用Trae来继续深入做更多你想做的产品。

例如下面这个「任务倒计时」小程序,就是通过微信开发者工具里面的代码预览跑出来的,而这些代码,就是完全通过Trae开发出来的。

看完这些例子,你跃跃欲试了吗?

就算从没碰过代码的小白,也能按照本教程,做出绝大多数应用,并且这些应用大多都带有AI能力。

学完后,你就能将自己的奇思妙想,变成可落地使用的工具了。

重点是10节课全部免费!免费!免费!

点开B站就能看,还有飞书文档超~详~细~的步骤和资料。

编程,将不再是程序员们的专属。

借助AI,你也能打开一扇全新的大门。

在哪看教程?

B站:🌈通往AGI之路

https://space.bilibili.com/259768893/lists/4964987?type=season

飞书:🌈通往AGI之路

https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc

↙️点击阅读原文进入知识库

阅读原文

跳转微信打开

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Trae AI应用 免费教程 零基础
相关文章