益阳痪上旅行社

Sass經(jīng)典教程系列
體系課

Sass經(jīng)典教程系列

  • JavaScript

Sass助你提升CSS開發(fā)效率

¥249.9
本課程包括
  • 6小時(shí)22分鐘的視頻隨時(shí)觀看
  • 可在APP隨時(shí)觀看
  • 結(jié)業(yè)證書
你將收獲
  • 系統(tǒng)學(xué)習(xí)Sass的基礎(chǔ)知識(shí)
  • 深入理解Sass如何擴(kuò)展CSS3
  • 學(xué)習(xí)如何設(shè)置Sass的開發(fā)環(huán)境
課程介紹

Sass(英文全稱:Syntactically Awesome Stylesheets)是一個(gè)最初由Hampton Catlin設(shè)計(jì)并由Natalie Weizenbaum開發(fā)的層疊樣式表語言。在開發(fā)最初版本之后,Weizenbaum和Chris Eppstein繼續(xù)通過SassScript來繼續(xù)擴(kuò)充Sass的功能。SassScript是一個(gè)在Sass文件中使用的小型腳本語言。

Sass是一個(gè)將腳本解析成CSS的腳本語言,即SassScript。Sass包括兩套語法。最開始的語法叫做“縮進(jìn)語法”,與Haml類似,使用縮進(jìn)來區(qū)分代碼塊,并且用回車將不同規(guī)則分隔開。而較新的語法叫做“SCSS”,使用和CSS一樣的塊語法,即使用大括號(hào)將不同的規(guī)則分開,使用分號(hào)將具體的樣式分開。通常情況下,這兩套語法通過.sass和.scss兩個(gè)文件擴(kuò)展名區(qū)分開。

適合人群
  • 對(duì)CSS預(yù)編譯語言好奇的同學(xué)
  • 想系統(tǒng)學(xué)習(xí)Sass語言的同學(xué)
  • 前端人員
講師介紹
全棧開發(fā)工程師,全棧講師
擅長領(lǐng)域:
  • Web開發(fā)
精通UI設(shè)計(jì) 、Node.JS、PHP、Python、SQL、前端開發(fā)多種技術(shù),曾為百度七巧板框架的研發(fā)成員。曾參與數(shù)個(gè)超大規(guī)模數(shù)據(jù)挖掘技術(shù)、構(gòu)建和運(yùn)營、長期參與一線項(xiàng)目開發(fā)和項(xiàng)目管控,擁有企業(yè)級(jí)系統(tǒng)開發(fā)經(jīng)驗(yàn),對(duì)HTML5移動(dòng)端互聯(lián)網(wǎng)技術(shù)及生態(tài)體系有深刻理解,并且完成《北京CED互聯(lián)網(wǎng)人才崗位技能藍(lán)皮書》的前端部分的編寫
課程大綱
共0節(jié) 時(shí)長0分鐘 全部收起
第1章 Sass的初識(shí)與安裝
共3節(jié) | 21分鐘
  • 1-1 Sass-簡(jiǎn)介與安裝
    10分鐘
  • 1-2 Sass-基本語法及編譯使用
    8分鐘
  • 1-3 Sass-更新與卸載
    3分鐘
第2章 Sass的編譯輸出方式
共2節(jié) | 12分鐘
  • 2-1 Sass-不同的輸出編譯方式
    6分鐘
  • 2-2 Sass-自動(dòng)編譯文件
    5分鐘
第3章 Sass的基礎(chǔ)特性
共9節(jié) | 1小時(shí)9分鐘
  • 3-1 Sass-變量的使用
    8分鐘
  • 3- 2 Sass-嵌套規(guī)則
    11分鐘
  • 3-3 Sass-混合宏
    6分鐘
  • 3-4 Sass-混合宏的多個(gè)參數(shù)
    12分鐘
  • 3-5 Sass-繼承
    5分鐘
  • 3-6 Sass-占位符
    5分鐘
  • 3-7 Sass-差值
    11分鐘
  • 3-8 Sass-注釋
    4分鐘
  • 3-9 Sass-數(shù)據(jù)類型
    8分鐘
第4章 Sass的運(yùn)算特性
共2節(jié) | 16分鐘
  • 4-1Sass-基本運(yùn)算
    5分鐘
  • 4-2 Sass-計(jì)算特性深入
    11分鐘
第5章 Sass的控制命令
共4節(jié) | 31分鐘
  • 5-1 Sass-邏輯判斷語句if
    9分鐘
  • 5-2 Sass-循環(huán)語句for
    11分鐘
  • 5-3 Sass-循環(huán)語句while
    5分鐘
  • 5-4 Sass-循環(huán)語句each
    6分鐘
