Udemy線上課程 Sass 實戰全攻略 - 成為前 1% 的 CSS 頂尖好手 講師:廖洧傑 liao 影音教學 中文發音 繁體中文字幕版(DVD版) Udemy線上課程Sass實戰全攻略-成為前1%的CSS頂尖好手講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版) 內容說明: 你將會學到的 ‧徹底學會Sass來管理CSS ‧瞭解CSS/Sass設計模式(SMACSS、OOCSS、BEM) ‧懂得設計出一手好CSS命名 課程內容: ├─01六角學院線上資源 │001六角學院線上社團.html │ ├─02Sass環境教學-一起掌握最世界最多人用的CSS管理語言！ │002何謂Sass？.mp4 │003Sass與CSS的不同之處.mp4 │004SCSS與Sass格式差異.mp4 │005SCSS格式教學.mp4 │006Sass格式教學.mp4 │007Sass編譯方式.mp4 │008prepos教學.mp4 │009VSCODE編譯Sass教學.mp4 │010&連結詞教學.mp4 │011Sass、SCSS小試身手.html │ ├─03SASS變數-常用語法一鍵設定 │012為什麼要學變數？.mp4 │013變數教學.mp4 │014常見變數編譯錯誤-讓你不害怕各種錯誤訊息.mp4 │015變數搭配加減乘除好方便.mp4 │016字串管理，將常見字串統一整合的小技巧.mp4 │017-.txt │017調出想要的顏色，藉由darken、lighten顏色功能就能輕鬆達到.mp4 │018從基礎到進階的變數管理技巧.mp4 │019變數編碼練習.html │ ├─04Sassimport-切分檔案好工具，維護管理更方便 │020import-要將Sass學得淋漓盡致，你不能不會import.mp4 │021import+變數雙向管理.mp4 │022主要CSS拆開管理.mp4 │023常見問題解析.mp4 │024CSSReset-你知道myerweb與Normalize的差異嗎？.mp4 │025sass-import.zip │025整合Reset流程.mp4 │026import總結.mp4 │ ├─05SassMixin-讓你不會回想原理，而中斷思緒 │027為什麼你一定要學Mixin？.mp4 │028Mixin輕鬆寫.mp4 │029掌握Mixin的各種好處，你不能不知道！.mp4 │030Mixin+import組合技.mp4 │031搭配參數，讓Mixin更加靈活！.mp4 │ ├─06熟悉Mixin後，搭配RWD宛如天衣無縫 │032掌握Mixin後，寫RWD再也不是痛苦事.mp4 │033sass-mixinMedia.zip │033核心語法@Mixin+content.mp4 │034Sass響應式網頁心得總結.mp4 │035Sass+RWD小試身手.html │ ├─07Sass_CSS設計模式-教您最實用的網頁收納術！ │036Sass_CSS模組化簡介-打破你對設計模式的無限想像.mp4 │037Smacss-最好入門的設計模式介紹.mp4 │038Smacss-教您用Base打好地基(上).mp4 │039Smacss-教您用Base打好地基(中).mp4 │040pure.css-.txt │040Smacss-教您用Base打好地基(下).mp4 │041Smacss-Layout佈局管理(上).mp4 │042Smacss-Layout佈局管理(下).mp4 │043為何CSS_Sass需要模組化？.mp4 │044Smacss-模組化核心語法.mp4 │045Smacss-元件觀念講解.mp4 │046Smacss-載入按鈕模組流程.mp4 │047Smacss-HTML標籤優化.mp4 │048OOCSS-讓結構更加乾淨.mp4 │049OOCSS-容器與內容分離.mp4 │050960-grid.txt │050OOCSS-容器與內容分離-以格線系統設計為例.mp4 │051OOCSS-樣式與結構分離.mp4 │052-.txt │052設計模式小試身手.mp4 │ ├─08教你寫出一手好命名 │053命名寫得好，維護沒煩惱.mp4 │054究竟要用-還是_來命名？.mp4 │055拋棄語意命名，你能看見更寬廣的天空.mp4 │056BEM-初試啼聲.mp4 │057BEM-你會如何改寫BS4的命名？.mp4 │058BEM-搭配Sass組合技.mp4 │059總結-寫出讓人驚嘆的語意命名.mp4 │060-.txt │060命名設計小試身手.mp4 │ ├─09中進階觀念 │061-CSS-guideline.txt │061CSS-Guidelines.txt │061開發網站前，你guidelines規劃好了嗎？.mp4 │0627-1-.txt │062用7+1Sass設計模式，架構再大也不怕！.mp4 │063依照背景不同，所開發出來的介面思維也會各有特點.mp4 │ ├─10最終作業 │064-.txt │064CSS-.txt │064最終作業詳解.mp4 │ ├─11錯誤的CSS設計方式 │065CSS範圍性常見錯誤.mp4 │066請勿將高度寫死.mp4 │067請勿使用ID綁定網頁樣式.mp4 │068解決JS與CSS功能相互干擾.mp4 │ └─12自製格線系統 069Bootstrap-.txt 069格線系統的觀念演進.mp4 070-.txt 070經典Bootstrap的格線系統的運作原理.mp4 071補充介紹：Sass@for，使用迴圈增加樣式.mp4 072補充介紹：Sass@each及map.mp4 073使用純CSS撰寫格線系統.mp4 074Scss模組化格線系統.mp4 075Bootstrap-.txt 075大型框架的格線系統運作邏輯.mp4 076打造屬於自己的格線系統.mp4 077作業說明.html 相關商品:Udemy線上課程如何打造一頁式金流商務網頁(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程使用jQuery打造互動性網頁動畫效果(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程JavaScript入門篇-學徒的試煉(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程一變應萬變的響應式網頁設計(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程NodeJS前後端開發實戰(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(2DVD)