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、交易攻击与防御 三明治攻击通过操纵交易排序获利，防御方法包括设置合理滑点和分批交易。 私人节点或交易路由可避免交易被广播，减少被攻击风险。

以太坊智能合约：ABI、ERC20/ERC721与DeFi

视频 AI 总结： 该视频主要讲解了以太坊智能合约的相关知识，包括智能合约的定义、ABI 的作用、ERC20 和 ERC721 标准，以及 DeFi 合约的概念。视频通过对比 Web2 和 Web3 应用的架构，详细解释了智能合约在以太坊虚拟机（EVM）上的运行机制，以及如何通过 ABI 与智能合约进行交互。 关键信息： 1. **智能合约定义：** 智能合约是图灵完备的，可以独立执行，不受干扰，是代码和数据的集合。 2. **Web2 vs Web3 架构：** Web3 应用通过钱包连接，使用 RPC 请求与节点上的智能合约交互，而非直接与中心化服务器交互。 3. **以太坊交易类型：** 以太坊有三种交易类型：普通转账、创建合约和调用合约，本质上都是交易，只是参数不同。 4. **EVM 兼容链：** 多个链（如 BNB、Polygon、Avalanche）兼容以太坊虚拟机，合约在这些链上执行方式相同，但 ChainID 不同。 5. **ABI 的作用：** ABI 是应用程序二进制接口，定义了与合约交互的标准方式，包括接口描述和编码规范。 6. **ERC20 标准：** ERC20 是同质化代币标准，定义了代币的名称、符号、小数位数、总发行量、余额等方法。 7. **ERC721 标准：** ERC721 是非同质化代币标准，每个代币都是独一无二的，可用于表示画作、收藏品等。 8. **EIP 和 ERC：** EIP 是以太坊改进提案，ERC 是应用标准，如 ERC20 和 ERC721。 9. **Coin vs Token：** Coin 是原生代币（如比特币、以太币），Token 是一种标准（如 ERC20），一个链上可以有多个 Token。

Web3 应用开发需要掌握的区块链核心概念

视频 AI 总结： 1. **核心内容：** 视频主要介绍了 Web3 的基础知识，重点讲解了区块链技术的核心概念、价值、关键技术、交易构成以及账户与钱包的含义。通过对比 Web2 的现状，引出 Web3 解决数据控制权问题的希望，并详细阐述了区块链的不可篡改性、去中心化特性以及密码学在其中的作用。 2. **关键信息：** * Web2 的便利性与中心化弊端：互联网大厂掌握资源和服务，体验割裂，用户数据受控。 * 区块链的价值：通过密码学和去中心化网络，解决数据控制权问题，实现基于代码的信任。 * 区块链的关键技术： * 去中心化：服务器节点独立平等，运行同一套开源代码。 * 密码学：通过公钥和私钥实现非对称加密，确保交易安全和身份验证。 * 链式结构：通过哈希指针连接区块，保证数据不可篡改。 * 共识机制：POW（工作量证明）通过计算难题获得记账权，POS（权益证明）通过质押代币参与验证。 * 交易构成：比特币采用 UTXO 结构，以太坊采用账户模型，包含 from、to、value 和 data 等字段。 * 账户与钱包：以太坊区分外部账户（EOA）和合约账户，EOA 由私钥控制，合约账户由代码控制。钱包用于管理私钥和签名交易。 * 双花攻击：通过控制算力回溯交易，实现重复消费，但 PoS 机制和多区块确认可以有效防止。 * Gas 费：以太坊引入 Gas 费，防止图灵完备的智能合约出现死循环导致网络崩溃。

第 3 课：React Hooks 与 Next.js 路由

