从前端 /Web 开发转向 Web3 需要哪几步?掌握这篇指南就够了!
TinTinLand
2024-09-04 22:00
订阅此专栏
收藏此文章

来源:https://esemonday.notion.site/Roadmap-Front-end-to-web3-1b9a15bff06b4ed78487b0521a918689

编译:TinTinLand 社区

如何成为一个成熟的 Web3 开发者?从传统 Web 开发转行到 Web3 又需要掌握哪些新知识?对于 Web3 开发者来说,找到短时间内提升开发本领、洞悉行业前沿风向始终是绕不开的学习话题。

开发语言和去中心化分领域赛道,总能在开发实践的过程中找到正确方向。TinTinLand 希望聚集、培育、输送开发者到各开放网络,传递 Web3 开发工具、资源、求职等新鲜资讯,以全面的开发者入门指南,为你的 Web3 之旅保驾护航。本篇文章聚焦从前端 /Web 开发转到 Web3 的技术路线图,带领开发者找到从理论到实战的新方向。

🔍 加入 TinTinLand Notion 空间,解锁更多开发者学习资源库:

https://www.notion.so/TinTinLand-Community-3f0b56879c57411f9a04dd82ba541e6a




🪅 路线图:从前端到 Web3

区块链和加密资产基础

从开发起步到 Web3 行业首先需要掌握区块链的基础知识,区块链是一种分布式账本技术,它通过加密算法确保数据的安全性和透明性。在此基础上,需要把握加密货和智能合约的基本概念,其中加密资产是 Web3 生态系统的重要组成部分,这是基于区块链技术的数字货币,加密数字资产和以太坊是最知名的两种加密资产;智能合约是自动执行的合约,在满足特定条件时会自动执行相关操作,其去中心化特性使得它们可以在没有中介的情况下进行交易,提高效率和安全性。

Ethereum 基础知识

以太坊是一个开源的去中心化平台,旨在提供智能合约的服务,可以运行任何去中心化应用程序的程序代码。开发者接触以太坊需要了解其技术架构,准备着手创建应用程序时,必须用以太币支付称为「Gas」的网络费用和交易规则。除此之外,当我们创建钱包的时候,实际上是创建一个以太坊账户,通过私钥的方式控制账户之间的转账。

Solidity 编程语言

完成对区块链知识、加密资产以及 Ethereum 基础知识的认知后,开发者需要至少掌握 1-2 门擅长的开发语言,比如 Solidity 语言是开发者使用较为广泛且能够练习编写简单智能合约的选择,了解不同合约的部署和交互规则与方法,争取尽早着手项目创新探索。

Ethereum 基础知识

以太坊是一个开源的去中心化平台,旨在提供智能合约的服务,可以运行任何去中心化应用程序的程序代码。开发者接触以太坊需要了解其技术架构,准备着手创建应用程序时,必须用以太币支付称为「Gas」的网络费用和交易规则。除此之外,当我们创建钱包的时候,实际上是创建一个以太坊账户,通过私钥的方式控制账户之间的转账。

Web3.js / Ethers.js/Viem .js

Ethers.js 作为 Web3.js 的替代品,是一个强大密集的数据库,用于实现与以太坊的交互,帮助 DApp 与区块链连接,使用 Ethers.js 的开发者可以访问以太坊区块链的完整功能。开发者在充分掌握 Ethers.js 之后还可以学习将前端连接到智能合约的技术路径,练习从区块链读取和写入代码信息的方法,轻松完成项目创建与调用。

去中心化存储

Filecoin 是一个去中心化网络,允许存储来自任何地方的访问数据,用户可以提供可用存储作为网络节点,并在节点上存储和检索数据时赚取 FIL;IPFS 是 Web3 文件系统,用于处理跨网络数据存储和检索服务。IPFS 和 Filecoin 可谓区块链世界实现互补的“天作之合”,指引开发者能够在任何地方存取数据并出租可用空间,掌握在去中心化网络上存储和检索数据的本领。

Web3 的前端框架

掌握开发语言和基本生态知识后,开发者可以学习并熟悉 React.js,探索 Web3 特定的 UI 库(比如 Web3-React、useDApp 等),以相对简化的方式把握 Web3 前端框架。

钱包集成

Web3 钱包是一种用于存储和管理数字资产,如加密资产、Token 、非同质化 Token (NFTs)等的数字存储形式。开发者掌握钱包应用可以存储加密资产、管理 Token 和收藏 NFTs。而作为全世界最多人使用的加密资产钱包,MetaMask 让用户只需按步骤点选即可储存与交换各种 Token ,访问链上丰富的 DApps。开发者可以学习 MetaMask 的基本使用方法并尝试与其他钱包连接,处理关于钱包账号的切换与网络变更,迈出 Web3 资产账户管理的第一步。

去中心化身份(DID)

DID(Decentralized Identifier,去中心化身份体系)由传统的中心化身份衍化和派生出来,指去中介化,个人或组织完全拥有的自身数字身份的所有权、控制权、管理权,这部分权利完全归于用户自身,增强了用户对身份数据的控制,也被称为自我主权模式(Self-Sovereign identity,SSI)身份管理,开发者需要掌握使用钱包在移动设备应用上管理去中心化身份和可验证凭据。

