Frontend
Jaké potíže nastaly při migraci z Angular 13 na 20?
Co tě na práci zajímá a co méně?
Praktický úkol: vylepšit komponentu čítače v Reactu tak, aby při kliknutí na tlačítko "Zvýšit" se hodnota čítače zvýšila o 1 a do historie se přidala záznam o zvýšení s novou hodnotou; při kliknutí na "Snížit" — podobně; při kliknutí na "Resetovat" — historie se vymazala.
Dostáváte úkol: po 10-15 minutách práce se stránka začíná zpomalovat, je třeba to opravit. Jaké budou vaše první kroky?
Popište, co se stane při kliknutí na tlačítko v React komponentě se čítačem: jak funguje useState, jak React rozpozná, že je třeba aktualizovat právě tuto část DOMu?
Jak kopírovat objekty v JavaScriptu? Jaké typy kopírování existují?
Úkol: Vytvořte stránku s multifunkční tabulkou kryptoměn. Je třeba se připojit k API a zobrazit seznam mincí v tabulce. Minimální požadavky: Projekt vytvořen od nuly Pouze Typescript Připojení k API Řazení podle hodnot ve sloupci Hledání podle hodnot v buňkách (funguje na principu logického AND) Další úkoly: Vlastní stránkování Minimální styly (příjemný a upravený vzhled) Obecné hledání podle hodnot ve všech buňkách Možnost pevného umístění sloupců
Implementujte komponentu pro zobrazení seznamu týmů s účastníky. Přijímá pole týmů (s názvem a seznamem ID uživatelů účastníků) a samostatné pole uživatelů (s ID a jménem). Je třeba spojit týmy s uživateli podle ID a zobrazit karty týmů s výčtem účastníků. Pokud účastníků není — zobrazit 'žádní účastníci'; pokud je ID uživatele, ale uživatel není nalezen v seznamu — zobrazit pomlčku. Vlastnost: ID uživatele může přijít ve formě pole, čísla, null nebo undefined.
// [telefon] function getMoney(amount) { // Tvůj kód zde } console.log(getMoney(4650));
Byly případy, kdy bylo třeba předat funkci, která nebyla v úkolu?
Jaký buildovací nástroj se používá v projektu? Pracoval jste s Webpackem?
S jakými správci stavu jste pracovali? Kteří se vám líbí více, jaké mají výhody a nevýhody?
Proč jste si vybral právě vývoj webu a Angular, například místo vývoje mobilních aplikací?
Jak funguje this v běžných funkcích a šipkových funkcích? Čím se liší?
Proč je v objektově orientovaném programování vůbec potřeba dědičnost? Uveďte odůvodnění, proč se používá, pokud lze úlohu opětovného využití logiky řešit i jinými způsoby (například přes DI).
Povězte mi o Event Loopu: z čeho se skládá a jak funguje?
Co rozumíte pod pojmem « flexibilní » v kontextu temperamentu?
Pověz mi o základních principech refaktoringu kódu. Jak bys provedl refaktoring?
Jaký zásobník a sadu knihoven preferujete používat s Reactem?
Implementujte metodu Function.prototype.bind — funkci, která přijímá kontext a vrací novou funkci s navázaným kontextem.
СБЕР