视频 AI 总结： 1. **核心内容：** 本视频主要讲解了 React 开发中常用的 Hooks 以及 Next.js 的路由管理。首先强调了按时完成作业的重要性，然后深入讲解了 Next.js 中 App Router 的路由方案，以及 React Router 的前端路由方案。接着详细介绍了 useState、useReducer、useContext、useEffect、useCallback、useMemo 和 useRef 等常用的 React Hooks，并结合代码示例讲解了它们的使用方法和注意事项，最后布置了关于路由和 Hooks 的作业。 2. **关键信息：** * Next.js 路由基于文件系统，有 Pages Router 和 App Router 两种方案，App Router 是默认方案。 * React Router 是前端路由方案，底层原理是对 URL 的 Hash 和 HTML5 的 History 对象进行封装。 * App Router 内置了 Page、Layout、Template、Loading、Error 等约定俗成的文件命名。 * useState 用于管理应用程序的状态，返回 state 值和修改 state 的方法。 * useReducer 也是用于管理状态，但适用于更复杂的状态逻辑，需要配合 reducer 函数使用。 * useContext 用于在组件之间传递数据，需要使用 Provider 组件包裹需要共享数据的组件。 * useEffect 用于处理副作用，可以同步组件和外部系统，但需要注意避免滥用，防止性能问题。 * useCallback 用于缓存函数，避免组件多次渲染，进行性能优化。 * useMemo 用于缓存计算结果，避免重复计算，进行性能优化。 * useRef 用于引用不需要渲染的值，在组件的整个生命周期都保持不变。 * useLayoutEffect 在浏览器重新绘制屏幕之前触发，可以获取 DOM 元素的大小和位置等信息。 * 作业包括使用不同的路由方案，实现上课讲解的 Hooks，并阅读相关文档，理解 Hooks 的使用场景和注意事项。

第 2 课：Next.js + React 渲染方式与井字棋实战

视频 AI 总结： 该视频主要讲解了 React 和 Next.js 的概念、关系、以及前端开发中的各种渲染方式。重点介绍了 React 的语法、组件以及组件之间的通信方式，并对比了命令式编程和声明式编程的区别。此外，还演示了如何使用 Next.js 脚手架创建一个新的 React 项目，并讲解了不同的渲染方式（SPA、SSR、CSR、SSG、ISR）及其适用场景。最后布置了使用 Next.js 创建项目并实现井字棋游戏的作业。 关键信息： * React 是用于构建 Web 和原生交互界面的 JavaScript 库，在 Web3 项目中应用广泛。 * Next.js 是 React 官方推荐的全端框架，由 Vercel 团队维护，支持快速部署。 * React 使用声明式编程，开发者只需关注状态变化，UI 会自动更新。 * Next.js 提供了开箱即用的脚手架 create-next-app，内置了编译、打包等功能。 * 视频中详细讲解了 SPA、SSR、CSR、SSG、ISR 等渲染方式的区别和应用场景。 * React 组件分为函数式组件和类组件，目前函数式组件是主流。 * 组件间通信方式包括父传子（props）、子传父（回调函数）、祖孙通信（context）以及全局通信（Redux、MobX、事件总线）。 * 作业是使用 Next.js 脚手架创建项目，并用不同的组件通信方式实现井字棋游戏。

第一课 QA

视频 AI 总结： 该视频主要针对没有前端经验的开发者，讲解了学习 Web3 前端开发需要掌握的基础知识和技能。强调了理解 Node.js 的作用、前端模块化（ES Module）、包管理工具（npm/yarn/pnpm）的使用，以及 HTML 和 CSS 的基础。同时，视频还讨论了 Web3 行业的前景、前端工程师在 Web3 中的角色，以及如何通过学习课程和参与黑客松来提升技能并找到相关工作。 关键信息： * **前端基础：** 至少掌握 HTML 和 CSS，了解 React 和 Next.js 的基本概念。 * **Web3 概念：** 理解 Web3 的基本概念，如 Token、NFT、空投、DEX、NFT 市场等。 * **工具使用：** 熟悉 npm/yarn/pnpm 等包管理工具的使用。 * **项目实践：** 课程包含全生命周期的去中心化应用开发实战，包括调用合约、构建交易、连接钱包等。 * **AI 辅助：** 鼓励利用 AI 工具辅助前端开发，尤其是在黑客松等时间有限的场景中。 * **安全意识：** 强调 Web3 开发中的安全问题，如私钥管理和避免代码漏洞，但承认被攻击是不可避免的。 * **就业前景：** Web3 前端工作门槛较高，需要不断学习和提升技能。 * **技术合法性：** 技术本身没有合法性问题，关键在于业务是否合法。 * **移动端适配：** Web 端应用可以通过样式适配在移动端浏览器中使用。 * **项目模块：** 项目包含主流的 Launchpad、DEX 和 Java Pong 的核心模块。 * **黑客松参与：** 鼓励开发者积极参与黑客松，提升技能和拓展人脉。

