CSS preprocesory: Sass

3h 39m 34s
Čas
37
Kapitol
2 920
Studentů
4.9
Hodnocení
Mírně pokročilý
Level
slovenský
Jazyk kurzu

Popis kurzu CSS preprocesory: Sass

CSS je otravné.
Díky Sass napíšeš méně CSS kódů.
A bude přehlednější.
A napíšeš ho rychleji.
Sass do CSS přidá proměnné a jiné frajeřiny. 

Nechej si automaticky doplnit prefixy, už nikdy manuálně nepočítej pixely na procenta a neotvírej Photoshop jen proto, abys zjistil RGB z HEX barvy.  

Sass to udělá za tebe.

CSS preprocesory


Prohlížeč rozumí třem věcem - HTMLku, CSSku a JavaScriptu.

Ostatní technologie nám pomáhají vyrobit tyto tri srandy. Například PHP nám pomáhá vyrobit HTML. Sass nám pomáhá vyrobit CSS.

Výhoda Sass je ale v tom, že se nemusíš učit žádné nové, velké koncepty. Sass jen do CSS, které už znáš, přidá pár novinek. 

Možnost odložit si hodnotu a použít ji později na více lokacích. Možnost automaticky změnit barvu na tmavší verzi, když přijdeš myší na link a podobně. Toto obsasskované CSS se pak změní na klasický CSS kód, kterému prohlížeč rozumí. 

Peprocesor je program, který zpracuje kód v jednom formátu (Sass) a změní ho na kód v druhém formátu (CSS). A když chceš, automaticky spojí všechny tvé CSS soubory do jednoho a odstraní z nich nadbytečnou mezeru a komentáře #efektivita #bitch.

Sass je guča život zlepšujících drobností, díky kterým tě CSS začne bavit :)

Sass kurz je pro tebe 

  • pokud máš Webrebel 1 kurz
  • pokud ovládáš HTML a CSS, ale CSS tě otravuje
  • pokud tě zajímá programování
Nemusíš být programátor, ale Sass ti dovolí jedním očkem nahlédnout do světa proměnných, podmínek a funkcí. A to je jenom bonus k tomu krásnému, krátkému CSS kódu, který odteď budeš spát. Pojď šupem na to!

Co všechno dostaneš

  • 34 nadupaných videotutoriálů,
  • více než 3 a půl hodiny videa,
  • certifikát o absolvování kurzu,
  • garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem.
Online kurz CSS preprocesory: Sass je možné

Seznam kapitol

Teória / Inštalácia / Nastavenie
03 Sass vs SCSS syntax, programy čo používam v kurze
04 Sass cez programy (inštalácia + prax)
05 Sass cez konzolu, Output Styles (inštalácia + prax)
06 DRY (Don't Repeat Yourself), názvy premenných (rada)
Kde ma nájdeš, onlajn sieťuj spolu so mnou
Tipy, rady a pravidlá pre každý kurz
Tučná SCSS makačka
07 Livestyle Autoreload, Source Maps (.map), Chrome Workspaces
08 Projekt začína, bojová analýza nech viem čo robím
09 Sass komentáre, život zlepšujúce drobnosti
10 Premenné v CSS, odlož si na neskôr
12 & parent selector, nepreháňaj ten nesting
13 Funkcie na farby, rodič na divných miestach
15 Farebné operácie, Colors (of not Ostrava)
16 Programátor má byť lenivý, úvod do polí a cyklov
18 "Nepoužívam všetko, asi som zlý programátor"
19 Partials, Sass @import vs CSS @import, čistý kód
@mixins / Inheritance / Podmienky
20 Sass mixiny a CSS prefixiny
21 @mixins will fixins
22 Gombíky farebné cez @mixiny hanebné
23 @include vs @extend vs %placeholder
24 Fallback, záložné hodnoty a poľné repete
25 Správne premenné, gombíky cyklom cez Sass mapu
26 @if podmienky
27 HTML debug, kód prehľadný, nie prehnaný
Responsive a srandičky na záver
28 Responsive Sass, sprav target/context za mňa
29 Sass funkcie() vs @mixiny
30 Interaktívna konzola, percentage() pre rezponzívny layout
31 Dizajnová upratovačka
32 Sass @content
33 @else a dokončenie dizajnu podstránok
34 Nested @media queries, Compass, Bourbon a GRATULÁCIE
★ 35 Zadávam ti zadania™

Hodnocení kurzu

CSS preprocesory: Sass

Pôvodne som ani nemal v pláne spraviť tento kurz, bral som ho ako zbytočnú odbočku od rozrobeného kurzu Webrebel 1HTML/CSSS. Nakoniec som rád , že som sa do toho pustil. Uľahčilo to veľmi veľa práce na stránkach. Vrelo odporúčam každému Webrebelovy.

Michal J.

Pozri aj tieto kurzy