Online kurz CSS preprocesory: Sass

CSS preprocesory: Sass

Yablko (Roman Hraška)
Yablko (Roman Hraška)
Level
Kapitol
37
Kategorie
Programování
Hodnocení
4,9 z 5
Délka
3h 39min
Jazyk
SK

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.

Kapitoly online kurzu

Teória / Inštalácia / Nastavenie (8)

Ukázka zdarma
8:56
Ukázka zdarma
5:47
03 Sass vs SCSS syntax, programy čo používam v kurze
4:43
04 Sass cez programy (inštalácia + prax)
9:13
05 Sass cez konzolu, Output Styles (inštalácia + prax)
7:11
06 DRY (Don't Repeat Yourself), názvy premenných (rada)
4:33
Kde ma nájdeš, onlajn sieťuj spolu so mnou
1:38
Tipy, rady a pravidlá pre každý kurz
5:54

Tučná SCSS makačka (13)

07 Livestyle Autoreload, Source Maps (.map), Chrome Workspaces
9:18
08 Projekt začína, bojová analýza nech viem čo robím
4:42
09 Sass komentáre, život zlepšujúce drobnosti
3:40
10 Premenné v CSS, odlož si na neskôr
4:29
Ukázka zdarma
4:57
12 & parent selector, nepreháňaj ten nesting
4:59
13 Funkcie na farby, rodič na divných miestach
7:16
Ukázka zdarma
6:30
15 Farebné operácie, Colors (of not Ostrava)
7:47
16 Programátor má byť lenivý, úvod do polí a cyklov
6:59
Ukázka zdarma
6:41
18 "Nepoužívam všetko, asi som zlý programátor"
3:48
19 Partials, Sass @import vs CSS @import, čistý kód
8:13

@mixins / Inheritance / Podmienky (8)

20 Sass mixiny a CSS prefixiny
7:11
21 @mixins will fixins
7:11
22 Gombíky farebné cez @mixiny hanebné
6:51
23 @include vs @extend vs %placeholder
4:35
24 Fallback, záložné hodnoty a poľné repete
4:19
25 Správne premenné, gombíky cyklom cez Sass mapu
5:39
26 @if podmienky
5:31
27 HTML debug, kód prehľadný, nie prehnaný
2:44

Responsive a srandičky na záver (8)

28 Responsive Sass, sprav target/context za mňa
7:59
29 Sass funkcie() vs @mixiny
7:18
30 Interaktívna konzola, percentage() pre rezponzívny layout
7:47
31 Dizajnová upratovačka
6:05
32 Sass @content
3:05
33 @else a dokončenie dizajnu podstránok
7:37
34 Nested @media queries, Compass, Bourbon a GRATULÁCIE
8:28
★ 35 Zadávam ti zadania™

Lektor online kurzu

Lektor Yablko (Roman Hraška)

Yablko (Roman Hraška)

Front-end, back-end
Ďalšie programátorské tutoriály (a rady pre život v IT svete) nájdeš na mojom youtube rob web s yablkom. Na internete pôsobím roky. Som autorom kurzu WEBREBEL. Predtým Nauč sa jQuery, Nauč sa CodeIgniter, Yablkov TurboTip, Robíme WordPress a potom desiatok ďalších kurzov, ktoré nájdeš aj tu. Napísal som kopu článkov pre zajtra.sk, brm.sk, medium a inde. Všade ma nájdeš ako yablko. Napríklad na yablko.sk alebo youtube.com/yablko.
4,9 Hodnocení
23 Kurzů

Hodnocení studentů

Hodnocení od studentů zapsaných v kurzu na Skillmea.

4,9 z 5 · 86 hodnocení

Michal H.

3

Zmiešané pocity. Yablko, ako vždy, nesklamal. Výborne vysvetľuje, človek sa aj zasmeje. Naučil som sa veľa nového a dôležitého, kurz účel splnil. Na druhej strane je kurz vo veľa veciach neaktuálny. V modernej implementácii sa už dávno používa Dart Sass (uvedenie v roku 2016 a od roku 2019 už len Dart) nie Ruby. A celkovo sa už niektoré veci vôbec a už dávno nepoužívajú + pár linkov, ktoré sú prihodené k videu odkazujú na nefunkčné stránky a pod. V podstate som si musel, pre istotu, všetky informácie konštantne overovať/dohľadávať kombináciou Google a chatGPT. Kurz je super, nápomocný, ale buď ho treba poriadne prekopať a aktualizovať alebo dať komplet zadarmo, lebo v tejto podobe nestojí za tie peniaze.

Tahssain A.

4

Kurz celkom zrorumitelny, ale urcite by som ho aktualizoval, pretoze musel som si dopomahat aj inymi kurzami SASS, ktore som nasiel na youtube, konkretne s tym watchingom. VS Code ma vela extensions na SASS a SCSS a tie aplikacie, ktore su odporucanie tak mi Mac odmietol otvorit, kvoli hrozbe. Yablkove vedenie kurzu sa mi paci, ide sice celkom rychlo, ale mne osobne to vyhovuje a aspon sa ucim rychlo orientovat na klavesnici a pisat kody. Dakujem za kurz.

Jaroslav T.

5

HTML, CSS, PHP, SASS jsi král. Pro mě nejlepší investice ever time. Díky

Erik K.

5

Super kurz, veľmi nápomocný.

Doporučené online kurzy