NPX 使用：执行项目局部命令

视频 AI 总结： 该视频简要介绍了 NPX 的作用和使用场景。NPX 是 NPM 5.2 之后自带的命令，主要用于执行项目局部的命令。当你在命令行输入一个命令时，NPX 会先在当前目录查找，然后在全局环境变量中查找，最后在 `node_modules/.bin` 目录下查找对应的命令并执行。通常在 `package.json` 的 script 中定义的命令不需要 NPX，但如果想执行 `node_modules/.bin` 下的命令，可以使用 NPX。 关键信息： * NPX 是 NPM 5.2+ 自带的命令。 * NPX 主要用于执行项目局部的命令。 * NPX 的查找顺序：当前目录 -> 全局环境变量 -> `node_modules/.bin`。 * `package.json` 的 script 中定义的命令不需要 NPX。 * Webpack 在全局和局部都安装时，会使用较新的版本。 * 推荐将常用命令写在 `package.json` 的 script 中，方便他人阅读和使用。

前端工程化：Node.js、模块化与包管理

视频 AI 总结： 该视频是关于前端开发基础知识的教学，主要讲解了 Node.js 的概念和作用、前端模块化的发展历程和规范、包管理工具（npm、Yarn、pnpm）的使用和区别，以及前端打包工具的作用和选择。目的是帮助初学者或需要接手旧项目的前端开发者快速了解和掌握必要的基础知识，为后续的实际项目开发打下基础。 关键信息： 1. Node.js 是 JavaScript 的运行时环境，基于 V8 引擎，使 JS 能够运行在浏览器之外，可以进行文件读写、网络 IO 等操作，用于后端、中间件甚至桌面端开发。 2. 前端模块化是为了解决 JS 代码复杂性问题，将应用程序划分为独立的结构，有 CommonJS、AMD、CMD 和 ES Module 等规范。ES Module 是 ES6 提出的官方模块化规范，在前端应用广泛，使用 import 和 export 关键字。 3. 包管理工具用于管理前端模块，如 npm、Yarn 和 pnpm。pnpm 通过软连接和硬连接节省磁盘空间，并解决幽灵依赖问题，推荐在生产环境中使用。 4. 前端打包工具用于压缩和丑化代码、支持模块化规范，将各种类型的资源转换为浏览器可识别的 HTML、CSS 和 JS 文件。常见的打包工具有 Webpack、Vite 等。 5. 作业是安装 Node.js 和 Node 版本管理工具，以及 npm、Yarn 和 pnpm，并使用任意包管理工具安装 create-next-app 脚手架工具，并提交版本号和 GitHub 链接。

课程准备：Git、MetaMask、Decert 及AI编辑器

视频 AI 总结： 该视频主要介绍了课程开始前的准备工作，包括注册 GitHub 账号、安装 Git、安装 MetaMask 钱包并领取测试币、注册 Decert 作业平台账号、安装 Node 环境以及推荐使用 AI 辅助的编辑器。完成作业后会获得标识，并在直播课结束后一周完成所有作业后返还学费。同时，视频还介绍了课程表，其中包含每日课程内容、课件、作业以及回放链接。鼓励学员提前做好准备，并积极提问。 关键信息： * **GitHub 和 Git:** 注册 GitHub 账号并安装 Git，用于提交作业代码。 * **MetaMask 钱包:** 安装 MetaMask 钱包，创建账号并领取测试币，用于课程中的交付和操作。 * **Decert 作业平台:** 注册 Decert 账号，连接钱包，绑定地址，用于提交和管理作业。 * **Node 环境:** 安装 Node 环境（课程中会讲解）。 * **AI 编辑器:** 推荐使用 AI 辅助的编辑器，如 VS Code 插件、Corsa 或 Tabnine，提高编码效率。 * **课程表:** 课程表包含每日课程内容、课件、作业和回放链接。 * **学费返还:** 完成所有作业后，直播课结束后一周返还学费。