---
title: "【The Z Institute】前端工程師 Web 3 開發實戰班"
seo_title: "前端工程師 Web 3 區塊鏈開發實戰班"
seo_description: "全台灣最專業的區塊鏈線上學院，引領前端工程師踏入區塊鏈未來產業，解鎖 Web 3 人才高薪技能"
slug: web3frontend
url: https://courses.zinstitute.net/courses/web3frontend
type: paid
---

# 【The Z Institute】前端工程師 Web 3 開發實戰班

> 解鎖區塊鏈產業高薪技能

## Description

預售優惠台幣：$45,888 元（原價 60,888），請於本頁面直接報名購課。若使用虛擬貨幣 USDC 付款，除了優惠外，加碼享有台幣 1,000 元之折扣。 選擇使用 USDC付款者，請點選以下表單連結進行報名與付款：https://forms.gle/ZcvG9FSRdCPc4u23A 若使用台幣購課 + ZI Token 折扣，則請先依照以下表單方式折抵，確認收到折扣碼後，再於本頁面購買課程時，輸入折扣碼，折價購買課程：https://forms.gle/1D1PRFRt3X1W1Fqh7所有報名 Web 3 前端直播課程的學員，均能獲贈一堂線上預錄課程給前端工程師的 Web 3.0 入門，作為課前預習教材，完成報名後，就能立即開始學習並享受學院助教服務。（已購買課程之舊生將會有專屬超值優惠，請留意您的報名信箱）開放報名：7月14 日～ 8月30日課前說明會：7月29日，21:00~22:00預售優惠報名期間：7月14日~7月29日早鳥優惠報名期間：7月30日~8月8日課程優惠報名期間：8月9日~8月31日 我們最晚將在 8月31日前寄送入學通知 購買課程的常見問題 有哪些繳費方式? 線上課支援的付款方式有信用卡支付可分期付款、ATM 轉帳、超商代碼付款以及銀聯卡，亦可使用 Google 表單選擇使用 USDC付款，享受更多的組合優惠。 如何使用優惠代碼？ 點擊「立即購買」後即可進入付款頁面，在付款頁面中可找到「優惠代碼」欄位，將您收到的優惠代碼填入欄位或直接貼上，點擊「套用」，折扣就會生效囉！ 若優惠代碼無法使用，可能是優惠代碼輸入錯誤，建議將優惠代碼複製起來，善用DC(Discord)私訊客服人員，以利及時處理您的相關問題。 如何確定付款成功呢？ 付款成功後系統會寄出購買成功的通知mail，可以到註冊會員或付款時填寫的信箱裡查找。如果沒有收到 Email，可能是被歸類到促銷信匣或廣告信匣，再請注意一下囉！ 可以開立統編發票嗎？ 需使用點擊「立即購買」方式，請在發票選項選擇「統編發票」，並輸入統一編號與公司抬頭，購買成功後系統將自動寄出含有統編的電子發票至你填寫的信箱。 付款完成後，系統將立刻寄出電子發票至你填寫的信箱，通常不會超過 5 分鐘，再麻煩你到當初註冊或付款時填寫的信箱中收信。 目前只能支援電子發票喔！ 購買後何時可以開始上課？ 購買後最遲一天內學院助教會將您的帳號加至 前端工程師的 Web 3.0 入門 ，即可立即開始預習，並等待直播課程開課！ 直播班課程是否可以重複觀看？ 是的，本課程開課日期往後算一年內直到 2023.08.09 都可以回來無限複習！如果臨時有事需要請假，也不怕 Miss 課程！ 課程或助教時間外有問題，我可以去哪裡提問？ 我們鼓勵學員善用助教時間，讓我們立即為您解決問題，其他時間可以到學院 Discord 的課程專屬頻道（由報名成功信件內連結進入），最遲三天內會有助教團隊協助您解惑！

## Learning Objectives

- DApp 與 NFT 專案的 User flow 開發
- 了解 Solidity 常見語法並實作使用方式
- 撰寫智能合約並實作調用與串接
- 串接不同錢包的函式庫用法
- 系統化學習 React hooks 如何結合區塊鏈專案
- 完成自己的客製化智能合約、UI 的畢業專案 DApp

## Course Info

- Lectures: 28
- Video: 2.1h
- Students: 22
- Downloadable resources: 10

## Instructors

### 李婷婷 
*The Z Institute 區塊鏈線上學院創辦人*

・具有 5 年以上開發經驗之區塊鏈智能合約工程師 ・區塊鏈資安審計專家 ・加州柏克萊大學區塊鏈實驗室特約研究員兼技術導師 ・The Z Institute 區塊鏈線上學院創辦人

### 吳哲宇
*新媒體生成式藝術家*

・NFT 頂級藝術殿堂 Art blocks 認證新媒體藝術家 ・福爾摩沙藝術銀行 Fab Dao 共同創辦人 ・墨雨設計創辦人 ・Hahow 最受歡迎萬人報名之網頁前端課程講師

## Curriculum

### Week 0 Web 3 開發實戰-開學典禮（09/01） (0m)

- 開學典禮錄影 (0m)
- Gather Town 操作教學 (0m)
- 課程投影片 (0m)
- 開學典禮合照 (0m)

### Week 1 Web 3 區塊鏈基礎與案例 (09/13) (0m)

- 課程投影片 (0m)
- Week 1 錄影 (0m)

### Week 2 Web 3 前端專案架構與開發流程 (09/15) (2h 8m)

- 課程投影片 (0m)
- Week 2 錄影 (2h 8m)

### Week 3 了解智能合約特性與串接注意事項  (09/22) (0m)

- 課程投影片 (0m)
- Week 3 錄影 (0m)

### Week 4 Remix,React與Dapp開發基礎環境設置 (09/29) (0m)

- 課程投影片 (0m)
- Week 4 錄影 (0m)
- 上課合照 (0m)

### Week 5 前端Dapp連結錢包與整套件介紹 (10/06) (0m)

- Week 5 錄影 (0m)
- 課程投影片 (0m)
- 上課合照 (0m)

### Week6 前端React Hook資料管理與 ERC20貨幣合約函數互動 (10/20) (0m)

- Week 6 錄影 (0m)
- 課程投影片 (0m)
- 上課合照 (0m)

### Week 7 實戰 NFT ERC721 網站完整功能與串接 (10/27) (0m)

- Week 7 錄影 (0m)
- 課程投影片 (0m)
- 上課合照 (0m)

### Week 8 畢業專題實作輔導 (11/03) (0m)

- Week 8 錄影 (0m)
- 課程投影片 (0m)
- 上課合照 (0m)

### 補充教材 (0m)

- defi實戰-四屆-智能合約暖身小課程 (0m)
- 智能合約暖身小課程錄影 (0m)
-  [實作]發行自己的 NFT：ERC-721A 與協議 (0m)

## Pricing

### 開課優惠 - NT$48,888
*Original price: NT$60,888*

若使用虛擬貨幣 USDC 付款，除了早鳥優惠外，加碼享有折扣。 選擇使用 USDC付款者，請點選以下表單連結進行報名與付款： https://forms.gle/ZcvG9FSRdCPc4u23A。 若想使用台幣付款且 Zi token 折抵，請點選以下表單連結進行：https://forms.gle/1D1PRFRt3X1W1Fqh7