web2前端开发转web3

1,924 阅读4分钟

🏄‍♂️ 背景

2025年2月份的某一天,看到了关于一篇讲解如何了解“web3”的文章。很早其实就听说过关于web3,加密货币的一些信息,身边也有人相继从事此行业,但是自己习惯了稳定的工作,疏忽于学习,深感落后,做了很多年的web2前端开发,却发现自己忽然打开了一个魔法之门,门外的世界全都是不知道的知识和信息

完整项目学习地址

以下操作的内容均需要科学上网 🚀

  • ✅ 第一步,注册了一个Metamask钱包,拥有了自己的wallet address,并且在其官网学习了11章节的关于web3涉及的知识点,扫盲一遍所有需要了解的内容,虽然看完后依旧啥都不懂

  • ✅ 第二步,为了体验学习内容相对快,我又在币安(可以中文)注册了一个中心化托管的币安钱包,并且在其官网学习完毕了6章课程和数篇博客关于加密货币的知识,后面我发现很多交易平台都有免费的课程和文章可以学习,学习完还奖励了usd

  • ✅ 第三步,有了钱包后开始在一些网站尝试他们的airdrops(所谓的空投),发现有点类似拼多多拉人游戏,不是专业玩家耗时耗精力果断放弃

就这样,科学上网后我拥有注册了X账号,还有2个钱包,以及各种搜索学习扫盲一遍每个名词的意义,顺便学了很多英文,确定了我要做整个web3生态里最繁荣的应用层, DApps相关的开发,以下和我一起开启学习web3的技术之路吧。

📚 AI帮我学

grok.com/chat/)

我发现很多人不知道怎么转行,也不知道怎么学习,我也是一样,但是把自己的问题提问给AI就好了,讲述自己已经做了哪些工作,想转行该学习什么,甚至我让它帮我制定了一个详细的8周学习计划

提问后会给你一个非常详细的计划,那么此后我会按照这个计划分享学习内容

🔥 学习目标

  • 掌握区块链和Web3基础知识。

  • 学会与区块链交互(主要是以太坊生态)

  • 开发并部署一个简单的DApp前端。

  • 准备一个可展示的项目,为兼职工作打基础

  • 学好英语 我的英语日更笔记

📒 理解图例 (我们主要致力于研究技术实现层)

架构图

📕 学习目录

🎒 工具准备

步骤 1:安装Web3 钱包MetaMask

  1. 访问MetaMask官网
  • 使用支持MetaMask扩展的浏览器,推荐Google Chrome

  • 在浏览器地址栏输入:https://metamask.io/,进入官方网站。

  • 下载MetaMask,安装扩展

  1. 创建钱包
  • 点击浏览器右上角的MetaMask图标(狐狸图案),扩展窗口会弹出

  • 在下一页,选择“Create a Wallet”或“创建钱包”

  • MetaMask会生成一个12个单词的助记词,记下来不要分享

  • 钱包创建后,默认连接到以太坊主网(Ethereum Mainnet)

步骤 2:基础开发工具

  1. Web2 技能延续
  • 代码编辑器推荐: Visual Studio Code (VS Code)

  • 终端工具:Git Bash(Windows)、iTerm2(Mac)

  • 版本控制: Git + GitHub

  • 前端框架: React 或 Next.js, Web3 前端大多基于 React,Next.js 提供服务器端渲染和静态生成,适合 dApp

  • 包管理工具: 自带 Node.js>=18,默认用 npm,yarn 可选

  1. web3新知识
  • 区块链交互库: Ethers.js在前端与智能合约交互,查询链上数据,发送交易

  • 开发网络(测试链): Hardhat 或 Ganache,本地模拟区块链,便于开发和测试

  • 智能合约开发工具:Solidity编写智能合约的语言

👀 关于Web3的世界观

1.前辈的总结

如果将当前阶段的 Web3 生态组成架构抽象出一个鸟瞰图,由下而上可划分为四个层级:区块链网络层、中间件层、应用层、访问层

详细参考:万字长文聊聊Web3的组成架构

  • 区块链网络层:最底层是「区块链网络层」,也是 Web3 的基石层,主要由各区块链网络所组

  • 中间件层:在区块链网络层之上的这一层,我称之为「中间件层」,主要为上层应用提供各种通用服务和功能

  • 应用层: Web3 生态里最繁荣的一层,这一层里,充斥着各种不同的 DApps,NFT, Defi, GameFi, SocialFi

  • 访问层: Web3 组成架构里的最上层,也是直接面向终端用户的入口层。这一层里主要包括钱包、浏览器、聚合器等,另外,有一些 Web2 的社交媒体平台也成为了 Web3 的入口。

👆以上我们看出,在我们的转型之路上,我们只需花时间研究应用层和访问层,底层的知识了解即可,不要耗时间和精力去啃底层的知识和技术,要以目标和结果为导向学习

持续更新中ing,敬请期待