返回課程列表
編程 Gr.7-11 學期課程 Markham
AI 項目實驗室 Level 4
使用現代框架構建生產級產品——React、Tailwind、Supabase 和 AI 整合。
Gr.7-11
0 節課
課程概述
AI 項目實驗室 Level 4 是學生使用現代框架和 AI 能力構建生產級產品的階段。使用 React、Tailwind CSS、Supabase 和 AI API,學生創建外觀、體驗和功能都像專業產品的完整應用。這些都是值得展示的作品集級別項目——可以參加展示、競賽和為未來機會做準備。
你將完成
- 使用現代框架構建 — 使用 React、Tailwind 和專業 UI 庫創建產品
- 整合 AI 功能 — 為產品添加 AI 驅動的能力
- 管理真實資料 — 使用 Supabase 連接資料庫並處理使用者認證
- 交付生產級產品 — 部署像專業軟體一樣運行的應用
- 展示你的作品 — 構建值得參加競賽和大學申請的作品集
課程結構
每個10週賽季採用兩階段項目制:
第一階段:迷你項目(第1-4週)
一個使用現代工具的框架導向挑戰:
- 使用 React 和專業 UI 元件構建
- 連接資料庫並設置認證
- 使用現代技術棧交付精緻迷你產品
第二階段:主項目(第5-10週)
一個整合 AI 的生產級產品:
- 使用 React 設計並構建完整應用
- 整合 AI 能力和外部服務
- 打磨至生產品質
- 演示日 — 展示你的生產級產品
你將交付
每個賽季,學生產出:
- 一個使用現代技術棧的已部署生產級產品
- GitHub 上的程式碼倉庫
- 產品評估和程式碼評審
- 家長進度報告
工具與技術
- React 和 Vite
- Tailwind CSS 和 ShadCN UI
- Claude Code(AI 開發夥伴)
- Supabase(PostgreSQL 資料庫)
- Vercel(部署)
- Git 和 GitHub
筆記型電腦要求
- 記憶體: 最低 16GB
- 處理器: Intel 12代或更新、AMD Ryzen 5000 或更新、Apple M1 或更新
- 儲存: 最低 256GB SSD(推薦 512GB)
- 螢幕: 1080p,13吋或更大
- 作業系統: Windows 10/11、macOS 11+ 或 Linux
不支援 Chromebook 和平板電腦。不建議使用 2020 年之前的筆記型電腦。
先修條件
- 年齡: 5-9年級(10-15歲)
- 必需: AI 項目實驗室 Level 2
- 技能: 熟悉 JavaScript、API 和 Web 開發
可選時間段
春季班
Not offered this term
0 節課
要求
- 5-9年級(10-15歲)
- 需要 AI 項目實驗室 Level 2
- 熟悉 JavaScript、API 和 Web 開發
課程包含
- 專業教師
全端開發教育者
- 生產級產品
生產級 Web 應用
- 產品評估
程式碼評審、產品反饋和進度報告
- 材料需自備
自帶筆記型電腦和 Claude Code 訂閱
學生需自帶筆記型電腦並購買 Claude Code 訂閱