Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
6 Hour(s) 4 Minute(s)
Language
Mandarin
Taught by
廖洧杰 liao, 卡斯伯 六角學院, 六角 學院, 六角學院 ', Tzu Hui Ye, Ray Xu
Rating
1 views
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 功能及用法。
-
俊俊逸 陳
老師講解很清楚，不時還會複習、歸納重點，讓學生吸收非常順利，很用心。
