BETA
Back to courses
Share

开源 DApp 极简入门教程

本课程是专为开发者设计的去中心化应用(DApp)实战入门教程,通过模块化教学,从基础合约开发到复杂 DEX 实现,覆盖智能合约、前端交互、测试部署全流程。课程以实战驱动为核心,结合开源代码与社区协作,帮助开发者快速构建符合 Web3 标准的应用。目前已上线「新手入门」和「DEX 开发实战」两大模块,并提供完整的代码案例与部署指南。

ZAN

Posted on Mar 5, 2025 14:46 · Latest update on Apr 2, 2025

👉 WTF Dapp 是一个围绕 DApp 全栈开发的入门课程,帮助开发者入门去中心应用开发 🚀。

目前设计中包含三个部分:

🐝 新手入门:极简入门教程,从零开始帮助有简单开发经验的开发者快速上手去中心化应用开发。包括简单的前端页面和一个基础的 NFT 合约的开发。
🏃 DEX 开发实战:围绕一个课程设计的简单的去中心化交易所(DEX)的开发实战课程。通过这个课程,开发者可以了解到 DEX 的基本原理和实现,以及在实战中学习一些更加复杂的 DApp 开发知识。
📝 经验手册:一些关于 DApp 开发的经验总结,包括合约的权限管理、多合约的部署等 DApp 开发过程中可能会遇到的常见问题和解决方案的分享。
📬 课程完全开源,欢迎对 DApp 开发感兴趣的开发者参与贡献。第一部分新手入门已经完成,你可以帮忙校对、提出修改意见。第二部分 DEX 开发实战已经完成,你可以访问《体验 WTFSwap 测试网 Demo》参与体验和学习。第三部分经验手册则开放收集合适的优秀文章,欢迎提交 PR。另外参与讨论和反馈问题也是对课程很重要的贡献,你可以在 Issues 中讨论或者反馈问题。贡献者可以添加你的 Twitter 到文章头部。更多贡献说明参考 CONTRIBUTING。

📔 课程中包含合约开发和前端开发的内容,你可以按照你的需求选择学习其中某一个部分。但是我们更加建议你学习全部课程,这样可以更好的理解 DApp 的开发,每一部分我们都提供了完整的代码供参考。

Chapters

3 Chapters / 46 Lessons / 10H 35Mins

  • Chapters
  • Lessons
  • Duration
  • Progress
Chapter 1新手入门
15
3H 15Mins

第 1 讲:快速开始(三分钟展示 NFT)

10Mins

第 2 讲:连接钱包

5Mins

第 3 讲:节点服务和水龙头

10Mins

第 4 讲:调用合约

15Mins

第 5 讲:监听事件

5Mins

第 6 讲:Next.js 部署

10Mins

第 7 讲:合约开发和测试

25Mins

第 8 讲:合约部署

25Mins

第 9 讲:EIP1193 和 EIP6963

10Mins

第 10 讲:通过 WalletConnect 连接移动端钱包

15Mins

第 11 讲:支持多链

10Mins

第 12 讲:签名和验签

15Mins

第 13 讲:转账和收款

10Mins

第 14 讲:合约本地开发和测试环境

20Mins

第 15 讲:使用 Wagmi CLI 调试本地合约

10Mins

Chapter 2DEX 开发实战
30
7H 10Mins

第 P000 讲:为什么要做这个实战课程

5Mins

准备工作

-

第 P001 讲:什么是去中心化交易所(DEX)

10Mins

第 P002 讲:Uniswap 代码解析

30Mins

第 P003 讲:Wtfswap 整体设计

10Mins

合约开发

-

第 P101 讲:Wtfswap 合约设计

20Mins

第 P102 讲:初始化合约和开发环境

10Mins

第 P103 讲:Factory 合约开发

15Mins

第 P104 讲:PoolManager 合约开发

15Mins

第 P105 讲:Pool 合约 LP 相关接口开发

20Mins

第 P106 讲:Pool 合约 swap 接口开发

20Mins

第 P107 讲:Pool 合约交易手续费逻辑开发

15Mins

第 P108 讲:PositionManager 合约开发

20Mins

第 P109 讲:SwapRouter 合约开发

20Mins

前端开发

-

第 P201 讲:初始化前端代码和技术分析

15Mins

第 P202 讲:头部 UI 开发

15Mins

第 P203 讲:支持连接链

10Mins

第 P204 讲:Swap 页面 UI 开发

20Mins

第 P205 讲:Pool 列表页面 UI 开发

20Mins

第 P206 讲:添加 Pool 页面 UI 开发

20Mins

第 P207 讲:查看流动性页面 UI 开发

20Mins

第 P208 讲:添加流动性弹窗 UI 开发

20Mins

第 P209 讲:前端和链交互准备工作

15Mins

第 P210 讲:支持查看和创建交易池

10Mins

第 P211 讲:支持管理流动性

15Mins

第 P212 讲:支持 Swap

10Mins

第 P301 讲:合约的优化和安全

10Mins

第 P302 讲:Wtfswap 部署

20Mins

Chapter 3经验手册(PR Welcome)
1
10Mins

第 T001 篇:体验 WTFSwap 测试网 Demo

10Mins


13 Builders


Requirements

掌握基础编程逻辑(变量/函数/条件判断)

了解 JavaScript/TypeScript 语法

对区块链基础概念(钱包/交易/Gas)有基本认知


Take Away

独立开发基础 DApp

深入 DEX 开发全流程

主流工具链实战能力

Product

  • Learn
  • Build
  • Developer Profile
  • On-Chain Contract & Payment

Community

  • Discord
  • Twitter
  • GitHub
  • Telegram
  • LinkedIn
  • Substack

Company

  • Apply for Cooperation
  • Terms of Use Agreement
  • Privacy Policy
  • Press Kit

© 2025 OpenBuild, All rights reserved.