AI coding for web3 website Workshop

AI coding for web3 website Workshop

匠人
主办方: 匠人学院

活动介绍

AI Coding for Web3 — Build & Ship Workshop

很多 Web3 项目,其实不是没有想法。
也不是合约写不出来。
真正拖住进度的,往往是最后那一步:
怎么把它做成一个能打开、能展示、能跑起来的网站。
合约写完了,前端还没搭。
项目 idea 有了,但没有一个能给别人看的页面。
钱包连接看过很多教程,自己做还是报错。
ABI、合约调用、链上数据,每次都要重新查文档。
Cursor / Claude Code 都装了,但始终没真正用进项目开发。
最后就变成:
想法一直停在 Notion 里。
合约一直停在 repo 里。
项目一直没有一个能展示的 prototype。
这场 Workshop,就是帮你解决这个卡点。

2.5 小时,用 AI 跑通一个 Web3 Website Prototype

这不是一场 AI/Web3 趋势分享。
也不是那种“老师演示,你在下面看”的活动。
这是一场线下实操 Workshop。
你会带着电脑,现场跟着工程师一步步做,用 Cursor + Claude Code 从零搭建一个 Web3 Website Prototype。
活动结束时,你带走的不是 PPT,不是教程链接,而是:
✅ 一个在你自己电脑里跑起来的 Web3 网站原型
✅ 一套可以继续修改和复用的前端项目代码
✅ 钱包连接的基础实现
✅ sample contract interaction 的实操流程
✅ 一套以后做项目还能继续用的 AI Coding 工作流
简单说:
不是来“了解 AI Coding”,而是来把一个 Web3 网站真正跑起来。

这场活动会做什么?

现场会围绕一个完整的 Web3 Website Prototype 进行实操。
你会跟着完成:

1. 用 AI 搭建 Web3 网站前端

从项目初始化开始,用 Cursor / Claude Code 辅助生成页面结构、组件和基础 UI。
你会看到 AI 不是只能回答问题,而是可以参与真实项目开发:
  • 拆解需求
  • 生成页面
  • 修改组件
  • 优化结构
  • 辅助 debug

2. 加入钱包连接入口

Web3 网站不能只是一个普通页面。
现场会带你加入基础的钱包连接逻辑,让页面具备 Web3 交互入口。
你会理解:
  • 钱包连接怎么接入
  • 钱包地址怎么显示
  • 前端如何处理连接状态
  • 遇到报错时如何让 AI 协助排查

3. 完成 sample contract interaction

这场不会盲目承诺每个人都现场接入自己的真实合约,因为每个人的链、ABI、合约状态都不同。
我们会用更适合 workshop 的方式:
通过 sample contract / sample ABI,带你理解合约交互的基本流程。
你会知道:
  • 前端如何读取合约信息
  • ABI 在前端项目里怎么用
  • 用户交互和合约调用之间如何连接
  • 后续如何替换成自己的项目合约

4. 跑通一个可继续扩展的项目

活动目标不是做一个一次性 demo。
而是让你带走一个能继续改、继续扩展的项目起点。
之后它可以变成:
  • Web3 项目官网
  • DApp 前端起点
  • Hackathon Demo
  • Startup MVP 页面
  • 个人 Web3 作品集
  • 给社区 / 投资人 / 用户看的项目展示页

为什么这场值得来?

因为很多人学 AI Coding,最大的问题不是“不知道工具存在”。
而是:
工具装了,但没有真正进入自己的开发流程。
你可能也试过:
让 AI 写一个组件。
让 AI 改一个报错。
让 AI 解释一段代码。
但做真实项目时,还是会卡住。
这场活动的重点,是让你体验一套完整流程:
从 idea 到页面,
从页面到钱包连接,
从钱包连接到合约交互,
从报错到 debug,
从本地项目到后续扩展。
你会更清楚地知道,以后做 Web3 项目时,哪些部分可以交给 AI 加速,哪些部分需要自己判断,怎么和 AI 一起把项目推进下去。

适合谁?

