如果對 Web3 項目開發有興趣,可以前來院長這裡報名

Web3 項目速成課程(優越 3.0)課程介紹https://web3school.info

如果想進入我們群進行學習交流

歡迎加入 Discord 社群,與其他開發者一起學習交流。

加入 Discord 社群

Web3 零基礎 Dapp 項目開發入門學習藍圖

這個學習計劃更多偏向「快速開發自己的個人項目」,並沒有區塊鏈底層密碼學原理內容。
目的很簡單:用 1~2 個月,甚至 1 個月,快速做出自己的 Dapp,用於自己的項目或面試。
本文為【YouTube:院長G大】、【Bilibili:院長G大】原創內容。未經允許不得商用。

注意:該筆記並不是《Web3項目速成課程》內容,也不是課程目錄,只是我個人筆記。


概念部分(簡單)

在學習之前,請沒有接觸過 Web3 的朋友們,先不要急著學代碼,先提高認知。

如果你是老韭菜,請跳過該階段。

提高認知階段

學習內容學習資源重要程度備註
Web3 加密錢包learn.metamask.io100建議自行搜尋官方下載連結,但不要用百度(廣告太多)。歷史比較長的錢包如 MetaMask 等。
Web3 賽道大盤點youtube.com100讓你清楚 Web3 有什麼賽道,有什麼項目,Web3 可以做什麼。
什麼是 Web3youtube.com100公鏈、聯盟鏈,以及投資機構等等,向你還原一個真實的 Web3 世界。

在沒有任何操作經驗的情況下,我強烈建議:先從錢包開始,安裝並擁有自己的加密錢包,並且了解當前 Web3 有什麼賽道的項目。


第一階段:電腦語言基礎知識

學習內容

  • HTML 語法基礎
  • CSS 語法基礎
  • JS 語法基礎
  • Python 語法基礎
學習內容學習資源重要程度備註
HTML 速成youtube.com/watch?v=sib0Jc1001 小時左右的課程,真的很基礎,HTML 超級基礎課程。
CSS 速成youtube.com/watch?v=y9cjs01001 個半小時左右的課程,真的很基礎,而且沒必要看別人那些幾十集的視頻,這裡一個視頻包含全部。
JavaScript 速成youtube.com/watch?v=8PbZUc100如果你想做智能合約工程師,但不想做前端,那你就算不看上面兩集視頻,這個 JS 視頻也一定要看。
Python-70在做 Solana 合約開發時會用到。
下載一個代碼編輯器,硬著頭腦跟著視頻一行行代碼敲一下,對你很有幫助。這樣能讓你有那種編程思維,並且能夠看懂別人的前端模板代碼。

第二階段:前端 UI 模板框架【前端】

不是必學,但是學了開發起來比較省力。

學習內容

  • Bootstrap 基礎知識
  • Element 基礎知識
  • Vue 框架知識
  • React 框架知識
學習內容學習資源重要程度備註
Bootstrap 基礎知識v5.bootcss.com90學了後,你 CSS 的內容會寫少很多,因為裡面集成了很多樣式,你直接把 Bootstrap 標籤寫在 HTML 裡面就行了。
Element 基礎知識element.eleme.cn/#/zh-TW65同上。
Vue 框架知識cn.vuejs.org/guide/introduction.html90Vue 前端框架,可以讓你更專注於鏈端邏輯開發,前端只是查詢和顯示,並且開發的時候 Vue 可以同步渲染,開發起來比較爽。
React 框架知識reactjs.org/tutorial70同上。

框架選擇: Bootstrap vs Element → 推薦 Bootstrap
框架選擇: Vue vs React → 推薦 Vue(小白更容易理解)

學了,能做 Web3-Dapp 全棧工程師;不學,只能做智能合約工程師。

第三階段:鏈端開發知識【鏈端】

EVM:以太坊虛擬機的鏈

適用於:Ethereum、Polygon、Optimism、Arbitrum、BSC

通用,必學。
學習內容學習資源重要程度備註
VSCode + Remix 插件youtu.be/RvESmpeUEBs100插件已經棄用,這裡是解決法。
Remix 如何使用youtu.be/AY4RQW1o4LE100【Web3 項目速成課程】B 站免費版裡面有。
Solidity 基礎語法youtu.be/mCVwOTpScsY100【Web3 項目速成課程】B 站免費版裡面有。
Hardhat 部署框架youtu.be/ANrCKXTWzJ4100【Web3 項目速成課程】B 站免費版裡面有。
OpenZeppelin 安全類庫youtu.be/hjN-5I8uWOg100【Web3 項目速成課程】B 站免費版裡面有。
Ganache 快速部署測試鏈工具youtube.com/watch?v=6zEbwc100英文。
ERC20 / ERC721 / ERC1155 協議標準mirror.xyz/0x2100/
Proxy 代理合約升級web3school.info100/
公開合約方法web3school.info100/
Scan 區塊鏈瀏覽器youtube.com/watch?v=0_d5k4100YouTube 旁白君視頻。

SVM:Solana 虛擬機的鏈(必學)

學習內容學習資源重要程度備註
Solana 的帳戶類型youtu.be/Og_BII7bu5g100/
Solana Playground 使用solpg.io100/
Seahorse 基礎用法seahorse-lang.org100/
Solana-CLI 用法docs.solanalabs.com/cli/install100/
Anchor 基礎用法anchor-lang.com100/
Metaplex 上傳 Metadatametaplex.com100/
Solscan 區塊鏈瀏覽器solscan.io100/

第四階段:前端與鏈端對接交互【鏈端】

EVM(ETH)鏈

學習內容學習資源重要程度備註
Ethers.jslearnblockchain.cn/docs/ethers.js100/
Web3.jslearnblockchain.cn/docs/web3js80/

