--- title: "給前端工程師的 Web 3.0 入門" seo_title: "給前端工程師的 Web 3 入門區塊鏈線上課程｜The Z Institute" seo_description: "從 Javascript 無縫接軌 Web 3，給前端工程師的 Web 3 入門區塊鏈線上課程" slug: web3-0 url: https://courses.zinstitute.net/courses/web3-0 type: paid tags: ["web3應用", "web3是什麼", "web3教學", "web3區塊鏈", "Web3"] --- # 給前端工程師的 Web 3.0 入門 > 從 Javascript 無縫接軌 Web 3 ## Description 想更紮實地了解區塊鏈基礎與原理嗎？超值組合加購 ：https://bit.ly/3OrpG5P 網路生態因區塊鏈技術的問世，出現除了大型中心化平台外的另外一種可能性。區塊鏈產業規模逐年增量成長，用戶對於去中心化相關應用的需求也逐年增加，無論是 NFT Mint Page，或者各種 Protocol 的使用介面，都是以網頁為主要呈現平台；前端工程師將會在這股趨勢當中扮演重要角色，成為 Web 2 和 Web 3 之間的橋樑。隨著虛擬貨幣的支付範圍擴大，也將會帶動熱錢包的和其他 Dapp 的串接服務，我們預期「如何串接 Web 3」將會成為一個熱門的開發需求，甚至是未來前端工程師的必備技能！ 本課程專為具有網頁前端基礎，想要進一步學習網頁如何與 Web 3.0 串接的學員所設計，透過概念學習與課程實作，完成一個具有 Web 3 最基礎的功能，也就是串聯錢包頁面的網頁！第一章節第一單元－Web 1、2、3 與區塊鏈的前端架構 隨著虛擬貨幣的支付範圍持續擴大，元宇宙熱潮興起以及 NFT 項目發行的數量大幅增加，帶動了一波熱錢包串接和 Dapp 的開發需求，當區塊鏈更加深入地與實體經濟結合，深入食衣住行育樂等日常生活的不同面向，我們預期「前端如何串接 Web 3」將會成為一個熱門的開發需求，甚至是未來前端工程師的必備技能。 軟、硬體設備需能安裝/執行： Metamask、Remix IDE 了解網路的沿革與發展了解並能夠使用 Web 3.0 開發工具區塊鏈錢包串接與智能合約實作創建 Dapp 從學生時期開始自學程式語言，在 19 歲時發現了自己對區塊鏈和分佈式共識的熱情，辭去了在微軟的數據和人工智能顧問工作，投身區塊鏈產業。擁有豐富的接案與合作經驗，專業領域橫跨多鏈的開與審計，經手 TVL 超過 1B 的項目。 過去為私募基金 Evernew Capital 的研究顧問， 2018 年聯合創辦並擔任圖靈鏈和 TuringCerts 的技術長，後至加州柏克萊大學區塊鏈實驗室 Berkeley Blockchain Xcelerator 擔任特邀學者和技術導師。 先後在 Microsoft、Chainlink、Certik、Status.im 和 Stacks 基金會工作，並成為 JP Morgan, Deloitt, HTC, Acer, KPMG, 中華電信等知名企業之特聘內訓講師，發表過三篇區塊鏈論文於權威論壇 ACM 與 IEEE ，並在德國慕尼黑 MobiSys 獲頒全球最佳論文。 現為 The Z Institue 創辦人，與團隊積極開班培訓區塊鏈產業人才，盼能將台灣的人才輸出至全世界。 購買課程的常見問題 有哪些繳費方式? 線上課支援的付款方式有信用卡支付、ATM 轉帳、超商代碼付款以及銀聯卡，亦可使用google表單選擇使用 USDC付款，享受更多的組合優惠。 如何使用優惠代碼？ 點擊「立即購買」後即可進入付款頁面，在付款頁面中可找到「優惠代碼」欄位，將您收到的優惠代碼填入欄位或直接貼上，點擊「套用」，折扣就會生效囉！ 優惠代碼無法使用怎麼辦？ 可能是優惠代碼輸入錯誤，建議將優惠代碼複製起來，善用DC(Discord)私訊客服人員，以利及時處理您的相關問題。 如何確定付款成功呢？ 付款成功後系統會寄出購買成功的通知mail，可以到註冊會員或付款時填寫的信箱裡查找。如果沒有收到 Email，可能是被歸類到促銷信匣或廣告信匣，再請注意一下囉！ 可以開立統編發票嗎？ 需使用點擊「立即購買」方式，請在發票選項選擇「統編發票」，並輸入統一編號與公司抬頭，購買成功後系統將自動寄出含有統編的電子發票至你填寫的信箱。 可以申請手開三聯式發票嗎？ 不好意思，目前只能支援電子發票喔！ 購買後何時可以收到發票？ 付款完成後，系統將立刻寄出電子發票至你填寫的信箱，通常不會超過 5 分鐘，再麻煩你到當初註冊或付款時填寫的信箱中收信。 可以退費嗎？ a. 7 日內且未觀看正式付費單元（除試看單元）→ 可退還 100% 全額課程費用 b. 8-14 日內且未觀看正式付費單元（除試看單元）→ 可退還 30% 課程費用 c. 超過 15 日（含）申請 → 恕不退費 購買後何時可以開始使用？ 立刻！馬上！ 課程內容的常見問題 購買課程後有與講師同學交流的地方嗎？ 我們有 Discord 學員社群，除了有講師、助教的協助外，更可以促進學員們的切磋交流。 上這門課前我需要具備什麼？ 積極發問的態度、以及保留給學習的時間。 我沒有區塊鏈基礎還適合報名這門課嗎？ 別擔心，我們的線上課程是專門為全新手設計。 線上課程可以觀看多久？ 別懷疑，我們是去中心化的社群經營模式，課程可以讓你一直持續觀看與使用。(除非真的有一天社群消失了XD) 如果看完 FAQ 無法解決你的問題 怎樣可以有效快速解決您的問題... 歡迎使用Z學院的 Discord 社群，這是一個去中心化的經營機制，讓您的問題不會石沉大海而且有效快速解決，所有的過往紀錄與學長姊留下的資訊都很值得您好好探索。 ## Learning Objectives - 了解網路應用的發展 - 學會 Web 3.0 開發工具 - 區塊鏈錢包與智能合約實作 - 創建 DApp ## Course Info - Lectures: 22 - Video: 2.3h - Students: 171 ## Instructors ### 李婷婷 *The Z Institute 區塊鏈線上學院創辦人* ・具有 5 年以上開發經驗之區塊鏈智能合約工程師 ・區塊鏈資安審計專家 ・加州柏克萊大學區塊鏈實驗室特約研究員兼技術導師 ・The Z Institute 區塊鏈線上學院創辦人 ## Curriculum ### Chapter 0：課前準備 (2m) - 課堂概覽 (2m) [Preview] ### Chapter 1 從 Web 2.0 到 Web 3.0 (31m) - 第一章節_概覽 (0m) - 區塊鏈的前端架構 (4m) [Preview] - EVM 與智能合約 (5m) - 前端與 Web 3的關係、區塊鏈開發框架與常用工具 (5m) - 何謂 DApp 與知名 DApp 介紹 (14m) - 第一章節_課後作業 (1m) ### Chapter 2 DApp 開發基礎 (50m) - 最簡易的專案架構概覽 (24m) - 區塊鏈錢包： Metamask 介紹 (19m) - 區塊鏈瀏覽器：Etherscan 介紹 (1m) - 測試 DApp：主網與測試網的差別 (1m) - 開發函式庫介紹：Ethers.js 與 Web3Modal (3m) - 作業 (0m) ### Chapter 3 DApp 進階實作 (41m) - 創建第一個 DApp！ (5m) - [實作]連接區塊鏈錢包 (4m) - [實作]查詢錢包餘額 (5m) - [實作]使用線上編譯器 Remix 部署智能合約 (1m) - [實作]與智能合約互動 - 如何讓自己的去中心化應用與智能合約互動？ (6m) - [實作]跟 React 的結合與狀態管理 (16m) - 作業 (1m) ### Chapter 4 課程總結與下一步 (10m) - 課堂總結與更多學習資源 (9m) - 作業 (0m) ### 加碼單元（等人數達標） (0m) ## Pricing ### 課程售價 - NT$2,888 *Original price: NT$3,599* 若使用虛擬貨幣 USDC 付款，除了早鳥優惠外，加碼享有折扣。 選擇使用 USDC付款者，請點選以下表單連結進行報名與付款：https://forms.gle/d84NCupTCKGrMet88 若想使用台幣付款且 Zi token 折抵，請點選以下表單連結進行：https://forms.gle/1D1PRFRt3X1W1Fqh7