Course Information
Course Overview
帶您掌握業界市佔率最高的 Sass 開發流程
由於網頁技術更新快速,RWD 與中大型網站所撰寫的 CSS 程式碼也隨之增多,也導致現今網頁設計師在撰寫CSS時,所需記憶的程式碼與重工時間又比以往變得更多。也因如此,CSS預處理器(Pre-Processors)也如雨春筍地出現,目前則以 Sass 的資源與 framework 最為豐富,讓網頁設計師不論在開發效率、維護品質、可閱讀性、程式碼可重複性都大幅提升。
本課程將會教你:
優勢比較 - 完全掌握 Sass/CSS 來設計網頁介面
撰寫風格 - Sass 與 SCSS 格式撰寫
架設環境 - prepos 與 VSCODE 插件來編譯 Sass
熱門語法 - Sass 常見語法 (Mixin、import)
效率提升 - 如何透過 Sass 來優化 RWD 開發效率
設計模式 - Smacss、OOCSS、BEM 設計模式一次掌握
Course Content
- 10 section(s)
- 77 lecture(s)
- Section 1 六角學院線上資源
- Section 2 Sass 環境教學 - 一起掌握最世界最多人用的 CSS 管理語言!
- Section 3 SASS 變數 - 常用語法一鍵設定
- Section 4 Sass import - 切分檔案好工具,維護管理更方便
- Section 5 Sass Mixin - 讓你不會回想原理,而中斷思緒
- Section 6 熟悉 Mixin 後,搭配 RWD 宛如天衣無縫
- Section 7 Sass/CSS 設計模式 - 教您最實用的網頁收納術!
- Section 8 教你寫出一手好命名
- Section 9 中進階觀念
- Section 10 最終作業
What You’ll Learn
- 徹底學會 Sass 來管理 CSS
- 了解 CSS/Sass 設計模式(SMACSS、OOCSS、BEM)
- 懂得設計出一手好 CSS 命名
Reviews
-
修修平 林
很棒的課程,但仍期待能盡快加上字幕,以適合在各種情境下觀看。
-
張張簡 簡
非常適合SASS新手,老師講解得非常清楚,觀念也很棒!!
-
SSam
不只學習SASS也釐清很多在CSS撰寫技巧與觀念,就算CSS不是那麼熟,也建議閱讀,將基礎架構觀念了解後,再去加強個別CSS 功能及用法。
-
俊俊逸 陳
老師講解很清楚,不時還會複習、歸納重點,讓學生吸收非常順利,很用心。