从零搭建你的第一个去中心化应用 · 课程目录

01

区块链与DApp基础概念

什么是区块链、智能合约、DApp，与传统App的区别

01.html

02

开发环境准备工具

Node.js · npm/yarn · Truffle/Hardhat · MetaMask

02.html

03

Solidity语言入门语法

Solidity概述、合约结构、状态/局部变量、整型与布尔

03.html

04

Solidity进阶核心

地址 · mapping · struct · 数组 · event

04.html

05

智能合约开发实战实战

编写投票合约 · 编译部署到本地测试网

05.html

06

合约测试与调试测试

Mocha/Chai · Hardhat Console · 常见错误处理

06.html

07

前端框架选择前端

React vs Vue vs 原生JS · 创建React项目

07.html

08

Web3.js入门连接

安装Web3.js · 连接MetaMask · 获取账户/余额

08.html

09

Ethers.js入门连接

Provider/Signer · 读写合约状态

09.html

10

合约与前端交互交互

调用只读方法 · 发送交易 · 监听事件

10.html

11

投票系统 DApp (上) 项目

项目结构 · 编写完整投票合约

11.html

12

投票系统 DApp (中) UI

前端UI设计 · 连接钱包 · 显示候选人

12.html

13

投票系统 DApp (下) 完成

投票功能 · 结果展示 · 事件监听更新UI

13.html

14

代币标准 ERC-20 代币

ERC-20接口 · 发行代币 · OpenZeppelin

14.html

15

ERC-20 DApp实战水龙头

代币水龙头合约 · 前端领取 · 显示余额

15.html

16

NFT与ERC-721 NFT

ERC-721标准 · 铸造NFT · 元数据与URI

16.html

17

NFT DApp实战铸造

编写NFT合约 · 铸造页面 · NFT画廊

17.html

18

去中心化存储 IPFS 存储

IPFS原理 · Pinata上传 · 存储IPFS哈希

18.html

19

去中心化商店 (一) 合约

需求分析 · 合约设计 · 商品上架

19.html

20

去中心化商店 (二) 购买

商品购买功能 · 订单管理合约

20.html

21

去中心化商店 (三) 前端

商品列表 · 购买流程 · 订单历史

21.html

22

Gas优化技巧优化

Gas机制 · 存储布局 · 减少计算 · 事件替代存储

22.html

23

安全最佳实践安全

重入攻击 · 整数溢出 · 访问控制 · Ownable

23.html

24

多网络部署部署

Goerli · 主网 · Infura/Alchemy节点

24.html

25

DApp自动化测试测试

单元/集成测试 · 覆盖率 · Hardhat fork

25.html

26

DApp前端优化性能

懒加载 · Redux/Zustand · 响应式设计

26.html

27

The Graph 链下索引索引

Subgraph · 前端查询优化

27.html

28

Layer 2 与跨链扩展

Optimistic · zk-Rollups · 跨链桥

28.html

29

DApp上线与运维运维

合约验证 · Vercel/Netlify · 域名配置

29.html

30

项目总结与未来展望结业

DApp架构回顾 · Web3趋势 · 学习资源

30.html