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)