設計課程

前端設計攻略

課程時數 36hrs
適學對象
  • 立志轉職軟體業：對程式開發有熱誠，追求高起薪與清晰職涯路徑。
  • 技術職進階者：原本只懂前端或後端，想補足另一端能力以提升競爭力。
  • 創業團隊技術負責人：需獨立完成產品開發之人員。
學習目標
  • 本課程為培養高階前端開發工程師：精通 Bootstrap/Tailwind 與 GSAP 動畫，能獨立開發語意化、響應式（RWD）的高質感網頁，是兼具開發流程規範與視覺動效實力、能優化使用者體驗的實戰人才。
課程內容
  • 熟悉前端開發工具（VS Code、Chrome DevTools）與實務流程
  • 撰寫結構清楚、語意正確的 HTML5 網頁
  • 使用 CSS3、Flexbox、Grid 建立現代化版型
  • 設計符合 RWD 響應式規範的跨裝置網站
  • 製作 CSS Animation 與 GSAP 互動動畫效果
  • 應用 Bootstrap 5 與 Tailwind CSS 快速完成 UI 版型
  • 獨立完成一個可展示之前端網站作品
習得技能
  • 熟悉實務開發必備工具，建立正確開發流程
  • 能獨立完成語意化結構清楚的靜態網頁
  • 熟練現代網頁主流排版技術
  • 設計可支援桌機、平板、手機的網站
  • 運用業界常用的Bootstrap或是Tailwind CSS快速建立專業級版型
  • 提升網站視覺表現與使用者體驗
  • 介紹GreenSock Animation Platform（GSAP）的強大功能與應用範例，實現高性能且
  • 複雜的動畫效果，提升網頁質感，增加與使用者的互動層次。
實作專案 製作一個簡單的一頁式網站

課程體驗諮詢

送出