CSS preprocesory: Sass
3h 39min
Č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.
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
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ý.
Zoznam kapitol
Teória / Inštalácia / Nastavenie
8min
Dostupné v ukážke kurzu
5min
Dostupné v ukážke kurzu
03 Sass vs SCSS syntax, programy čo používam v kurze
4min
Dostupné len po zakúpení prístupu
04 Sass cez programy (inštalácia + prax)
9min
Dostupné len po zakúpení prístupu
05 Sass cez konzolu, Output Styles (inštalácia + prax)
7min
Dostupné len po zakúpení prístupu
06 DRY (Don't Repeat Yourself), názvy premenných (rada)
4min
Dostupné len po zakúpení prístupu
Kde ma nájdeš, onlajn sieťuj spolu so mnou
1min
Dostupné len po zakúpení prístupu
Tipy, rady a pravidlá pre každý kurz
5min
Dostupné len po zakúpení prístupu
Tučná SCSS makačka
07 Livestyle Autoreload, Source Maps (.map), Chrome Workspaces
9min
Dostupné len po zakúpení prístupu
08 Projekt začína, bojová analýza nech viem čo robím
4min
Dostupné len po zakúpení prístupu
09 Sass komentáre, život zlepšujúce drobnosti
3min
Dostupné len po zakúpení prístupu
10 Premenné v CSS, odlož si na neskôr
4min
Dostupné len po zakúpení prístupu
4min
Dostupné v ukážke kurzu
12 & parent selector, nepreháňaj ten nesting
4min
Dostupné len po zakúpení prístupu
13 Funkcie na farby, rodič na divných miestach
7min
Dostupné len po zakúpení prístupu
6min
Dostupné v ukážke kurzu
15 Farebné operácie, Colors (of not Ostrava)
7min
Dostupné len po zakúpení prístupu
16 Programátor má byť lenivý, úvod do polí a cyklov
6min
Dostupné len po zakúpení prístupu
6min
Dostupné v ukážke kurzu
18 "Nepoužívam všetko, asi som zlý programátor"
3min
Dostupné len po zakúpení prístupu
19 Partials, Sass @import vs CSS @import, čistý kód
8min
Dostupné len po zakúpení prístupu
@mixins / Inheritance / Podmienky
20 Sass mixiny a CSS prefixiny
7min
Dostupné len po zakúpení prístupu
21 @mixins will fixins
7min
Dostupné len po zakúpení prístupu
22 Gombíky farebné cez @mixiny hanebné
6min
Dostupné len po zakúpení prístupu
23 @include vs @extend vs %placeholder
4min
Dostupné len po zakúpení prístupu
24 Fallback, záložné hodnoty a poľné repete
4min
Dostupné len po zakúpení prístupu
25 Správne premenné, gombíky cyklom cez Sass mapu
5min
Dostupné len po zakúpení prístupu
26 @if podmienky
5min
Dostupné len po zakúpení prístupu
27 HTML debug, kód prehľadný, nie prehnaný
2min
Dostupné len po zakúpení prístupu
Responsive a srandičky na záver
28 Responsive Sass, sprav target/context za mňa
7min
Dostupné len po zakúpení prístupu
29 Sass funkcie() vs @mixiny
7min
Dostupné len po zakúpení prístupu
30 Interaktívna konzola, percentage() pre rezponzívny layout
7min
Dostupné len po zakúpení prístupu
31 Dizajnová upratovačka
6min
Dostupné len po zakúpení prístupu
32 Sass @content
3min
Dostupné len po zakúpení prístupu
33 @else a dokončenie dizajnu podstránok
7min
Dostupné len po zakúpení prístupu
34 Nested @media queries, Compass, Bourbon a GRATULÁCIE
8min
Dostupné len po zakúpení prístupu
★ 35 Zadávam ti zadania™
-
Dostupné len po zakúpení prístupu
Hodnotenia kurzu
CSS preprocesory: Sass
Michaela K.
CSS preprocesory: Sass
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.
Tahssain A.
Pozri aj tieto kurzy
Carousel
Carousel
Posuň svojich najbližších vpred!
Daruj najväčšiu ponuku online kurzov! Teraz v exkluzívnom darčekovom balení s Journal-om od Skillmea za skvelú cenu.