这场活动更适合有一定基础、愿意动手的人。
适合:
✅ 会一点代码,但 Web3 前端总是卡住的人
✅ 会写 Solidity,但 UI / 前端拖慢项目进度的人
✅ 会前端,但没完整做过 Web3 网站的人
✅ 有 Web3 项目 idea,想快速做出 prototype 的 founder / builder
✅ 已经装了 Cursor / Claude Code,但不知道怎么用进真实项目的人
✅ 想用 AI Coding 提升开发效率的开发者 / 独立开发者 / 技术创业者
不太适合:
❌ 完全没写过代码的人
❌ 只想听 AI/Web3 概念,不想现场动手的人
❌ 不知道 wallet / smart contract 是什么的人
❌ 不愿意安装工具、调试环境、跟着做项目的人
这不是零基础科普讲座。
这是一场偏技术、偏实操、偏结果导向的 Workshop。

活动信息

主题:AI Coding for Web3 Website Workshop
时间:2026年6月17日,18:00 – 20:30
地点:Level 17,60 Albert Rd, South Melbourne
票价:69刀
形式:线下实操 Workshop + 开发者交流
语言:英文授课
人数:限 15-20人
要求:自带电脑,建议具备基础编程经验或 Web3 基础概念

你会带走什么?

活动结束时,你应该能带走:
✅ 一个能在本地跑起来的 Web3 Website Prototype
✅ 一份可以继续扩展的项目代码
✅ 钱包连接的基础实现方式
✅ sample contract interaction 的理解和模板
✅ Cursor + Claude Code 的实操开发流程
✅ 一次真实的 AI pair coding 项目体验
✅ 一群同样关注 AI + Web3 的本地 builder / developer 连接
如果你现在的状态是:
合约会写,但前端总是拖;
Web3 项目想法有了,但迟迟没有展示页面;
AI 工具装了,但还没有真正用进项目;
想做 prototype,但不想再一个人对着文档踩坑。
那这场活动就是为你准备的。
2.5 小时,把一个 Web3 网站从想法变成能跑起来的 prototype。

👥主办方及合作方介绍

notion image
 
成立于2017年8月,总部位于澳大利亚布里斯班,是一家互联网科技教育公司。通过旗下媒体矩阵打造、线上培训平台、求职平台搭建等,为华人留学生群体提供一站式生活、IT培训、求职资讯服务。以IT、商科培训课程为起点,匠人学院进一步扩大其在留学生群体中的影响力,打造澳洲求职平台,已成功帮助6000名学生拿到offer。科技赋能教育,匠人学院致力于帮助留学生享受高效海外生活,让其不再迷茫。
 
notion image
 
ANNG Gallery 位于墨尔本 South Melbourne,是一个融合艺术展示、互动体验、社区交流与跨界合作的创新型空间。场地以“艺术与科技结合”为特色,能够承载展览、品牌活动、沙龙分享及创意社交等多种形式的线下活动。其整体调性兼具审美感、体验感与社区属性,适合作为面向年轻专业人群、高净值圈层及创意社群的活动场地,为活动提供更具话题性和沉浸感的线下体验。
 
notion image
Block Club(powered by CloudTech Group) 是匠人学院旗下专注于加密与 Web3 领域的垂直社群平台,围绕行业学习、信息交流与社区连接开展线上线下活动。依托其在加密兴趣人群和相关专业圈层中的影响力,Block Club 可在活动合作中提供内容传播、圈层触达与社群联动支持,帮助合作项目提升垂直人群覆盖度与活动参与质量。

活动讨论

AI coding for web3 website Workshop
线下活动Workshopmeetup

AI coding for web3 website Workshop

AI coding for web3 website Workshop

2026年6月17日 (周)08:00 - 10:30 AEST
60 Albert Rd. Level-17. South Melbourne, Victoria 3205
0 / 20已报名

AI Coding for Web3 — Build & Ship Workshop

很多 Web3 项目,其实不是没有想法。
也不是合约写不出来。
真正拖住进度的,往往是最后那一步:
怎么把它做成一个能打开、能展示、能跑起来的网站。
合约写完了,前端还没搭。
项目 idea 有了,但没有一个能给别人看的页面。
钱包连接看过很多教程,自己做还是报错。
ABI、合约调用、链上数据,每次都要重新查文档。
Cursor / Claude Code 都装了,但始终没真正用进项目开发。
最后就变成:
想法一直停在 Notion 里。
合约一直停在 repo 里。
项目一直没有一个能展示的 prototype。
这场 Workshop,就是帮你解决这个卡点。

