CSS preprocesory: Sass

Späť na kurzy

Cena

49,00 €


alebo

5.0 z 5

Hodnotenie

5x
100%
4x
0%
3x
0%
2x
0%
1x
0%

Všetky online kurzy za 199 €

Viac info

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.


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™