Online kurz CSS preprocesory: Sass

CSS preprocesory: Sass

Yablko (Roman Hraška)
Yablko (Roman Hraška)
Level
Kapitol
37
Kategória
Programovanie
Hodnotenie
4,9 z 5
Dĺžka
3h 39min
Jazyk
SK

Popis online kurzu CSS preprocesory: Sass

CSS je otravné.
Vďaka Sass napíšeš menej CSS kódu.
A bude prehľadnejší.
A napíšeš ho rýchlejšie.
Sass do CSS pridá premenné a iné frajeriny. 

Nechaj si automaticky doplniť prefixy, už nikdy manuálne nepočítaj pixely na percentá a neotváraj Photoshop len preto, aby si zistil RGB z HEX farby.

Sass spraví za teba.


CSS preprocesory

Prehliadač rozumie trom veciam - HTMLku, CSSku a JavaScriptu.

Ostatné technológie nám pomáhajú vyrobiť tieto tri srandy. Napríklad PHP nám pomáha vyrobiť HTML. Sass nám pomáha vyrobiť CSS.

Výhoda Sass je ale v tom, že sa nemusíš učiť žiadne nové, veľké koncepty. Sass len do CSS, ktoré už poznáš, pridá pár noviniek. Možnosť odložiť si hodnotu a použiť ju neskôr na viacerých miestach. Možnosť automaticky zmeniť farbu na jej tmavšiu verziu, keď prídeš myšou na link a podobne. Toto obsasskované CSS sa potom zmení na klasický CSS kód, ktorému prehliadač rozumie.

Preprocesor je program, ktorý spracuje kód v jednom formáte (Sass) a zmení ho na kód v druhom formáte (CSS). Neboj, toto sa deje automaticky. Ty píšeš nový, moderný Sass a prehliadač dostáva obyčajné CSS. A ak chceš, automaticky spojí všetky tvoje CSS súbory do jedného a odstráni z nich nadbytočné medzery a komentáre #efektivita #bitch. 

Sass je guča život zlepšujúcich drobností, vďaka ktorým ťa CSS začne baviť:) 


Sass kurz je pre teba 

  • ak máš Webrebel 1 kurz,
  • ak ovládaš HTML a CSS, ale CSS ťa otravuje,
  • ak ťa zaujíma programovanie.
Nemusíš byť programátor, ale Sass ti dovolí jedným očkom nakuknúť do sveta premenných, podmienok a funkcií. A to je len bonus k tomu krásnemu, krátkemu CSS kódu, ktorý odteraz budeš písať. Poď šup na to!


Čo všetko dostaneš

  • 34 nadupaných videotutoriálov,
  • viac ako 3 a pol hodiny videa,
  • certifikát o absolvovaní kurzu Sass,
  • garancia vrátania peňazí v prípade, že s kurzom nebudeš spokojný.

Kapitoly online kurzu

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

Ukážka zdarma
8:56
Ukážka 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ážka zdarma
4:57
12 & parent selector, nepreháňaj ten nesting
4:59
13 Funkcie na farby, rodič na divných miestach
7:16
Ukážka 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ážka 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 Hodnotenie
23 Kurzov

Hodnotenia študentov

Hodnotenia od študentov zapísaných v kurze na Skillmea.

4,9 z 5 · 86 hodnotení

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ý.

Odporúčané online kurzy