【Udemy線上課程】Sass 實戰全攻略 - 成為前 1% 的 CSS 頂尖好手 影音教學 完整版(1片裝DVD)

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