Cvičení 1
Asistent
Co si vyzkoušíte
Necháte asistenta v editoru vytáhnout opakování do mixinu a projdete si jeho
výstup dřív, než ho přijmete. Ve výchozím stavu máte projekt se SCSS a soubor
_components.scss, ve kterém se opakují tři podobné komponenty.
Zadání
- Napište zadání, ve kterém asistentovi řeknete kontext: jaké má projekt tokeny, jak se pojmenovávají třídy a co se dělat nemá.
- Nechte ho vytáhnout opakující se deklarace do mixinu s parametrem.
- Než výstup přijmete, projděte ho řádek po řádku a označte si všechno, čemu nerozumíte.
- Dohledejte v dokumentaci nebo ve vývojářských nástrojích, co každý takový řádek dělá.
- Smažte z výstupu všechno, co v zadání nebylo. Přidávání navíc je nejčastější vlastnost, kterou asistenti mají.
- Porovnejte vygenerované CSS před úpravou a po ní. Je ho míň, nebo víc?
- Zapište si zadání, které fungovalo, do poznámek. Za měsíc se bude hodit.
Bonus
- Požádejte o druhou, jinak postavenou variantu řešení a rozhodněte, která je lepší. Rozhodnutí zdůvodněte.
- Zkuste totéž zadání bez kontextu a porovnejte, o kolik víc práce dá výstup opravit.