AI 辅助 Web3 开发：Vercel 快速部署

视频 AI 总结： 1. **核心内容：** 本视频主要讲解了如何使用 AI 工具辅助 Web3 项目的开发，并演示了如何使用 Vercel 平台快速部署项目。同时，也对课程内容进行了回顾，并预告了下一节课的内容，即求职面试相关的内容。 2. **关键信息：** * **课程相关：** 提醒新同学补交作业，并在文档中登记信息以便退学费。 * **AI 辅助开发：** 使用 AI 根据文档和 UI 设计图完成项目开发，强调理解逻辑的重要性，并使用 STAR 法则进行任务拆解。 * **Vercel 部署：** 介绍了 Vercel 平台的优势，即快速验证和部署项目，并演示了如何通过 Vercel 官网注册账号、导入 GitHub 仓库、配置环境变量和部署项目。 * **部署流程：** 详细讲解了 Vercel 部署项目的步骤，包括注册账号、导入项目、配置环境变量、选择构建命令和部署项目。 * **问题解决：** 强调在 AI 辅助开发过程中，需要人工干预解决报错，并对 AI 的输出进行复盘和纠错。 * **课程回顾与展望：** 回顾了课程内容，包括前端基础、区块链基础、Web3 前端工具和项目实战，并预告了下一节课的内容，即求职面试相关的内容。 * **就业建议：** 建议关注登链社区获取 Web3 相关资讯，并关注 Tiny 老师的系统课进行深入学习。

AI 辅助 Web3 DApp 前端快速开发

视频 AI 总结： 该视频主要讲解了如何利用 AI 工具（Claude 和 ChatGPT）快速开发 Web3 DApp 项目的前端页面，并分享了编写提示词的技巧和思路。核心内容是利用 ChatGPT 生成 Claude Code 可用的提示词，从而让 AI 逐步完成项目开发，提高开发效率。 关键信息： 1. **核心目标：** 利用 AI 快速生成 Web3 DApp 项目的前端页面，包括 Launchpad、Dashboard、Bridge 等。 2. **工具选择：** Claude Code 用于代码生成，ChatGPT 用于生成提示词。 3. **提示词技巧：** 详细描述项目背景、目标、具体要求、输出产物描述、验收标准和注意事项，确保 AI 理解并准确执行任务。 4. **任务拆解：** 将大型项目拆解为多个小步骤，逐步执行，并进行 commit 提交，方便 debug 和回溯。 5. **全局提示词：** 提供全局的项目背景、任务、规则和交付标准，让 AI 能够理解整个项目的架构和规范。 6. **AI 的局限性：** AI 在样式还原方面可能存在不足，需要手动微调。 7. **开发者角色：** 开发者需要具备业务知识和技术能力，才能更好地利用 AI 工具，并对 AI 生成的代码进行调试和优化。 8. **未来趋势：** AI 将会越来越强大，开发者需要提升自身能力，掌握 AI 工具的使用，才能在未来的职场中保持竞争力。 9. **实战演示：** 演示了如何利用 AI 生成 Launchpad 和 Bridge 页面，并展示了生成结果。

DApp 实战：Next.js 开发 Swap/Pool/Farm

视频 AI 总结： 1. **核心内容：** 本视频是 Web3 项目实战课程的第二节，主要讲解了如何利用 Next.js 和 RainbowKit 等工具库开发 Swap、Pool 和 Farm 三个核心页面。强调了利用 AI 辅助编程的重要性，并鼓励学员掌握 AI 工具，提高开发效率。 2. **关键信息：** * **项目结构与环境配置：** 强调了项目环境配置的重要性，包括 Next.js 配置、工具包安装等，并建议参考官方文档和利用 AI 辅助配置。 * **页面开发：** 详细讲解了 Swap、Pool 和 Farm 三个页面的开发流程，包括页面结构拆分、样式编写、业务逻辑实现等。 * **组件化开发：** 强调了组件化开发的重要性，鼓励学员将可复用的代码封装成组件，提高代码复用率。 * **Web3 集成：** 讲解了如何利用 RainbowKit 等工具集成 Web3 功能，包括连接钱包、调用合约、发送交易等。 * **AI 辅助编程：** 强调了利用 AI 辅助编程的重要性，建议学员掌握 AI 工具，提高开发效率。 * **代码规范：** 强调了代码规范的重要性，建议学员遵循统一的代码规范，提高代码可读性和可维护性。 * **全局配置：** 讲解了如何在全局配置 Web3 环境，包括配置链、连接器、项目 ID 等。 * **路由跳转：** 讲解了如何利用 Next.js 的 Link 组件实现页面路由跳转。 * **数据获取：** 讲解了如何从后端获取数据，包括利用 Fetch API 请求后端接口。

