这门课解决什么场景

很多想转行区块链开发的人，卡在两个地方：要么懂前端却不知道怎么和链交互，要么懂合约却搭不出可用的 DApp 界面。这套课程把这两个断裂点连起来了。它从 Web3.0 的基本概念讲起，逐步引入以太坊、MetaMask 钱包、Ganache 本地链环境，再到 Web3.js 调用层，最后通过一个完整的 Token 转账、委托转账、以及交易所（存款、取款、流动池、订单撮合）实战项目，让你看到前后端如何对接。

适合的场景包括：想做出一个能连接钱包、展示余额、执行合约操作的原型；想了解 DeFi 核心组件（如 DEX）在代码层面是怎么运转的；或者为简历补充一个可演示的项目。它不聊宏观叙事，而是聚焦“能不能独立跑起来”。

适合什么基础、建议先看哪几块

适合有一定 JavaScript 基础、了解前端基本概念（变量、函数、组件化思想）的读者。如果你是纯后端或完全没写过 Web 页面，建议先补一下 React 基础语法，否则后半段会吃力。

建议按顺序看前三部分：首先是「初识 Web3.0」「认识区块链」「以太坊介绍」，建立技术语境；其次是「DApp 简介」「MetaMask」「Ganache」「Web3.js」，这是你本地开发和钱包交互的工具链基础。只有先把这三块搞清，后面的合约编写和前端整合才能看懂逻辑，而不是单纯模仿代码。

合约部分从入门到进阶，重点放在「打通 Web3.js 到智能合约」这一节，这是前后端分离架构下的关键一步。交易所项目是核心，务必跟着敲完存款、取款、流动池、取消订单、完成交易、测试订单全流程，这是理解链上状态变化的最好方式。

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

学完后，你应该能独立完成一个简单的去中心化应用：连接 MetaMask、读取账户余额、调用智能合约方法进行资产转移或订单操作，并用 React 搭建基础界面。你可以拿出这个项目作为求职作品集，证明你具备全栈区块链开发的基础能力。

资料配合方面，建议边看视频边在本地搭环境。先用 Ganache 启动本地链，避免每次测试都刷真金白银；用 MetaMask 切换到本地网络进行交互。React 部分建议引入 antd 等组件库，提升界面开发效率。不要只看不练，每节课的代码都要自己跑通，特别是交易所的订单匹配逻辑，光看文档很难理解，必须亲手部署合约、触发交易、观察链上状态变化，才能真正掌握。

课程目录

MZI5[P}J_X8JW$C[9BQ%4.png (110.

59 KB,  ) 下载附件 2023-8-29 13:

25 上传 Web3.0-DApp开发课程资料 资料 资料.7z 25.67M 02 001-课程简介.mp4
 7.79M 03 002-初识web3.0.mp4
 41.65M 04 003-认识区块链.mp4
 44.19M 05 004-以太坊介绍.mp4
 45.57M 06 005-DApp简介.mp4
 30.88M 07 006-MetaMask.mp4
 53.65M 08 007-Ganache.mp4
 44.56M 09 008-Web3.js.mp4
 112.60M 10 009-编写智能合约-入门.mp4
 155.30M 11 010-编写智能合约-进阶.mp4
 72.34M 12 011-打通Web3.js到智能合约.mp4
 94.23M 13 012-加密货币.mp4
 21.28M 14 013-KerwinToken-转账.mp4
 159.88M 15 014-KerwinToken-委托转账.mp4
 123.20M 16 015-交易所-存款.mp4
 145.47M 17 016-交易所-取款.mp4
 53.82M 18 017-交易所-流动池.mp4
 80.92M 19 018-交易所-取消订单.mp4
 40.73M 20 019-交易所-完成交易.mp4
 79.15M 21 020-交易所-测试订单.mp4
 147.27M 22 021-React-架构整合.mp4
 54.78M 23 022-React-合约连接.mp4
 87.16M 24 023-React-资产信息.mp4
 139.73M 25 024-React-Balance组件.mp4
 29.68M 26 025-React-antd引入.mp4
 38.88M 27 026-React-Order组件.mp4
 38.67M 28 027-React-订单数据.mp4
 151.15M 29 028-React-Order组件渲染.mp4
 105.77M 30 029-React-事件订阅.mp4
 43.06M 31 030-杀青.mp4
 4.99M 学习常见问题解惑.mp4
 14.06M Web3.0-DApp开发课程资料 04 003-认识.mp4