如果對 Web3 項目開發有興趣,可以前來院長這裡報名
Web3 項目速成課程(優越 3.0)課程介紹: https://web3school.info
Web3 零基礎 Dapp 項目開發入門學習藍圖
這個學習計劃更多偏向「快速開發自己的個人項目」,並沒有區塊鏈底層密碼學原理內容。
目的很簡單:用 1~2 個月,甚至 1 個月,快速做出自己的 Dapp,用於自己的項目或面試。
本文為【YouTube:院長G大】、【Bilibili:院長G大】原創內容。未經允許不得商用。
注意:該筆記並不是《Web3項目速成課程》內容,也不是課程目錄,只是我個人筆記。
概念部分(簡單)
在學習之前,請沒有接觸過 Web3 的朋友們,先不要急著學代碼,先提高認知。
如果你是老韭菜,請跳過該階段。
提高認知階段
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| Web3 加密錢包 | learn.metamask.io | 100 | 建議自行搜尋官方下載連結,但不要用百度(廣告太多)。歷史比較長的錢包如 MetaMask 等。 |
| Web3 賽道大盤點 | youtube.com | 100 | 讓你清楚 Web3 有什麼賽道,有什麼項目,Web3 可以做什麼。 |
| 什麼是 Web3 | youtube.com | 100 | 公鏈、聯盟鏈,以及投資機構等等,向你還原一個真實的 Web3 世界。 |
在沒有任何操作經驗的情況下,我強烈建議:先從錢包開始,安裝並擁有自己的加密錢包,並且了解當前 Web3 有什麼賽道的項目。
第一階段:電腦語言基礎知識
學習內容
- HTML 語法基礎
- CSS 語法基礎
- JS 語法基礎
- Python 語法基礎
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| HTML 速成 | youtube.com/watch?v=sib0Jc | 100 | 1 小時左右的課程,真的很基礎,HTML 超級基礎課程。 |
| CSS 速成 | youtube.com/watch?v=y9cjs0 | 100 | 1 個半小時左右的課程,真的很基礎,而且沒必要看別人那些幾十集的視頻,這裡一個視頻包含全部。 |
| JavaScript 速成 | youtube.com/watch?v=8PbZUc | 100 | 如果你想做智能合約工程師,但不想做前端,那你就算不看上面兩集視頻,這個 JS 視頻也一定要看。 |
| Python | - | 70 | 在做 Solana 合約開發時會用到。 |
下載一個代碼編輯器,硬著頭腦跟著視頻一行行代碼敲一下,對你很有幫助。這樣能讓你有那種編程思維,並且能夠看懂別人的前端模板代碼。
第二階段:前端 UI 模板框架【前端】
不是必學,但是學了開發起來比較省力。
學習內容
- Bootstrap 基礎知識
- Element 基礎知識
- Vue 框架知識
- React 框架知識
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| Bootstrap 基礎知識 | v5.bootcss.com | 90 | 學了後,你 CSS 的內容會寫少很多,因為裡面集成了很多樣式,你直接把 Bootstrap 標籤寫在 HTML 裡面就行了。 |
| Element 基礎知識 | element.eleme.cn/#/zh-TW | 65 | 同上。 |
| Vue 框架知識 | cn.vuejs.org/guide/introduction.html | 90 | Vue 前端框架,可以讓你更專注於鏈端邏輯開發,前端只是查詢和顯示,並且開發的時候 Vue 可以同步渲染,開發起來比較爽。 |
| React 框架知識 | reactjs.org/tutorial | 70 | 同上。 |
框架選擇: Bootstrap vs Element → 推薦 Bootstrap
框架選擇: Vue vs React → 推薦 Vue(小白更容易理解)
學了,能做 Web3-Dapp 全棧工程師;不學,只能做智能合約工程師。
第三階段:鏈端開發知識【鏈端】
EVM:以太坊虛擬機的鏈
適用於:Ethereum、Polygon、Optimism、Arbitrum、BSC
通用,必學。
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| VSCode + Remix 插件 | youtu.be/RvESmpeUEBs | 100 | 插件已經棄用,這裡是解決法。 |
| Remix 如何使用 | youtu.be/AY4RQW1o4LE | 100 | 【Web3 項目速成課程】B 站免費版裡面有。 |
| Solidity 基礎語法 | youtu.be/mCVwOTpScsY | 100 | 【Web3 項目速成課程】B 站免費版裡面有。 |
| Hardhat 部署框架 | youtu.be/ANrCKXTWzJ4 | 100 | 【Web3 項目速成課程】B 站免費版裡面有。 |
| OpenZeppelin 安全類庫 | youtu.be/hjN-5I8uWOg | 100 | 【Web3 項目速成課程】B 站免費版裡面有。 |
| Ganache 快速部署測試鏈工具 | youtube.com/watch?v=6zEbwc | 100 | 英文。 |
| ERC20 / ERC721 / ERC1155 協議標準 | mirror.xyz/0x2 | 100 | / |
| Proxy 代理合約升級 | web3school.info | 100 | / |
| 公開合約方法 | web3school.info | 100 | / |
| Scan 區塊鏈瀏覽器 | youtube.com/watch?v=0_d5k4 | 100 | YouTube 旁白君視頻。 |
SVM:Solana 虛擬機的鏈(必學)
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| Solana 的帳戶類型 | youtu.be/Og_BII7bu5g | 100 | / |
| Solana Playground 使用 | solpg.io | 100 | / |
| Seahorse 基礎用法 | seahorse-lang.org | 100 | / |
| Solana-CLI 用法 | docs.solanalabs.com/cli/install | 100 | / |
| Anchor 基礎用法 | anchor-lang.com | 100 | / |
| Metaplex 上傳 Metadata | metaplex.com | 100 | / |
| Solscan 區塊鏈瀏覽器 | solscan.io | 100 | / |
第四階段:前端與鏈端對接交互【鏈端】
EVM(ETH)鏈
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| Ethers.js | learnblockchain.cn/docs/ethers.js | 100 | / |
| Web3.js | learnblockchain.cn/docs/web3js | 80 | / |
兩個對接類庫,二選一。建議學 Ethers.js,個人覺得比 Web3.js 順。Web3.js 每次調用需要查詢當前區塊高度,但是 API 可能被牆或者網絡原因,經常查詢不出 Timeout。
SVM(Solana)鏈
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| @coral-xyz/anchor | anchor-lang.com/docs/overview | 100 | / |
| @solana/web3.js | solana.com/docs | 90 | / |
| @solana/spl-token | spl.solana.com/token | 90 | / |
@coral-xyz/anchor 其實裡面也有 @solana/web3.js 和 @solana/spl-token。其實你懂了 anchor 就不太喜歡再用下面的兩個,但是我建議你全部都了解一下。
第五階段:鏈端 DeFi 項目思路常規模塊【鏈端】
必學。
- 了解出名的 DeFi 項目
- Farm 流動性挖礦邏輯
- 空投邏輯
- 白名單邏輯
- 白名單兌換邏輯
- Staking 質押邏輯
- AMM(UniSwap V2、V3)
- LP 計價邏輯
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| 了解出名的 DeFi 項目 | alchemy.com/list | 100 | / |
| Farm 流動性挖礦邏輯 | web3school.info/web3 | 100 | 【Web3 項目速成課程】裡面有。 |
| 空投邏輯 | web3school.info/web3 | 100 | 【Web3 項目速成課程】裡面有。 |
| 白名單邏輯 | web3school.info/web3 | 100 | 【Web3 項目速成課程】裡面有。 |
| 白名單兌換邏輯 | web3school.info/web3 | 100 | 【Web3 項目速成課程】裡面有。 |
| Staking 質押邏輯 | web3school.info/web3 | 100 | 【Web3 項目速成課程】裡面有。 |
| AMM(UniSwap V2) | youtube.com/watch?v=t470s | 100 | 旁白君視頻。 |
| LP 計價邏輯 | youtube.com/watch?v=t470s | 100 | 同上。 |
上面只是冰山一角,而且也沒有太多相關內容在網上。我只能說,能多了解就盡量多了解。一般先了解一些比較出名的 DeFi 項目,然後看它們是怎麼激勵大家使用、怎麼激勵大家推廣起來的。再看這個項目解決了什麼痛點,這些痛點是不是大家都非常需要的。
第六階段:鏈端 NFT 項目思路【鏈端】
非必學。
- 了解出名的 NFT 項目
- OpenSea
- Blur
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| 了解出名的 NFT 項目 | mirror.xyz/0x2 | 80 | / |
| OpenSea | opensea.io | 70 | / |
| Blur | blur.io | 80 | / |
多了解一些 NFT 項目,看一下當前市場都用 NFT 做什麼遊戲,或者做什麼應用場景,解決什麼問題。另外就是有空去走走 OpenSea 流程,讓你懂得怎麼在平台交易你的 NFT。最後,學習別人如何鑄造 NFT 以及別人的邏輯,多看看別人項目代碼。
第七階段:抄一個項目,熟悉整個開發項目過程
非必學。
- 實戰開發
- 利用 4everland 上線一個 Dapp
- 購買 ENS 連接你的 4everland
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| 實戰開發 | web3school.info/web3 | 100 | / |
| 利用 4everland 上線 Dapp | web3school.info/web3 | 100 | / |
| 購買 ENS 連接 4everland | web3school.info/web3 | 100 | / |
1~6 個階段都已經經歷了,已經有了一定編程開發能力,看了這麼多項目後,也被各種項目收到後,成功從新韭菜變成了老韭菜。對於一些項目的模式和邏輯,可以說比較了解了。自己也有一套心裡面的理想項目。這個時候,你就可以利用自己所學技能,從前端、鏈端,甚至請人做 UI,然後部署測試,並且上線。從此走向人生巔峰。
沒辦法巔峰,拿著作品先找了個工作也是沒問題的。
第八階段:其他
有空看看。
- Solidity 合約安全
- 以太坊理論(預言機、EVM、Gas 等)
- 橢圓密碼學
- 比特幣白皮書
- Solana 秘籍
| 學習內容 | 學習資源 | 重要程度 | 備註 |
|---|---|---|---|
| 洞悉漏洞 | paper.seebug.org | 80 | 智能合約跟錢掛鉤太緊密,出現一點點漏洞,有可能錢就沒了,所以一些安全和攻擊的內容還是需要了解。 |
| 《精通以太坊》 | github.com | 100 | 內容很好,也很全,裡面科普了一些你永遠不會去看,但是很重要的概念,例如以太坊虛擬機 EVM、Vyper 語言、Gas、共識機制等等。 |
| MIT 區塊鏈課程(15.S12) | MIT OCW | 60 | 英文,只看 Session1~Session5:傳統金融、區塊鏈技術、相關加密算法。 |
| Bitcoin White Paper | bitcoin.org/en/bitcoin-paper | 70 | 比特幣底層設計。 |
| Web3 加密朋克 | notion.so | 80 | / |
| 1 本書讀懂 Web3 | notion.so | 80 | / |
| Solana 秘籍 | solanacookbook.com/zh | 100 | / |
最後說明
適合:
- 想快速入門 Web3 Dapp 開發的人
- 想做自己的鏈上項目的人
- 想通過作品面試 Web3 崗位的人
- 想從前端逐步過渡到智能合約開發的人
不適合:
- 想系統研究密碼學底層的人
- 想從學術角度研究區塊鏈的人
- 只想看理論但不想動手的人
建議學習方式
- 先理解 Web3 是什麼、錢包是什麼、賽道是什麼。
- 再補最基礎的前端和編程知識。
- 然後選擇 EVM 或 Solana 其中一條路線深入。
- 接著學習前端如何和鏈端交互。
- 最後抄一個完整項目,跑通開發 → 部署 → 測試 → 上線流程。
只要你真的動手做一遍,一個月到兩個月,基本就能從零基礎進入 Web3 Dapp 項目開發的大門。