DeFi DApp 实战：从零构建去中心化应用

视频 AI 总结： 1. **核心内容：** 本视频是 DeFi 项目实战阶段的第一节，主要介绍了去中心化应用（DApp）的开发流程、项目概览、前端项目从零到一的构建过程、目录结构分析以及所需插件和工具库的配置。该项目模拟了主流 DeFi 业务，包括 Launchpad、跨链桥（Bridge）、Swap、Pool 和 Farm。 2. **关键信息：** * **DApp 开发流程：** 理论上可以只有合约开发和前端，但通常包括产品经理、测试，以及合约审计。 * **前端职责：** 除了调用 API 外，还需要与合约 ABI 进行交互。 * **项目结构：** * `web3DAPP`：已完成的项目，可参考。 * `web3DAPP Demo`：分天任务，指导逐步构建项目。 * **DeFi 业务：** * **Launchpad：** 代币发行平台，项目方可便捷发行 ERC20 代币。 * **Bridge：** 跨链桥，实现不同链上资产转移。 * **Swap：** 代币兑换，如 Uniswap。 * **Pool：** 提供流动性，获得 LP Token。 * **Farm：** LP Token 质押挖矿，获取额外奖励。 * **技术栈：** Next.js, React, Tailwind CSS, web3modal, RainbowKit, wagmi。 * **目录结构：** * `app`：页面路由。 * `lib`：存放 ABI、常量、工具函数等。 * **环境变量：** 需配置 Sepolia RPC URL 和 Wallet Connect Project ID。 * **作业要求：** 完成整个项目，提交 GitHub 链接，并附上各业务执行截图。

前端连接钱包：Web3 登录与实战准备

视频 AI 总结： 1. **核心内容：** 本视频是课程的最后一节知识点讲解，主要回顾和深入讲解了前端连接钱包的各种方式，包括 Web2 和 Web3 登录的区别，以及如何通过 Metamask、WalletConnect、APPKit 等工具实现钱包连接，并介绍了 Sign-in with Ethereum 的身份验证方式。强调了理解底层原理和熟悉常用 EIP 协议的重要性，并布置了课后作业，为后续的项目实战做准备。 2. **关键信息：** * **Web2 和 Web3 登录的区别：** Web2 需要管理多个用户名和密码，账号体系割裂；Web3 通过密钥对实现统一身份，无需中央服务器，可跨应用登录。 * **Metamask 连接钱包：** 通过浏览器扩展注入，利用 window.ethereum 对象和 EIP-1193/6963 协议实现连接。 * **WalletConnect 连接钱包：** 通过扫描二维码连接移动端钱包，需要 Project ID，并遵循特定的字符串格式。 * **APPKit 连接钱包：** Reown 提供的 SDK，整合了多种钱包功能，支持社交登录、多链和智能合约交互。 * **RainbowKit 连接钱包：** 基于 Wegami 和 Vim 的 Red Cool，提供 Connect Button 组件，简化钱包连接流程。 * **Sign-in with Ethereum：** 通过签名消息进行身份验证，后端验证签名后下发 Session ID 或 JWT Token。 * **EIP 协议的重要性：** 强调了熟悉 EIP-1193 等常用协议的重要性，以便理解钱包交互的底层原理。 * **作业内容：** 安装多个钱包插件，尝试使用 WalletConnect、APPKit 等工具连接钱包，并提交代码和截图。 * **项目实战预告：** 下一节课开始项目实战，将运用之前学过的知识，构建一个 lunchpad、dex、lp-java 框加 bridge 的应用。

Wagmi Web3 前端开发实战：React Hooks 教程

