AI³ Growth Journey前端开发者的Web3入门指南
为什么前端开发者需要学习Web3？
作为前端开发者，你已经掌握了构建用户界面的技能。Web3为你提供了全新的机会，将这些技能应用到去中心化应用(DApps)中，这些应用具有：
- 真正的用户所有权: 用户拥有自己的数据和数字资产
- 无需许可的创新: 无中间商审核，直接构建和部署应用
- 新的商业模式: 代币经济、NFT、可组合性创造前所未有的商业机会
- 全球化用户基础: 任何有互联网连接的人都可以访问
前端开发者的优势
Web2前端开发者转型Web3具有显著优势：
- 技术栈相似: 大多数Web3 DApps仍使用React、Vue等前端框架
- 交互设计经验: 简化复杂的区块链交互对用户体验至关重要
- 快速适应能力: 只需学习钱包集成、合约交互等Web3特定知识
学习目标
完成本共学营后，你将能够：
- 理解Web3基础概念和前端开发差异
- 使用ethers.js/wagmi等库与智能合约交互
- 掌握钱包连接、交易处理等关键Web3前端操作
- 独立开发完整的去中心化应用前端
学习大纲 ⭐
四点五、Web3前端训练营AMA答疑第一期（官网 | 哔站 | 油管）
五、实战项目一：轻松开发DApp前端项目（官网 | 哔站 | 油管）
六、实战项目二：Uniswap实战（官网 | 哔站 | 油管）
八、进阶实战二：在Morph上部署你的第一个合约（官网 | 哔站 | 油管）
八点五、Web3前端训练营AMA答疑第二期（哔站 | 油管）
九、扩展工具篇：利用The Graph实现DAPP数据分析和数据可视化（哔站）
二、作业提交
1. Github仓库
https://github.com/openbuildxyz/Web3-Frontend-Bootcamp
除了下面的文字说明，也可看视频《OpenBuild Web3 前端训练营作业提交演示》。
2. 前置操作
先点击页面顶部右上角的「Fork」在自己空间中创建备份，随后将备份仓库 git clone 至本地，接下来的所有操作请在自己的仓库内完成。
如果你不熟悉 Git 的操作，可以下载 GitHub Desktop，使用 GUI 完成。
活动报名
复制 members 文件夹中的 github_id 文件夹，将新文件夹名称改为自己的 GitHub ID，填写其中 readme.md 的信息，提交 PR，完成注册报名。
不要把 github_id 文件夹删除了，只能提交自己新创建的文件夹！
课后作业
每节课都有相应的实战任务，需要在 members/[github_id] 文件夹下按照 task[n] 的命名方式创建任务文件夹，如：task1、task2。
任务代码必须全部开源公开，每个任务提交一次 PR。
3. 提交规范
每完成一个任务，在你自己的仓库 commit 之后提交一个 pull request，只可以修改你自己的文件，不可修改其他人的文件。
⚠️⚠️⚠️ 不符合规范的会加上「invalid」标签，请按要求提交你的 PR！
PR 命名
注册的 PR，命名为 init: user-name，例如 init: Beavnvvv
提交 task 的 PR，命名为 task[n]: user-name，例如： task0: Beavnvvv
需要编写网页的 task，请在描述中上传效果截图。
请不要把报名和提交TASK的内容合并到一起，也不要将多个TASK放到一起提交！
开启多个 PR
很多人学习热情高涨，会迫不及待地把能做的任务都做了；但由于审核人员人手不够，PR 合并得会比较慢，若只是「单线程」地提交 PR 的话，影响学员的进度。
实际上是可以开启多个 PR 的，可「多线程」去完成任务——
将本仓库 fork 到自己空间后，基于 main 分支创建相应的功能分支，如：init、task1。
在功能分支完成对应任务后，发起 PR；切换到其他功能分支继续做任务，再发起 PR，如此往复。
三、任务说明
请仔细阅读要求，确保完成任务。
| 任务 | 名称 | 说明 |
|---|---|---|
| Task 1 | React To-Do-List | 开发一个待办事项应用 |
| Task 2 | Blockchain Basic | 区块链基础小测 |
| Task 3 | NFTMarket Contract | 编写并部署一个NFTMarket的合约 |
| Task 4 | NFTMarket Components | 使用ethers.js和wagmi与NFTMarket合约交互 |
| Task 5 | NFTMarket Dapp | 开发一个完整的NFTMarket的Dapp |
| Task 6 | Uniswap SDK | 完成SDK学习，制作一个与uniswap交互的前端app |
| Task 7 | web3小工具实践 | 跟随教程学习EVM++，实现一个限流器demo |
| Task 8 | Hello Morph | 在Morph Holesky上部署任意合约并在Morph浏览器上验证 |
| Task 9 | Hello TheGraph | 为NFTMarket创建一个The Graph子图 |