第十五屆 冠軍

web-3
Web3 全端工程師的技術養成之路
Harry Chen

系列文章

DAY 1

Day 1 - 前言

簡介 大家好,我是 KryptoGO 的 Harry,今天先聊一下為什麼想寫這系列的文章,還有預計會涵蓋哪些內容。我遇過許多人對 web 3 與區塊鏈相關技術感...

DAY 2

Day 2 - 基礎:區塊鏈錢包

今天的內容會帶大家實際安裝一個區塊鏈錢包,這會在後續的內容中使用,也簡單介紹區塊鏈錢包背後的運作原理,以及市面上有哪些不同種類的錢包。 安裝 MetaMask...

DAY 3

Day 3 - 基礎:操作測試鏈應用

今天我們會講解主網跟測試網的區別,並帶大家領取測試網上的代幣,來實際操作一個區塊鏈應用。 主網與測試網 在區塊鏈的世界中,我們有兩種不同的網絡:主網 (Main...

DAY 4

Day 4 - Web3 與前端:實作第一個 DApp

今天我們會用 React 實作一個最簡單的去中心化應用,也就是 Decentralized App(簡稱 DApp)。許多區塊鏈應用之所以只需要前端的技術,是因...

DAY 5

Day 5 - Web3 與前端:幫 DApp 加功能

昨天我們的 DApp 已經有簡單的讀取功能,因此今天會開始實作較進階的讀取跟簡單的寫入的功能,也就是發送交易。例如錢包餘額現在可以顯示 ETH 的餘額,而在 D...

DAY 6

Day 6 - Web3 與前端:RainbowKit + Wallet Connect

前兩天我們把 DApp 的一些基礎功能開發出來了,但還沒有在 UI/UX 上著墨太多。今天要介紹的 Rainbow Kit 就是可以用來快速開發一個好看的連接錢...

DAY 7

Day 7 - Web3 與前端:實作錢包登入 Part 1

今天我們會進入到錢包登入的實作。很多 DApp 如 Blur(NFT marketplace)、Lenster(Web3 社群平台)都是使用錢包地址作為唯一識別...

DAY 8

Day 8 - Web3 智能合約基礎

由於 Web3 與前端的主題暫時告一段落(後續會再有進階的 Web3 前端主題),作為到後端主題的銜接,如果對智能合約相關概念有更多理解的話會很有幫助,像前面我...

DAY 9

Day 9 - Web3 與後端:實作錢包登入 Part 2

今天我們正式進入 Web3 與後端的開發,在 Day 7 的前端程式已經準備好了簽名的訊息及簽章結果,因此後端需要提供一個 API 來驗證這個簽名,若驗證通過就...

DAY 10

Day 10 - Web3 與後端:建立錢包與取得 Token Balance

前一天已經實作完錢包登入的雛形,這個錢包在使用者的瀏覽器 Extension 內管理的。而有些時候也會需要在後端管理錢包,例如當使用者要把幣打到中心化交易所的入...