學習熱門設計工具,建立專業介面設計能力:
• 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 即時功能
報名說明 |
|
---|---|
招生對象 |
|
課程目標 |
|
就業方向 |
|