CSS preprocesory: Sass

3h 39m 34s
Čas
37
Kapitol
2 919
Študentov
4.9
Hodnotenie
Mierne pokročilý
Level
slovenský
Jazyk kurzu

Popis 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 pomahájú 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,
  • 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
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™

Hodnotenia 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