軟體王

Udemy線上課程 Sass 實戰全攻略 - 成為前 1% 的 CSS 頂尖好手 講師:廖洧傑 liao 影音教學 中文發音 繁體中文字幕版(DVD版)

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