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