上門編程教學課程內容
本課程專為希望快速掌握 SCSS（Sassy CSS） 的網頁設計與前端開發者設計，透過三小時密集教學，全面認識 SCSS 的語法結構、變數應用、模組化架構與自動化開發流程。
SCSS 是 CSS 的超集，具備更靈活的語法與程式化設計能力，能有效提升開發效率與維護性，是現代前端開發的重要基礎。
課程將以實務專案為核心，從變數、巢狀結構、混入（Mixin）到函式與模組化實作，並結合工具（如 Vite / Webpack / VS Code）進行開發與編譯練習，讓學員能立即應用於實際網站製作與 UI 專案。
適合對象：
學習成果：
課程時長
3 小時（180 分鐘）
理論講解與實作比例約 3 : 7
課程大綱
第一部份：SCSS 與開發環境入門（30 分鐘）
第二部份：基礎語法與核心概念（40 分鐘）
第三部份：Mixin、Function 與條件語法（40 分鐘）
第四部份：命名規範與 SCSS 架構設計（40 分鐘）
第五部份：實作整合與延伸應用（30 分鐘）
-
搭配前端框架（React / Vue / Angular）使用 SCSS
-
Vite / Webpack 自動編譯與監控整合
-
自動化壓縮、Minify 設定
-
SCSS 實戰技巧：變數主題化、響應式布局（@media mixin）
-
綜合練習：完整設計「品牌網站首頁 SCSS 樣式」
課程特色
-
三小時濃縮 SCSS 最核心的理論與實務技巧。
-
從基礎語法到模組架構，逐步建立專案開發能力。
-
融合現代化前端開發流程與整合工具實務。
-
課後即可應用於商業網站、管理系統與前端框架專案。
