CSS preprocesory: Sass
3h 39min
Čas
37
Kapitol
Programování
Kategorie
4.9
Hodnocení
Mírně pokročilý
Level
slovenský
Jazyk kurzu
Popis kurzu CSS preprocesory: Sass
CSS je otravné.
Díky Sass napíšeš méně CSS kódů.
A bude přehlednější.
A napíšeš ho rychleji.
Sass do CSS přidá proměnné a jiné frajeřiny.
Díky Sass napíšeš méně CSS kódů.
A bude přehlednější.
A napíšeš ho rychleji.
Sass do CSS přidá proměnné a jiné frajeřiny.
Nechej si automaticky doplnit prefixy, už nikdy manuálně nepočítej pixely na procenta a neotvírej Photoshop jen proto, abys zjistil RGB z HEX barvy.
Sass to udělá za tebe.
CSS preprocesory
Ostatní technologie nám pomáhají vyrobit tyto tri srandy. Například PHP nám pomáhá vyrobit HTML. Sass nám pomáhá vyrobit CSS.
Výhoda Sass je ale v tom, že se nemusíš učit žádné nové, velké koncepty. Sass jen do CSS, které už znáš, přidá pár novinek.
Možnost odložit si hodnotu a použít ji později na více lokacích. Možnost automaticky změnit barvu na tmavší verzi, když přijdeš myší na link a podobně. Toto obsasskované CSS se pak změní na klasický CSS kód, kterému prohlížeč rozumí.
Peprocesor je program, který zpracuje kód v jednom formátu (Sass) a změní ho na kód v druhém formátu (CSS). A když chceš, automaticky spojí všechny tvé CSS soubory do jednoho a odstraní z nich nadbytečnou mezeru a komentáře #efektivita #bitch.
Sass je guča život zlepšujících drobností, díky kterým tě CSS začne bavit :)
Sass kurz je pro tebe
- pokud máš Webrebel 1 kurz
- pokud ovládáš HTML a CSS, ale CSS tě otravuje
- pokud tě zajímá programování
Nemusíš být programátor, ale Sass ti dovolí jedním očkem nahlédnout do světa proměnných, podmínek a funkcí. A to je jenom bonus k tomu krásnému, krátkému CSS kódu, který odteď budeš spát. Pojď šupem na to!
Co všechno dostaneš
- 34 nadupaných videotutoriálů,
- více než 3 a půl hodiny videa,
- certifikát o absolvování kurzu,
- garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem.
Seznam kapitol
Teória / Inštalácia / Nastavenie
8min
Dostupné v ukázce kurzu
5min
Dostupné v ukázce kurzu
03 Sass vs SCSS syntax, programy čo používam v kurze
4min
Dostupné pouze po zakoupení přístupu
04 Sass cez programy (inštalácia + prax)
9min
Dostupné pouze po zakoupení přístupu
05 Sass cez konzolu, Output Styles (inštalácia + prax)
7min
Dostupné pouze po zakoupení přístupu
06 DRY (Don't Repeat Yourself), názvy premenných (rada)
4min
Dostupné pouze po zakoupení přístupu
Kde ma nájdeš, onlajn sieťuj spolu so mnou
1min
Dostupné pouze po zakoupení přístupu
Tipy, rady a pravidlá pre každý kurz
5min
Dostupné pouze po zakoupení přístupu
Tučná SCSS makačka
07 Livestyle Autoreload, Source Maps (.map), Chrome Workspaces
9min
Dostupné pouze po zakoupení přístupu
08 Projekt začína, bojová analýza nech viem čo robím
4min
Dostupné pouze po zakoupení přístupu
09 Sass komentáre, život zlepšujúce drobnosti
3min
Dostupné pouze po zakoupení přístupu
10 Premenné v CSS, odlož si na neskôr
4min
Dostupné pouze po zakoupení přístupu
4min
Dostupné v ukázce kurzu
12 & parent selector, nepreháňaj ten nesting
4min
Dostupné pouze po zakoupení přístupu
13 Funkcie na farby, rodič na divných miestach
7min
Dostupné pouze po zakoupení přístupu
6min
Dostupné v ukázce kurzu
15 Farebné operácie, Colors (of not Ostrava)
7min
Dostupné pouze po zakoupení přístupu
16 Programátor má byť lenivý, úvod do polí a cyklov
6min
Dostupné pouze po zakoupení přístupu
6min
Dostupné v ukázce kurzu
18 "Nepoužívam všetko, asi som zlý programátor"
3min
Dostupné pouze po zakoupení přístupu
19 Partials, Sass @import vs CSS @import, čistý kód
8min
Dostupné pouze po zakoupení přístupu
@mixins / Inheritance / Podmienky
20 Sass mixiny a CSS prefixiny
7min
Dostupné pouze po zakoupení přístupu
21 @mixins will fixins
7min
Dostupné pouze po zakoupení přístupu
22 Gombíky farebné cez @mixiny hanebné
6min
Dostupné pouze po zakoupení přístupu
23 @include vs @extend vs %placeholder
4min
Dostupné pouze po zakoupení přístupu
24 Fallback, záložné hodnoty a poľné repete
4min
Dostupné pouze po zakoupení přístupu
25 Správne premenné, gombíky cyklom cez Sass mapu
5min
Dostupné pouze po zakoupení přístupu
26 @if podmienky
5min
Dostupné pouze po zakoupení přístupu
27 HTML debug, kód prehľadný, nie prehnaný
2min
Dostupné pouze po zakoupení přístupu
Responsive a srandičky na záver
28 Responsive Sass, sprav target/context za mňa
7min
Dostupné pouze po zakoupení přístupu
29 Sass funkcie() vs @mixiny
7min
Dostupné pouze po zakoupení přístupu
30 Interaktívna konzola, percentage() pre rezponzívny layout
7min
Dostupné pouze po zakoupení přístupu
31 Dizajnová upratovačka
6min
Dostupné pouze po zakoupení přístupu
32 Sass @content
3min
Dostupné pouze po zakoupení přístupu
33 @else a dokončenie dizajnu podstránok
7min
Dostupné pouze po zakoupení přístupu
34 Nested @media queries, Compass, Bourbon a GRATULÁCIE
8min
Dostupné pouze po zakoupení přístupu
★ 35 Zadávam ti zadania™
-
Dostupné pouze po zakoupení přístupu
Hodnocení 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.
Podívej se i na tyto kurzy
Carousel
Carousel
Posuň své nejbližší vpřed!
Daruj největší nabídku online kurzů! Nyní v exkluzivním dárkovém balení s Journalem od Skillmea za skvělou cenu.