Lekce 1.5

SCSS a AI asistence při stylování

Preprocesor, který se pořád vyplatí, poctivé srovnání tří cest ke vzhledu a práce s asistentem, jejíž nejdůležitější částí je kontrola.

Cvičení 2

Asistent – pokračování

Co si vyzkoušíte

Zkontrolujete komponentu, kterou napsal asistent, a najdete v ní nálezy, které tam čekají. Ve výchozím stavu máte soubor _hero.scss a stránku, na které je komponenta vidět.

Zadání

  1. Projděte soubor podle checklistu: bere hodnoty z tokenů? je někde barva napsaná natvrdo? je zanoření hlubší než dvě úrovně? je tam !important?
  2. Otevřete komponentu v prohlížeči a ověřte, že dělá to, co má, i v úzkém okně.
  3. Najděte v kódu vlastnost, kterou neznáte, a dohledejte si ji v dokumentaci.
  4. Opravte všechny nálezy a ke každému napište jednu větu, proč to byla chyba.
  5. Porovnejte výsledek s tím, jak byste komponentu napsali sami.

Bonus

  1. Nechte asistenta zkontrolovat váš vlastní kód z minulé lekce a u každého nálezu rozhodněte, jestli má pravdu.
  2. Najděte v jeho zpětné vazbě aspoň jeden nález, který je špatně, a připravte si, čím ho vyvrátíte.