https://github.com/shoshowang/web3-learning-project
从 Web2 到 Web3 前端开发的个人学习笔记，涵盖工具使用、钱包集成和智能合约交互。欢迎探索与交流！
https://github.com/shoshowang/web3-learning-project
ethersjs front-end-development learning-exercise next react reactjs viem wagmi web3
Last synced: 7 months ago
JSON representation
从 Web2 到 Web3 前端开发的个人学习笔记，涵盖工具使用、钱包集成和智能合约交互。欢迎探索与交流！
- Host: GitHub
- URL: https://github.com/shoshowang/web3-learning-project
- Owner: ShoshoWang
- Created: 2025-02-26T03:22:50.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-12T11:38:14.000Z (7 months ago)
- Last Synced: 2025-03-12T12:31:48.564Z (7 months ago)
- Topics: ethersjs, front-end-development, learning-exercise, next, react, reactjs, viem, wagmi, web3
- Homepage:
- Size: 1.28 MB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🏄♂️ 背景
2025年2月份的某一天，看到了关于一篇讲解如何了解“web3”的文章。很早其实就听说过关于web3,加密货币的一些信息，身边也有人相继从事此行业，但是自己习惯了稳定的工作，疏忽于学习，深感落后，做了很多年的web2前端开发，却发现自己忽然打开了一个魔法之门，门外的世界全都是不知道的知识和信息
> 以下操作的内容均需要科学上网 🚀
- ✅ 第一步，注册了一个Metamask钱包，拥有了自己的wallet address，并且在其官网学习了11章节的关于web3涉及的知识点，扫盲一遍所有需要了解的内容，虽然看完后依旧啥都不懂
- ✅ 第二步，为了体验学习内容相对快，我又在币安（可以中文）注册了一个中心化托管的币安钱包，并且在其官网学习完毕了6章课程和数篇博客关于加密货币的知识，后面我发现很多交易平台都有免费的课程和文章可以学习，学习完还奖励了usd
- ✅ 第三步，有了钱包后开始在一些网站尝试他们的airdrops(所谓的空投)，发现有点类似拼多多拉人游戏，不是专业玩家耗时耗精力果断放弃
就这样，科学上网后我拥有注册了X账号，还有2个钱包，以及各种搜索学习扫盲一遍每个名词的意义，顺便学了很多英文，确定了我要做整个web3生态里最繁荣的应用层， DApps相关的开发，以下和我一起开启学习web3的技术之路吧。
## 📚 AI帮我学
#### (https://grok.com/chat/)
我发现很多人不知道怎么转行，也不知道怎么学习，我也是一样，但是把自己的问题提问给AI就好了，讲述自己已经做了哪些工作，想转行该学习什么，甚至我让它帮我制定了一个详细的8周学习计划
提问后会给你一个非常详细的计划，那么此后我会按照这个计划分享学习内容
## 🔥 学习目标
- 掌握区块链和Web3基础知识。
- 学会与区块链交互（主要是以太坊生态）
- 开发并部署一个简单的DApp前端。
- 准备一个可展示的项目，为兼职工作打基础
- 学好英语 [我的英语日更笔记](./english/daily.md)
> 给大家传授一下我的学习心法：了解了知识框架后，去对应的技术方向官网，一遍一遍看，哪怕这个技术和语言从没接触过，看一遍，再看一遍，再看一遍，再看一遍就无师自通了，即使是英文的网站一遍遍死磕收获不一样的体验，亲测
## 📒 理解图例
##### 我们主要致力于前端方向的技术实现层，👇 下图的技术实现层还包含后端，智能合约等方向，后续再学，先搞定前端
## 📕 学习目录
- [1.开发工具准备](./docs/01tools.md)
- [2.关于Web3的世界观](./docs/02views.md)
- [3.链接Web3钱包](./docs/03wallet.md)
- [4.React生态Web3](./docs/04nextjs.md)
- [5.Web3区块链网络](./docs/04nextjs.md)