千峰Web3.0实战视频教程，带你轻松掌握DApp开发

这套课程的主题是 Web3 前端开发，具体落点是：用 React 加 Web3.js，把一个能连钱包、能读链上数据、能跟智能合约交互的 DApp 做出来。它不讲公链底层原理，也不教你怎么发币募资，重心在"前端怎么和链打交道"这件事上。

它解决的是哪个工作场景

如果你现在做前端，公司接了 Web3 相关的需求，或者你自己想做个链上小应用，卡点通常不在 React，而在中间那一层：钱包怎么连、账户地址和链 ID 怎么拿、合约的 ABI 怎么调、交易发出去之后状态怎么同步、用户拒签或切错网络怎么处理。这些在传统前端里没有对应经验，搜索引擎给的答案又碎。课程从区块链和以太坊的基本概念讲起，把 MetaMask 的连接流程、Web3.js 到智能合约的调用链路拆开演示，最后落到 React 里的资产信息展示。它解决的就是这条链路的打通问题，不是让你转行做区块链工程师。

适合什么基础，先看哪几块

前置要求不高但也不为零：能写 React 函数组件和 Hooks，看得懂 JavaScript 的异步和 Promise，知道 npm 装包、跑本地服务。区块链部分课程是从零讲的，不需要提前懂。如果你完全没有前端基础，建议先补 React 再回来，否则后面组件和状态那几集会跟不上。

看的时候不建议从头顺序刷。可以先看认识区块链和以太坊介绍这两块，把账户、交易、Gas、合约这些词的含义对上号，够用就行，不用深究。然后直接进 MetaMask 和 Web3.js 打通智能合约这两段，这是整套内容的主干，值得反复看、跟着敲。编写智能合约部分只需要看懂接口和调用方式，不必强求自己会写合约。交易所相关的下单、取消订单、测试订单几集属于完整业务案例，等你把前面的连接和调用跑通之后再回来看，收获会大很多。React 资产信息那部分是把前面散落的知识收进一个真实页面结构里，放在最后当整合练习。

学完能独立做什么，资料怎么配合练

跟完并动手做过一遍，你应该能独立完成这些事：给自己的页面接上钱包连接，展示当前账户和网络；读取合约里的公开数据并渲染到界面；发起一笔写操作，处理等待确认、成功和失败三种状态；用 React 组织一个带资产列表的页面。这个程度足够应付多数 Web3 前端的初级需求，也能让你在面试里讲清楚自己做过什么。

练习方式上，别只看不写。每看完一段就自己起一个项目，把课程里的调用换成你自己的合约地址和 ABI，哪怕只是读一个数值。测试环节建议在测试网上做，用测试代币走一遍下单和取消订单的完整流程，这样你能真实碰到交易 pending、Gas 估算失败、用户拒签这些情况，而这些恰恰是实际工作里最花时间的部分。视频里的代码可以对照着改，但不要直接复制粘贴运行，改错一次比看十遍记得牢。

最后提醒一句：Web3 前端这块工具链更新较快，课程里的库版本可能和你现在装的不一致，遇到 API 对不上时以官方文档为准，把课程当思路参考而不是逐字标准答案。