视频 AI 总结： 该视频主要讲解了如何使用 Wagmi 这个 React Hooks 库进行 Web3 前端开发，简化钱包连接、监听链变化、合约状态更新等操作。Wagmi 是在 Viem 的基础上进行封装，更偏向于前端应用，提供了更便捷的 Hooks 接口。视频详细介绍了 Wagmi 的安装配置、连接钱包、获取余额、执行转账以及与合约交互（读取和写入合约数据）等功能，并结合 Token Bank 的业务场景进行了代码演示。 关键信息： * Wagmi 是一个 React Hooks 库，简化了 Web3 前端开发。 * Wagmi 在 Viem 的基础上进行了封装，提供了更便捷的 Hooks 接口。 * Wagmi 的核心功能包括钱包连接、监听链变化、合约状态更新等。 * 视频详细介绍了 Wagmi 的安装配置、连接钱包、获取余额、执行转账以及与合约交互等功能。 * 视频结合 Token Bank 的业务场景进行了代码演示，讲解了 approve、deposit 和 withdraw 等操作的实现原理。 * 强调了理解合约交互的本质是根据 ABI 传递参数，不要被业务逻辑绕晕。 * 布置了作业，要求使用 Wagmi 实现转账、读取 Token Bank 数据、进行 approve、deposit 和 withdraw 操作，并在页面上展示相关信息。

Viem 前端开发：账户、交易与合约交互

视频 AI 总结： 该视频主要讲解了如何使用 Viem 库进行前端开发，包括 Client 和 Transport 的概念，以及如何使用 Public Client 和 Wallet Client 与区块链进行交互。视频还深入探讨了账户的生成原理，包括私钥、助记词以及分层确定性推导（BIP32、BIP44、BIP39）等概念，并介绍了 Keystore、MPC 私钥分片等私钥管理方式。最后，视频演示了如何使用 Viem 进行转账、读写合约等操作，并布置了相关作业。 关键信息： * **Client 和 Transport：** Client 提供对某组操作的访问，Transport 定义了连接 RPC 节点的方式（HTTP、WebSocket、Custom）。 * **Public Client：** 用于访问链上的公共操作，如获取区块信息、账户余额等。 * **Wallet Client：** 用于对钱包进行操作，如签名交易、发送交易等。 * **账户生成原理：** 私钥通过椭圆曲线算法推导出公钥，公钥经过哈希函数推导出地址。 * **分层确定性推导（BIP32、BIP44、BIP39）：** 通过种子和路径生成无数个安全的私钥和地址，方便管理。 * **助记词（BIP39）：** 通过 12 个单词生成种子，再推导出密钥和地址。 * **私钥管理：** Keystore、MPC 私钥分片、硬件钱包等方式。 * **Viem 读写合约：** 通过 Public Client 或 Wallet Client，使用合约对象或 Client 的方法进行读写。 * **Viem 监听事件：** 使用 `watchEvent` 监听链上事件，获取交易结果。

Web3 应用开发：架构、钱包连接

视频 AI 总结： 1. **核心内容：** 本视频主要讲解了 Web3 应用开发的基础架构、前端如何与 RPC 节点和钱包进行交互，以及 Metamask 等浏览器注入钱包的原理。通过回顾 Web 应用的进化历程，对比 Web2 和 Web3 的架构差异，强调了 Web3 中用户对数据的真正所有权。重点介绍了如何使用 Rainbow Kit 快速连接钱包，并演示了转账和读取合约数据等功能。 2. **关键信息：** * **Web3 应用架构：** 前端通过 HTTP 请求与 RPC 节点交互，RPC 节点连接区块链网络，通过智能合约地址和函数签名进行交互。 * **RPC 节点连接：** 可以使用公开的 RPC 节点（如 Chainlist），也可以使用第三方服务商（如 Infura、Alchemy）提供的节点，或者公司自建节点。 * **钱包连接：** Metamask 等浏览器扩展通过注入 `window.ethereum` 对象实现与前端的交互，遵循 EIP-1193 和 EIP-6963 协议。 * **Rainbow Kit：** 一个傻瓜式的钱包连接库，可以快速实现钱包连接功能。 * **交易构建：** 通过构建交易对象，包含目标地址、金额、数据等信息，并使用用户私钥签名后发送给 RPC 节点。 * **合约交互：** 使用 `useReadContract` 等方法读取合约数据，使用 `sender transaction` 等方法调用合约。 * **数据处理：** 链上数据通常由后端或第三方数据平台处理后，再提供给前端展示。

DeFi核心机制：流动性挖矿、借贷与预言机

