Web3 开发者学习路线图：从前端基础到智能合约实战
Web3 开发不是“先学 Solidity”这么简单。真正能做项目的人，通常要同时理解前端、钱包、链、合约、安全和部署。只会写合约但不会做前端，项目无法交互；只会 React 但不懂签名和授权，也很容易把用户资产置于风险里。
下面这条路线不是照搬某篇教程，而是按真实构建 dApp 的顺序整理：先能写网页，再理解链，再写合约，再把钱包和前端连起来，最后补安全和项目经验。原来单独放在 video 页面里的 Web3 视频课，我也合并到这里，作为“看课顺序”来用。
阶段一：Web 基础
- HTML/CSS：能做表单、布局、响应式页面。
- JavaScript：理解异步、Promise、模块、事件。
- React 或 Vue：至少能做一个带状态管理的小工具。
- Git：能分支开发、看 diff、提交和回滚。
阶段二：区块链基础
- 理解地址、私钥、助记词、公链、区块、交易哈希。
- 理解 Gas、Nonce、确认数、区块浏览器。
- 理解 ERC-20、NFT、授权、转账和合约调用。
- 能用测试网完成一次转账和一次合约交互。
阶段三：智能合约
- Solidity 基础：变量、函数、mapping、modifier、event。
- 合约开发工具：Hardhat 或 Foundry 至少掌握一个。
- 测试：能写单元测试，覆盖正常路径和失败路径。
- 部署：能部署到测试网并在区块浏览器验证。
阶段四：前端连接钱包
- 使用 ethers.js 或 viem 读取链上数据。
- 连接 MetaMask 或 WalletConnect。
- 区分读合约和写合约：读不需要签名，写通常需要用户确认。
- 处理失败状态：用户拒绝签名、Gas 不足、网络不匹配、交易 pending。
阶段五：安全和产品意识
- 不要让用户无意识无限授权。
- 关键操作前给出明确提示：授权什么、花多少钱、调用哪个合约。
- 合约升级、管理员权限、暂停开关要写清楚。
- 任何涉及资产的项目，都不要跳过测试和审计思维。
建议做的 4 个项目
- 钱包连接页：显示地址、余额、网络和最近交易。
- ERC-20 转账工具：支持查询余额、授权、转账。
- NFT Mint 页面：带白名单、价格、Mint 状态和错误提示。
- 简单 DeFi 仪表盘：读取池子数据、收益、授权和撤销入口。
视频课怎么安排
视频课适合用来建立直觉，但不要连续看很多天不动手。我的建议是：一边看，一边把关键词记下来，然后马上用测试网、钱包和小 demo 验证。
| 顺序 | 资源 | 适合解决的问题 |
|---|---|---|
| 1 | 清华大学区块链课：从比特币到区块链 | 先理解比特币、区块链、共识、账本这些底层概念。 |
| 2 | 北京大学 Web3 公开课 | 系统建立区块链、以太坊、智能合约和 Web3 应用视角。 |
| 3 | Ethereum 智能合约视频教程 | 进入 Solidity、合约调用和以太坊开发实操。 |
看完第一门课后就可以开始用测试网转账；看完第二门课后做钱包连接页；看第三门课时同步写一个 ERC-20 或 NFT Mint demo。这样视频内容才会变成能力，而不是收藏夹。