|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/sasssecret/
课程评论：没有评论
**課程名稱：** Sass 實戰全攻略 - 成為前 1% 的 CSS 頂尖好手 **課程概述：** 本課程針對網頁開發快速迭代的現況，以及響應式網頁設計 (RWD) 與中大型網站日益增長的 CSS 程式碼量，深入探討 CSS 預處理器 Sass 的強大功能。Sass 作為資源與框架最豐富的 CSS 預處理器，能有效提升網頁設計師的開發效率、維護品質、程式碼可讀性與重複使用性。 **課程重點：** * **優勢比較：** 全面掌握 Sass 相較於純 CSS 在網頁介面設計上的優勢。 * **撰寫風格：** 學習 Sass 與 SCSS 兩種主要語法的撰寫方式。 * **架設環境：** 指導學員使用 Prepos 與 VS Code 插件來編譯 Sass 檔案。 * **熱門語法：** 深入講解 Mixin、import 等 Sass 的核心語法。 * **效率提升：** 學習如何利用 Sass 優化 RWD 開發流程。 * **設計模式：** 一次掌握 Smacss、OOCSS、BEM 等 CSS 設計模式，並學會如何在 Sass 中應用。 透過本課程，學員將能大幅提升 CSS 撰寫能力，成為更具競爭力的網頁設計師。
由於網頁技術更新快速，RWD 與中大型網站所撰寫的 CSS 程式碼也隨之增多，也導致現今網頁設計師在撰寫CSS時，所需記憶的程式碼與重工時間又比以往變得更多。也因如此，CSS預處理器(Pre-Processors)也如雨春筍地出現，目前則以 Sass 的資源與 framework 最為豐富，讓網頁設計師不論在開發效率、維護品質、可閱讀性、程式碼可重複性都大幅提升。本課程將會教你：優勢比較 - 完全掌握 Sass/CSS 來設計網頁介面撰寫風格 - Sass 與 SCSS 格式撰寫架設環境 - prepos 與 VSCODE 插件來編譯 Sass熱門語法 - Sass 常見語法 (Mixin、import)效率提升 - 如何透過 Sass 來優化 RWD 開發效率設計模式 - Smacss、OOCSS、BEM 設計模式一次掌握