2.5 小时,用 AI 跑通一个 Web3 Website Prototype

这不是一场 AI/Web3 趋势分享。
也不是那种“老师演示,你在下面看”的活动。
这是一场线下实操 Workshop。
你会带着电脑,现场跟着工程师一步步做,用 Cursor + Claude Code 从零搭建一个 Web3 Website Prototype。
活动结束时,你带走的不是 PPT,不是教程链接,而是:
✅ 一个在你自己电脑里跑起来的 Web3 网站原型
✅ 一套可以继续修改和复用的前端项目代码
✅ 钱包连接的基础实现
✅ sample contract interaction 的实操流程
✅ 一套以后做项目还能继续用的 AI Coding 工作流
简单说:
不是来“了解 AI Coding”,而是来把一个 Web3 网站真正跑起来。

这场活动会做什么?

现场会围绕一个完整的 Web3 Website Prototype 进行实操。
你会跟着完成:

1. 用 AI 搭建 Web3 网站前端

从项目初始化开始,用 Cursor / Claude Code 辅助生成页面结构、组件和基础 UI。
你会看到 AI 不是只能回答问题,而是可以参与真实项目开发:
  • 拆解需求
  • 生成页面
  • 修改组件
  • 优化结构
  • 辅助 debug

2. 加入钱包连接入口

Web3 网站不能只是一个普通页面。
现场会带你加入基础的钱包连接逻辑,让页面具备 Web3 交互入口。
你会理解:
  • 钱包连接怎么接入
  • 钱包地址怎么显示
  • 前端如何处理连接状态
  • 遇到报错时如何让 AI 协助排查

3. 完成 sample contract interaction

这场不会盲目承诺每个人都现场接入自己的真实合约,因为每个人的链、ABI、合约状态都不同。
我们会用更适合 workshop 的方式:
通过 sample contract / sample ABI,带你理解合约交互的基本流程。
你会知道:
  • 前端如何读取合约信息
  • ABI 在前端项目里怎么用
  • 用户交互和合约调用之间如何连接
  • 后续如何替换成自己的项目合约

4. 跑通一个可继续扩展的项目

活动目标不是做一个一次性 demo。
而是让你带走一个能继续改、继续扩展的项目起点。
之后它可以变成:
  • Web3 项目官网
  • DApp 前端起点
  • Hackathon Demo
  • Startup MVP 页面
  • 个人 Web3 作品集
  • 给社区 / 投资人 / 用户看的项目展示页

为什么这场值得来?

因为很多人学 AI Coding,最大的问题不是“不知道工具存在”。
而是:
工具装了,但没有真正进入自己的开发流程。
你可能也试过:
让 AI 写一个组件。
让 AI 改一个报错。
让 AI 解释一段代码。
但做真实项目时,还是会卡住。
这场活动的重点,是让你体验一套完整流程:
从 idea 到页面,
从页面到钱包连接,
从钱包连接到合约交互,
从报错到 debug,
从本地项目到后续扩展。
你会更清楚地知道,以后做 Web3 项目时,哪些部分可以交给 AI 加速,哪些部分需要自己判断,怎么和 AI 一起把项目推进下去。

适合谁?

这场活动更适合有一定基础、愿意动手的人。
适合:
✅ 会一点代码,但 Web3 前端总是卡住的人
✅ 会写 Solidity,但 UI / 前端拖慢项目进度的人
✅ 会前端,但没完整做过 Web3 网站的人
✅ 有 Web3 项目 idea,想快速做出 prototype 的 founder / builder
✅ 已经装了 Cursor / Claude Code,但不知道怎么用进真实项目的人
✅ 想用 AI Coding 提升开发效率的开发者 / 独立开发者 / 技术创业者
不太适合:
❌ 完全没写过代码的人
❌ 只想听 AI/Web3 概念,不想现场动手的人
❌ 不知道 wallet / smart contract 是什么的人
❌ 不愿意安装工具、调试环境、跟着做项目的人
这不是零基础科普讲座。
这是一场偏技术、偏实操、偏结果导向的 Workshop。

活动信息

