iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Web 3

Web3 全端工程師的技術養成之路 系列

近年來 Web 3 及區塊鏈技術已取得越來越高的關注度,它將顛覆我們對網路以及金融的認知與使用方式。從 Web 2 的中心化架構轉換到 Web 3 的去中心化架構,對於想要進入這個領域的工程師來說,除了需要掌握基本軟體開發的技能,也要對 Web 3 相關概念與技術有基本的了解,包含新的開發模式、工具、語言等等。本系列文章旨在引領讀者理解 Web 3 的精髓,提供一套從 Web 2 到 Web 3 全端開發的技術養成路線。無論是前端、後端還是 App 端的開發者,我們都將一同探索這條充滿挑戰與機遇的道路,為網路世界的變革做好充分準備。

鐵人鍊成 | 共 30 篇文章 | 52 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 - 前言

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

2023-09-10 ‧ 由 Harry Chen 分享
DAY 2

Day 2 - 基礎:區塊鏈錢包

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

2023-09-11 ‧ 由 Harry Chen 分享
DAY 3

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

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

2023-09-12 ‧ 由 Harry Chen 分享
DAY 4

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

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

2023-09-13 ‧ 由 Harry Chen 分享
DAY 5

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

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

2023-09-14 ‧ 由 Harry Chen 分享
DAY 6

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

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

2023-09-15 ‧ 由 Harry Chen 分享
DAY 7

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

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

2023-09-16 ‧ 由 Harry Chen 分享
DAY 8

Day 8 - Web3 智能合約基礎

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

2023-09-17 ‧ 由 Harry Chen 分享
DAY 9

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

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

2023-09-18 ‧ 由 Harry Chen 分享
DAY 10

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

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

2023-09-19 ‧ 由 Harry Chen 分享