CSS preprocesory: Sass

3h 39m 34s
Čas
37
Kapitol
Programovanie
Kategória
4.9
Hodnotenie
Mierne pokročilý
Level
slovenský
Jazyk kurzu

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ý.
Online kurz CSS preprocesory: Sass je možné

Zoznam kapitol

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

Hodnotenia kurzu

CSS preprocesory: Sass

Maroš R.

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