Home
Softono
WTF-Dapp

WTF-Dapp

Open source MIT Solidity
673
Stars
135
Forks
7
Issues
7
Watchers
6 months
Last Commit

About WTF-Dapp

WTF-Dapp is a comprehensive, open-source full-stack course designed to guide developers from beginner to advanced in building decentralized applications (DApps). The curriculum is structured into three main sections. The first part offers a minimal starter guide for those with basic development experience, covering essential front-end setup, wallet connection, node services, smart contract development, deployment, multi-chain support, and signature verification. The second section is an in-depth, hands-on tutorial on building a fully functional decentralized exchange (DEX) called WTFSwap. This module breaks down the principles of DEXs, analyzes Uniswap code, and walks through the development of core smart contracts like Factory, PoolManager, and SwapRouter, alongside the associated front-end implementation. The third section serves as an experience handbook, sharing best practices on contract permission management and multi-contract deployment. Sponsored by ZAN, the course provides complete code examples for

Platforms

Web Self-hosted

Languages

Solidity

WTF-Dapp

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

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

  • 🐝 新手入门:极简入门教程,从零开始帮助有简单开发经验的开发者快速上手去中心化应用开发。包括简单的前端页面和一个基础的 NFT 合约的开发。
  • 🏃 DEX 开发实战:围绕一个课程设计的简单的去中心化交易所(DEX)的开发实战课程。通过这个课程,开发者可以了解到 DEX 的基本原理和实现,以及在实战中学习一些更加复杂的 DApp 开发知识。
  • 📝 经验手册:一些关于 DApp 开发的经验总结,包括合约的权限管理、多合约的部署等 DApp 开发过程中可能会遇到的常见问题和解决方案的分享。

📬 课程完全开源,欢迎对 DApp 开发感兴趣的开发者参与贡献。第一部分新手入门已经完成,你可以帮忙校对、提出修改意见。第二部分 DEX 开发实战已经完成,你可以访问《体验 WTFSwap 测试网 Demo》参与体验和学习。第三部分经验手册则开放收集合适的优秀文章,欢迎提交 PR。另外参与讨论和反馈问题也是对课程很重要的贡献,你可以在 Issues 中讨论或者反馈问题。贡献者可以添加你的 Twitter 到文章头部。更多贡献说明参考 CONTRIBUTING

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

👉 你的 Star 是对我们最好的鼓励,如果对我们的课程感兴趣,欢迎给一个 Star 吧 ⭐

赞助商

感谢 ZAN 对 WTF Dapp 课程的赞助 ❤️

🔊 ZAN 是一家 Web3 技术服务提供商,提供节点服务测试网水龙头智能合约审计等服务,为 DApp 开发者提供技术服务支持。

欢迎加入 ZAN 的 DApp 开发者学习频道,一起讨论学习 DApp 开发。

新手入门

第 1 讲:快速开始(三分钟展示 NFT)教程 | 代码

第 2 讲:连接钱包教程 | 代码

第 3 讲:节点服务和水龙头教程 | 代码

第 4 讲:调用合约教程 | 代码

第 5 讲:监听事件教程 | 代码

第 6 讲:Next.js 部署教程

第 7 讲:合约开发和测试教程 | 代码

第 8 讲:合约部署教程 | 代码

第 9 讲:EIP1193 和 EIP6963教程 | 代码

第 10 讲:通过 WalletConnect 连接移动端钱包教程 | 代码

第 11 讲:支持多链教程 | 代码

第 12 讲:签名和验签教程 | 代码

第 13 讲:转账和收款教程 | 代码

第 14 讲:合约本地开发和测试环境教程 | 代码

第 15 讲:使用 Wagmi CLI 调试本地合约教程 | 代码

DEX 开发实战

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

0. 准备工作

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

第 P002 讲:Uniswap 代码解析教程

第 P003 讲:Wtfswap 整体设计教程

1. 合约开发

第 P101 讲:Wtfswap 合约设计教程 | 代码

第 P102 讲:初始化合约和开发环境教程 | 代码

第 P103 讲:Factory 合约开发教程 | 代码

第 P104 讲:PoolManager 合约开发教程 | 代码

第 P105 讲:Pool 合约 LP 相关接口开发教程 | 代码

第 P106 讲:Pool 合约 swap 接口开发教程 | 代码

第 P107 讲:Pool 合约交易手续费逻辑开发教程 | 代码

第 P108 讲:PositionManager 合约开发教程 | 代码

第 P109 讲:SwapRouter 合约开发教程 | 代码

2. 前端开发

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

第 P202 讲:头部 UI 开发教程 | 代码

第 P203 讲:支持连接链教程 | 代码

第 P204 讲:Swap 页面 UI 开发教程 | 代码

第 P205 讲:Pool 列表页面 UI 开发教程 | 代码

第 P206 讲:添加 Pool 页面 UI 开发教程 | 代码

第 P207 讲:查看流动性页面 UI 开发教程 | 代码

第 P208 讲:添加流动性弹窗 UI 开发教程 | 代码

第 P209 讲:前端和链交互准备工作教程 | 代码

第 P210 讲:支持查看和创建交易池教程 | 代码

第 P211 讲:支持管理流动性教程 | 代码

第 P212 讲:支持 Swap教程 | 代码

3. 部署和优化

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

第 P302 讲:Wtfswap 部署教程

经验手册(PR Welcome)

第 T001 篇:体验 WTFSwap 测试网 Demo文章