兩個對接類庫,二選一。建議學 Ethers.js,個人覺得比 Web3.js 順。Web3.js 每次調用需要查詢當前區塊高度,但是 API 可能被牆或者網絡原因,經常查詢不出 Timeout。

SVM(Solana)鏈

學習內容學習資源重要程度備註
@coral-xyz/anchoranchor-lang.com/docs/overview100/
@solana/web3.jssolana.com/docs90/
@solana/spl-tokenspl.solana.com/token90/

@coral-xyz/anchor 其實裡面也有 @solana/web3.js 和 @solana/spl-token。其實你懂了 anchor 就不太喜歡再用下面的兩個,但是我建議你全部都了解一下。


第五階段:鏈端 DeFi 項目思路常規模塊【鏈端】

必學。
  • 了解出名的 DeFi 項目
  • Farm 流動性挖礦邏輯
  • 空投邏輯
  • 白名單邏輯
  • 白名單兌換邏輯
  • Staking 質押邏輯
  • AMM(UniSwap V2、V3)
  • LP 計價邏輯
學習內容學習資源重要程度備註
了解出名的 DeFi 項目alchemy.com/list100/
Farm 流動性挖礦邏輯web3school.info/web3100【Web3 項目速成課程】裡面有。
空投邏輯web3school.info/web3100【Web3 項目速成課程】裡面有。
白名單邏輯web3school.info/web3100【Web3 項目速成課程】裡面有。
白名單兌換邏輯web3school.info/web3100【Web3 項目速成課程】裡面有。
Staking 質押邏輯web3school.info/web3100【Web3 項目速成課程】裡面有。
AMM(UniSwap V2)youtube.com/watch?v=t470s100旁白君視頻。
LP 計價邏輯youtube.com/watch?v=t470s100同上。

上面只是冰山一角,而且也沒有太多相關內容在網上。我只能說,能多了解就盡量多了解。一般先了解一些比較出名的 DeFi 項目,然後看它們是怎麼激勵大家使用、怎麼激勵大家推廣起來的。再看這個項目解決了什麼痛點,這些痛點是不是大家都非常需要的。


第六階段:鏈端 NFT 項目思路【鏈端】

非必學。
  • 了解出名的 NFT 項目
  • OpenSea
  • Blur
學習內容學習資源重要程度備註
了解出名的 NFT 項目mirror.xyz/0x280/
OpenSeaopensea.io70/
Blurblur.io80/

多了解一些 NFT 項目,看一下當前市場都用 NFT 做什麼遊戲,或者做什麼應用場景,解決什麼問題。另外就是有空去走走 OpenSea 流程,讓你懂得怎麼在平台交易你的 NFT。最後,學習別人如何鑄造 NFT 以及別人的邏輯,多看看別人項目代碼。


第七階段:抄一個項目,熟悉整個開發項目過程

非必學。
  • 實戰開發
  • 利用 4everland 上線一個 Dapp
  • 購買 ENS 連接你的 4everland
學習內容學習資源重要程度備註
實戰開發web3school.info/web3100/
利用 4everland 上線 Dappweb3school.info/web3100/
購買 ENS 連接 4everlandweb3school.info/web3100/

1~6 個階段都已經經歷了,已經有了一定編程開發能力,看了這麼多項目後,也被各種項目收到後,成功從新韭菜變成了老韭菜。對於一些項目的模式和邏輯,可以說比較了解了。自己也有一套心裡面的理想項目。這個時候,你就可以利用自己所學技能,從前端、鏈端,甚至請人做 UI,然後部署測試,並且上線。從此走向人生巔峰。

沒辦法巔峰,拿著作品先找了個工作也是沒問題的。

第八階段:其他

有空看看。
  • Solidity 合約安全
  • 以太坊理論(預言機、EVM、Gas 等)
  • 橢圓密碼學
  • 比特幣白皮書
  • Solana 秘籍
學習內容學習資源重要程度備註
洞悉漏洞paper.seebug.org80智能合約跟錢掛鉤太緊密,出現一點點漏洞,有可能錢就沒了,所以一些安全和攻擊的內容還是需要了解。
《精通以太坊》github.com100內容很好,也很全,裡面科普了一些你永遠不會去看,但是很重要的概念,例如以太坊虛擬機 EVM、Vyper 語言、Gas、共識機制等等。
MIT 區塊鏈課程(15.S12)MIT OCW60英文,只看 Session1~Session5:傳統金融、區塊鏈技術、相關加密算法。
Bitcoin White Paperbitcoin.org/en/bitcoin-paper70比特幣底層設計。
Web3 加密朋克notion.so80/
1 本書讀懂 Web3notion.so80/
Solana 秘籍solanacookbook.com/zh100/

最後說明

適合:

  • 想快速入門 Web3 Dapp 開發的人
  • 想做自己的鏈上項目的人
  • 想通過作品面試 Web3 崗位的人
  • 想從前端逐步過渡到智能合約開發的人

不適合:

  • 想系統研究密碼學底層的人
  • 想從學術角度研究區塊鏈的人
  • 只想看理論但不想動手的人

建議學習方式

  1. 先理解 Web3 是什麼、錢包是什麼、賽道是什麼。
  2. 再補最基礎的前端和編程知識。
  3. 然後選擇 EVM 或 Solana 其中一條路線深入。
  4. 接著學習前端如何和鏈端交互。
  5. 最後抄一個完整項目,跑通開發 → 部署 → 測試 → 上線流程。
只要你真的動手做一遍,一個月到兩個月,基本就能從零基礎進入 Web3 Dapp 項目開發的大門。
© YouTube:院長G大 / Bilibili:院長G大
Threads