UI/UX 設計工具實戰
學習熱門設計工具，建立專業介面設計能力：
-
• Photoshop：
影像修圖、尺寸裁切、視覺調整
-
• Figma（AI 輔助）：
-
1. 掌握 Style 基礎設定（色彩、字體、元件庫）
-
2. 進行 RWD 響應式 UI 介面設計與實作
-
3. 熟悉協作與原型開發流程
-
前端基礎核心知識
-
• HTML5：
理解語意標籤、網頁結構規劃、基礎 SEO 實踐
-
• CSS3：
-
1. 掌握 Flexbox、Grid 網格系統
-
2. 動畫、偽類、CSS 變數與響應式設計技術
-
-
• JavaScript（ES6）：
-
1. 現代語法：let / const、箭頭函數、解構賦值、模組化
-
2. 學習 Promise、async/await 等非同步處理概念
-
核心前端開發技能
-
• 版本控制：
使用 Git / GitHub 進行版本管理與協作開發
-
• CSS 框架：
學習 Bootstrap，加快前端切版與 UI 設計速度
-
• React.js：
業界主流框架，熟悉元件化開發、路由與生命週期
-
• Next.js：
RSC 伺服器元件、ai 開發工具整合，提升效能與 cwv
-
• 狀態管理：
掌握 React Context API，建立清晰資料流邏輯
後端整合與全端基礎
-
• Node.js + Express：
建立伺服器、設計 API、處理後端邏輯
-
• MySQL 資料庫：
學習資料儲存、查詢與基本關聯操作
-
• API 整合：
理解 RESTful 架構、學會串接 WebSocket 即時功能
