CSS preprocesory: Sass

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

Hodnocení kurzu

CSS preprocesory: Sass

Super kurz, veľmi nápomocný.

Erik K.

CSS preprocesory: Sass

Maroš R.

Pozri aj tieto kurzy