Syntactically Awesome StyleSheets - Sass

Good znajomość CSS, HTML5. Znajomość dowolnego języka programowania jest przydatna, ale nie wymagana.

Format kursu

• Interaktywny wykład i dyskusja.
• Wiele ćwiczeń i praktyki.
• Praktyczne wdrożenie w środowisku laboratoryjnym na żywo.

Opcje dostosowywania kursu

• Aby poprosić o spersonalizowane szkolenie dla tego kursu, skontaktuj się z nami.

1. Bardzo krótkie intro
   1. Ograniczenia CSS
   2. Mniej vs Sass
   3. Społeczność i ulepszenia
2. CSS Rozszerzenia
   1. Reguły zagnieżdżone
   2. Odwoływanie się do selektorów nadrzędnych: &
   3. Właściwości zagnieżdżone
   4. Selektory zastępcze: %foo
3. SassSkrypt
   1. Interaktywna powłoka
   2. Zmienne: $
   3. Typy danych
   4. Operacje
   5. Nawiasy
   6. Funkcje
   7. Interpolacja: #{}
   8. & w SassScript
   9. Domyślne zmienne: !default
4. Reguły i dyrektywy @
   1. @import
   2. @media
   3. @extend
   4. @at-root
   5. @debug
   6. @warn
   7. @error
5. Dyrektywy sterujące i Express
   1. if()
   2. @if
   3. @for
   4. @each
   5. @while
6. Dyrektywy mieszania
   1. Określanie definicji Mixin: @mixin
   2. Dołączanie miksu: @include
   3. Argumenty
   4. Przekazywanie bloków zawartości do funkcji Mixin
7. Dyrektywy funkcji
8. Styl wyjścia
   1. zagnieżdżony
   2. rozszerzony
   3. kompaktowy
   4. skompresowany
9. Rozszerzanie Sass
   1. Definiowanie funkcji niestandardowych Sass
   2. Magazyny pamięci podręcznej
   3. Importerzy niestandardowi