AI 总结： 视频主要讲解了流动性挖矿、借贷协议及预言机等DeFi核心机制的业务逻辑与实现方式。课程还涉及了智能合约开发中的常见问题及数据可视化工具的应用。 1、DeFi相关内容回顾 上节课讲解了DeFi相关内容，包括DEX（去中心化交易所）和Uniswap。 Uniswap的核心功能是交换不同代币，用户通过提供流动性获得LP token，从而赚取交易费。 2、Sushiswap与Pancakeswap的区别 Sushiswap早期是Uniswap的仿盘，核心功能相同，但引入了流动性挖矿机制，通过奖励SUSHI代币吸引用户。 Pancakeswap是BNB链上的最大DEX，借鉴了Uniswap和Sushiswap的核心业务和挖矿机制。 3、流动性挖矿机制 流动性挖矿通过质押LP token获得SUSHI奖励，形成正向循环，但存在螺旋上升和下降的风险。 奖励分配通过区块号和质押份额计算，采用扣除方式确保公平。 4、借贷协议 借贷是DeFi中锁仓金额最大的分类，知名项目包括AAVE和Compound。 Compound采用动态利率模型，通过利率控制资金池的流动性。 AAVE引入闪电贷，利用交易原子性实现同一笔交易内先借后还。 5、预言机与清算 预言机将现实世界的资产价格传递给链上，用于计算抵押品和借款价值。 清算机制在抵押品价值接近借款价值时触发，清算人通过折扣收购抵押品获利。 6、ERC4626标准与漏洞 ERC4626规范了抵押资产获得份额资产的接口，但存在算法漏洞，可能导致早期参与者获利。 避免漏洞的方法包括设置最小存款门槛和虚拟资产稀释份额。 7、数据可视化与作业 使用ECharts库展示DeFi数据，包括TVL变化、代币价格走向和持仓分布。 作业要求尝试用ECharts展示DeFi数据，数据源可通过Dune Analytics或AI生成。

DEFI：ERC-20 发行、Uniswap原理、流动性挖矿等

AI 总结：视频重点讲解了ERC-20代币、智能合约以及Uniswap等DeFi协议的工作原理和应用场景。讲师还介绍了代币发行流程、流动性挖矿以及三明治攻击等概念，帮助学员理解Web3金融的基础运作机制。 1、课程介绍与作业回顾 课程开始，提醒学生完成上节课的作业，强调作业设计有深意，通过ERC20合约理解代币概念。 区块链技术是去中心化的分布式记账本，不仅记录比特币和以太坊原生代币，也记录ERC20和ERC721等代币的持有情况。 2、DeFi业务介绍 DeFi（去中心化金融）是当前Web3领域最繁荣的业务，涉及金融衍生品如期权、期货、债券和杠杆等。 稳定币分为抵押型和算法型，抵押型稳定币通过机构或银行抵押资产发行等价的链上代币。 去中心化交易所（DEX）如Uniswap、Sushiswap和Pancakeswap，用于代币之间的交换。 3、Web3行业发展历程 2009年比特币诞生，2010年首次与现实世界交互（1万枚比特币换披萨）。 2014年USDT发行，2015年以太坊上线，2016年以太坊DAO攻击事件导致硬分叉。 2017年BCH扩容，2018年NFT（ERC721）上线，2019年提出Rollup二层链概念。 2020年DeFi Summer热潮，2022年以太坊从POW转为POS，2024年以太坊现货ETF获批。 4、代币发行与经济模型 代币发行方式包括ICO、STO、IEO、IDO等，经济模型对项目成败至关重要。 代币分配需平衡开发者、投资者和社区份额，用户可通过购买、挖矿和空投获取代币。 私募锁仓机制通过智能合约实现，如线性释放或悬崖期，确保项目长期稳定发展。 5、DEX与Uniswap DEX分为订单簿和流动性池两种模式，Uniswap采用AMM自动做市商协议。 Uniswap的核心功能是代币交换，通过流动性池实现，用户提供流动性可获得LP代币奖励。 滑点是交易价格与预期价格的差异，流动性小的池子滑点更明显，需设置合理滑点防御攻击。 6、Uniswap前端代码解析 Uniswap前端核心功能包括连接钱包、构建交易和发送交易，代码结构清晰。 作业要求学生fork Uniswap仓库，添加代码注释并撰写文章理解其业务逻辑。 7、交易攻击与防御 三明治攻击通过操纵交易排序获利，防御方法包括设置合理滑点和分批交易。 私人节点或交易路由可避免交易被广播，减少被攻击风险。