第6章 Sass的函數(shù)功能-字符串與數(shù)字函數(shù)
共9節(jié) | 37分鐘
  • 6-1 Sass-字符串函數(shù)unquote
    5分鐘
  • 6-2 Sass-字符串函數(shù)quote
    4分鐘
  • 6-3 Sass-字符串大小寫轉(zhuǎn)換函數(shù)
    4分鐘
  • 6-4 Sass-數(shù)字函數(shù)-percentage
    5分鐘
  • 6-5 Sass-數(shù)字函數(shù)-round
    6分鐘
  • 6-6 Sass-數(shù)字函數(shù)-ceil
    4分鐘
  • 6-7 Sass-數(shù)字函數(shù)-floor
    3分鐘
  • 6-8 Sass-數(shù)字函數(shù)-abs
    3分鐘
  • 6-9 Sass-數(shù)字函數(shù)-random
    3分鐘
第7章 Sass的函數(shù)功能-列表函數(shù)及數(shù)據(jù)函數(shù)
共19節(jié) | 1小時(shí)42分鐘
  • 7-1 Sass-列表函數(shù)-length
    5分鐘
  • 7-2 Sass-列表函數(shù)-nth
    8分鐘
  • 7-3 Sass-列表函數(shù)-join
    10分鐘
  • 7-4 Sass-列表函數(shù)-append
    6分鐘
  • 7-5Sass-列表函數(shù)-zip
    7分鐘
  • 7-6 Sass-列表函數(shù)-index
    4分鐘
  • 7-7 Sass-Introspection函數(shù)-typeof
    5分鐘
  • 7-8 Sass-Introspection函數(shù)-unit
    6分鐘
  • 7-9 Sass-Introspection函數(shù)-unitless
    2分鐘
  • 7-10 Sass-Introspection-comparable
    4分鐘
  • 7-11 Sass-Miscellaneous函數(shù)
    5分鐘
  • 7-12 Sass-數(shù)據(jù)函數(shù)map
    7分鐘
  • 7-13 Sass-數(shù)據(jù)函數(shù)map-get方法
    7分鐘
  • 7-14 Sass-數(shù)據(jù)函數(shù)map-has-key方法
    4分鐘
  • 7-15 Sass-數(shù)據(jù)函數(shù)map-keys方法
    6分鐘
  • 7-16 Sass-數(shù)據(jù)函數(shù)map-values方法
    3分鐘
  • 7-17 Sass-數(shù)據(jù)函數(shù)-map-merge方法
    5分鐘
  • 7-18 Sass-數(shù)據(jù)函數(shù)-map-remove方法
    3分鐘
  • 7-19 Sass-數(shù)據(jù)函數(shù)-map-keywords方法
    4分鐘
第8章 Sass的函數(shù)功能-顏色函數(shù)
共10節(jié) | 1小時(shí)20分鐘
  • 8-1 Sass-顏色函數(shù)-RGB顏色函數(shù)
    15分鐘
  • 8-2 Sass-顏色函數(shù)-HSL顏色函數(shù)
    7分鐘
  • 8-3 Sass-顏色函數(shù)-HSL顏色拓展方法亮度
    5分鐘
  • 8-4 Sass-顏色函數(shù)-HSL顏色拓展方法飽和度
    6分鐘
  • 8-5 Sass-顏色函數(shù)-HSL顏色拓展方法-adjust
    7分鐘
  • 8-6 Sass-顏色函數(shù)-HSL顏色拓展方法-grayscale
    5分鐘
  • 8-7 Sass-顏色函數(shù)-alpha/opacity
    5分鐘
  • 8-8 Sass-顏色函數(shù)-透明度增加函數(shù)
    6分鐘
  • 8-9 Sass-顏色函數(shù)-透明度降低函數(shù)
    5分鐘
  • 8-10 Sass-顏色函數(shù)-顏色漸變函數(shù)練習(xí)案例
    19分鐘
第9章 Sass的指令及課程總結(jié)
共2節(jié) | 14分鐘
  • 9-1 Sass-顯示指令-warn/debug/error
    4分鐘
  • 9-2 Sass-指令-at-root/media及課程總結(jié)
    10分鐘
購課須知

課程有效期:

自購買課程之日起 365 天,部分參與營銷活動(dòng)產(chǎn)品以活動(dòng)規(guī)則為準(zhǔn),請(qǐng)同學(xué)在有效期內(nèi)學(xué)習(xí)、觀看課程。

上課模式:

課程采取錄播模式,請(qǐng)注意自學(xué)課無班級(jí)微信群、班主任帶班及助教批改服務(wù)。

注:自學(xué)課不支持退款,確保你是真的需要再進(jìn)行報(bào)名,報(bào)完名之后還請(qǐng)認(rèn)真學(xué)習(xí)。