Layer2 解决方案

Layer2 是建立在 layer1 技术方案上的一组链下解决方案(独立区块链),可通过扩展和数据减少瓶颈,通过集成并受益于以太坊强大的去中心化安全模型的智能合约进行通信,帮助减轻主网交易的负担,能够处理更多与交易相关的扩展问题。开发者除了了解 Layer2 的基本概念以外,还可以熟悉典型的 Layer2 解决方案——Optimism、Arbitrum 等潜力生态,把握更多与 Layer2 互动的方式。

DeFi 协议

DeFi 即去中心化金融,指使用智能合约创建的金融应用程序,任何拥有互联网连接的人都可以使用智能合约进行金融交易并执行各种其他任务,可以最大限度地减少对中心化机构或第三方需求,让每个人都能访问金融系统。当前流行的 DeFi 协议包括 Uniswap、Aave 等,开发者可以学习与 DeFi 协议集成,扩大加密资产交易平台开发视野,优化个人与数字资产、金融服务等互动的方式。

NFT 和令牌标准

NFT 指非同质化 Token ,是用于表示数字资产(包括 JPG 和视频剪辑形式)唯一加密资产令牌。开发者可以在了解以太坊提案请求(Ethereum Request for Comments,以太坊上广泛采用的 Token 标准,为同质化 Token 提供基本规范,确保 Token 在以太坊生态系统中的互操作性) 的基础上学习铸造和交易 NFT,成为 NFT 的创作者和收藏者。

测试和安全

开发者入门开发和探索的过程中还需要警惕智能合约等常见安全漏洞,握项目测试反馈和实践路径,防止系统安全隐患和各类运行故障,让开发之旅更加顺畅。

去中心化自治组织(DAO)

链上世界如何完成参与治理决策的利益平衡和参与权限问题?去中心化自治组织(Decentralized Autonomous Organization)作为一种新型组织模式,其管理和运行规则以智能合约形式编码在区块链上,无需中心化控制或第三方干预即可自主运行,具备去中心化、自治、组织的特征。开发者可以探索 DAOsack — Alchemy、Aragon、Juice box 等创建和管理 DAO 的工具,深度参与社区自治等流程。

保持学习状态

开发者 Web3 学习永无止境,请记得多关注 Web3 行业的新鲜资讯和最新情况,积极参与黑客松和开源项目创新挑战,与更多 Web3 开发者交流沟通,累积更多行业开发的创新灵感,迈向更广阔的发展未来。




 🪅 Web3 学习资源推荐

区块链基础

https://www.coursera.org/learn/blockchain-foundations-and-use-cases

Ethereum

「以太坊公开课:开发者区块链入门,从基础到实战」

📌 报名链接: https://wj.qq.com/s2/15088813/6lmz/

https://ethereum.org/en/

https://github.com/ethereumbook/ethereumbook

https://github.com/Scanate/EthList

Solidity 编程

https://soliditylang.org

https://solidity-by-example.org

Web3 开发者课程

https://space.bilibili.com/1152852334/channel/series

https://updraft.cyfrin.io/courses

https://learnweb3.io

https://metaschool.so

https://cryptozombies.io

Web3.js 

https://docs.web3js.org

https://www.youtube.com/watch?v=3ZO_t-Kyr1g

https://www.dappuniversity.com/articles/web3-js-intro

Ethers.js

https://docs.ethers.org/v6/

Thirdweb

https://thirdweb.com

Viem

https://viem.sh

去中心化存储

https://ipfs.tech

https://arweave.org

特定于 Web3 的 UI 库 ( 如 web3-react、useDApp)

https://docs.uniswap.org/sdk/web3-react/overview

钱包集成

https://web3auth.io

https://walletconnect.com

https://esemonday.notion.site/GISMA-Business-School-University-of-Applied-Sciences-17a97d40f91c4310ac113c3d3dd8b5f9

DeFi 协议

https://aave.com


往期精彩

以太坊公开课带你快速入门基础到实战,瓜分海量奖金池!

TinTinLand Web3 + DePIN 共学月|深入探索 DePIN 项目,全景分析去中心化网络未来

解锁 Starknet 的深层洞察:利用 Dune 构建动态数据可视化


关于我们

ABOUT US



TinTinLand 是赋能下一代开发者的技术社区,通过聚集、培育、输送开发者到各开放网络,共同定义并构建未来。


Discord: https://discord.gg/65N69bdsKw

Twitter: https://twitter.com/OurTinTinLand

Bilibili: https://space.bilibili.com/1152852334

Medium: https://medium.com/tintinland

YouTube: https://www.youtube.com/channel/UCfHiMcFt-4btbC75FsReQh


点击“阅读原文”进入 TinTinLand 社区空间 Notion 资源库,需科学上网访问

【免责声明】市场有风险,投资需谨慎。本文不构成投资建议,用户应考虑本文中的任何意见、观点或结论是否符合其特定状况。据此投资,责任自负。

TinTinLand
数据请求中
查看更多

推荐专栏

数据请求中
在 App 打开