主题:AI Coding for Web3 Website Workshop
时间:2026年6月17日,18:00 – 20:30
地点:Level 17,60 Albert Rd, South Melbourne
票价:69刀
形式:线下实操 Workshop + 开发者交流
语言:英文授课
人数:限 15-20人
要求:自带电脑,建议具备基础编程经验或 Web3 基础概念

你会带走什么?

活动结束时,你应该能带走:
✅ 一个能在本地跑起来的 Web3 Website Prototype
✅ 一份可以继续扩展的项目代码
✅ 钱包连接的基础实现方式
✅ sample contract interaction 的理解和模板
✅ Cursor + Claude Code 的实操开发流程
✅ 一次真实的 AI pair coding 项目体验
✅ 一群同样关注 AI + Web3 的本地 builder / developer 连接
如果你现在的状态是:
合约会写,但前端总是拖;
Web3 项目想法有了,但迟迟没有展示页面;
AI 工具装了,但还没有真正用进项目;
想做 prototype,但不想再一个人对着文档踩坑。
那这场活动就是为你准备的。
2.5 小时,把一个 Web3 网站从想法变成能跑起来的 prototype。

👥主办方及合作方介绍

notion image
 
成立于2017年8月,总部位于澳大利亚布里斯班,是一家互联网科技教育公司。通过旗下媒体矩阵打造、线上培训平台、求职平台搭建等,为华人留学生群体提供一站式生活、IT培训、求职资讯服务。以IT、商科培训课程为起点,匠人学院进一步扩大其在留学生群体中的影响力,打造澳洲求职平台,已成功帮助6000名学生拿到offer。科技赋能教育,匠人学院致力于帮助留学生享受高效海外生活,让其不再迷茫。
 
notion image
 
ANNG Gallery 位于墨尔本 South Melbourne,是一个融合艺术展示、互动体验、社区交流与跨界合作的创新型空间。场地以“艺术与科技结合”为特色,能够承载展览、品牌活动、沙龙分享及创意社交等多种形式的线下活动。其整体调性兼具审美感、体验感与社区属性,适合作为面向年轻专业人群、高净值圈层及创意社群的活动场地,为活动提供更具话题性和沉浸感的线下体验。
 
notion image
Block Club(powered by CloudTech Group) 是匠人学院旗下专注于加密与 Web3 领域的垂直社群平台,围绕行业学习、信息交流与社区连接开展线上线下活动。依托其在加密兴趣人群和相关专业圈层中的影响力,Block Club 可在活动合作中提供内容传播、圈层触达与社群联动支持,帮助合作项目提升垂直人群覆盖度与活动参与质量。

适合谁学习

💼
求职与转行人士
希望进入科技行业或寻找新机会的职场人
🎓
在读学生
想了解行业动态、拓展人脉的大学生及应届毕业生
🚀
技术从业者
希望持续成长、与同行交流的开发者和工程师

活动地点

活动地点

60 Albert Rd. Level-17. South Melbourne, Victoria 3205

加入 JR Academy 技术社群
与数千名澳洲 IT 从业者一起学习、交流、共同成长
立即加入社群

订阅活动更新

获取最新 AI 活动 / Workshop / Meetup 通知,邮箱可随时退订。

活动时间06月17日 (Wed) 08:00
活动地点60 Albert Rd. Level-17. South Melbourne, Victoria 3205
剩余名额20 / 20
活动类型线下活动
或者

活动信息

活动类型
线下活动
活动费用
$69

活动地点

60 Albert Rd. Level-17. South MelbourneVictoria 3205
查看路线

已报名参与 (0)

暂无报名记录,第一个加入吧

快捷操作

活动保障

检票入场,实名核验
真实讲师,现场授课
活动结束后可评分反馈
开放问答互动环节

活动发起方

JR
JR Academy
澳洲 IT 职业培训机构

更多活动

添加日历

Partnership

我们很自豪能够与一些全球最具影响力的科技和商业公司建立合作。这些合作伙伴关系展现了我们对卓越与创新的承诺,并为我们的学员提供了接触Professional Networking, 真实项目, 实习机会, 就业机会以及前沿技术的宝贵机会。

Atlassian - 匠人学院合作企业Canva - 匠人学院合作企业Amazon - 匠人学院合作企业Deloitte - 匠人学院合作企业