Detail kurzu
CSS preprocesory: Sass
Learn2Code
Popis kurzu
Popis kurzu 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.
Obsah kurzu
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.
Peprocesor 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ý Zoznam kapitol online kurzu Teória / Inštalácia / Nastavenie
01 Sass je CSS, len viac
02 Čo sú CSS preprocesory? (teória)
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)
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
11 Nesting v CSS, vnor kód pod kód
12 & parent selector, nepreháňaj ten nesting
13 Funkcie na farby, rodič na divných miestach
14 FarbičkyFarbičkyFarbičky
15 Farebné operácie, Colors (of not Ostrava)
16 Programátor má byť lenivý, úvod do polí a cyklov
17 Polia, Sass mapy, Each cyklus
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™
