Plánujete se zúčastnit pohovoru na pozici Angular Developer? Nejlepší je připravit se na tyto otázky na pohovor Angular.
Pokud jste vývojář JavaScriptu, možná znáte framework Angular pro vývoj front-endu. Stala se jednou z nejžádanějších dovedností pro vývojáře v současném světě.
Nicméně může být trochu obtížné dobře porozumět frameworku Angular. V takovém případě je zásadní být připraven na vše, co na vás může tazatel hodit. Od směrnic po rámce vám pomůže zvládnout pohovor a získat práci, která může vaši kariéru posunout na novou úroveň.
Seřadili jsme některé z nejoblíbenějších otázek na pohovoru Angular, na které byste měli být připraveni získat svou vysněnou práci.
Table of Contents
Co je úhlový výraz? Jak se liší od JavaScript Expression?
Angular Expression je úryvek kódu, který kodéři umístí do vazby {{ expression }}. Významný rozdíl mezi výrazy Angular a JavaScript je:
- Před zobrazením dat formátu je snadné použít filtry.
- Hodnocení je shovívavé k undefined a null namísto JavaScript undefined, který generuje ReferenceError a TypeError.
- Vyhodnoceno proti objektu rozsahu.
- Úhlové výrazy zahrnují výjimky, podmínky a smyčky.
Vysvětlete datovou vazbu.
Datové vázání je považováno za jednu z nejvlivnějších a nejzásadnějších funkcí, které mohou vytvořit spojení mezi komponentami a DOM. Je jednoduché definovat proces interaktivních aplikací, aniž byste se museli starat o vytahování a tlačení šablon a komponent. V Angular se používá několik typů datových vazeb, jako např
- Majetková vazba,
- Obousměrná datová vazba,
- Vazba události a
- Řetězcová interpolace.
Nahlédněte do různých háčků životního cyklu Angular.
Háčky Angular lifecycle jsou oblíbené při kontrole triggerů a fázových změn po celou dobu trvání konkrétní fáze. Komponenta životního cyklu zahrnuje konstruktor, který je rozdělen do čtyř hlavních částí: ngOchanges, ngOnInit, ngDoCheck a ngOnDestroy. ngOchanges jsou také součástí ngAfterViewInit, ngAfterContentInit, ngAfterViewChecked a ngAfterContentChecked.
- ngOnchanges() – Tato metoda se zavolá, když se v komponentách změní jedna (nebo více) vstupních vlastností. Předchozí a aktuální hodnoty vlastností jsou přijímány v háku – SimpleChanges.
- ngOnInit() – Po ngOchanges dojde k inicializaci sad vstupních vlastností a komponent.
- ngDoCheck() – Přichází ve třetí fázi jednat a detekovat změny, které jsou s Angular nemožné. Pomocí tohoto háku lze rychle implementovat algoritmus detekce změn.
- ngAfterContentInit() – Dalším háčkem je reagovat poté, co jeden projekt získá obsah v komponentě.
- ngAfterContentChecked() – Další je ngAfterContentChecked, která je volána po každém následujícím ngDoCheck a ngAftercontentInit odpoví po promítnutém obsahu.
- ngAfterViewInit() – Další háček, který se má zavolat, je ngAfterViewInit, který odpovídá na pohled podřízené komponenty po kontrole pohledu komponenty.
- ngOnDestroy() – Pomáhá odpojit obslužné rutiny událostí a vyčistit kód předtím, než Angular zničí komponentu.
Jaký je rozdíl mezi AOT a JIT v Angular?
Mnozí se mohou zaměnit mezi kompilátorem AOT a JIT v Angular, a proto je nezbytné znát základy:
- Kompilátor AOT (Ahead-of-Time) zkompiluje kód na serveru v době sestavení. Kompilátor Just-in-Time (JIT) je zároveň v prohlížeči aplikace za běhu.
- AOT je ideální pro produkční režim, zatímco JIT je pro vývojový režim, který dokáže zkompilovat kód v projektu Angular.
- Kompilace AOT zahrnuje příkazy ng serve a ng build, zatímco kompilace JIT zahrnuje příkazy ng serve a ng build CLI.
- AOT může snížit velikost balíčku pro rychlejší vykreslování, zatímco JIT přichází s laděním a implementací hlavních funkcí do mapových souborů.
Vysvětlete RxJS.
Reactive Extensions for JavaScript (RxJS) používá pozorovatelné prvky, které umožňují vývojářům provádět reaktivní programování. Cílem je sestavit kód založený na zpětném volání nebo asynchronní operace pomocí rámce RxJS v Angular. Může pomoci při streamování dat předplatitelům, kteří vysílají hodnoty od vydavatelů. Pokud nepoužíváte Angular, další programovací jazyky, jako je Python a Java, mohou používat pozorovatelné pomocí reaktivního kódu.
Ponořte se do různých typů úhlových filtrů.
Angular používá filtr, který uživatelům ukazuje formátování hodnoty výrazu, kterou lze přidat do šablon, direktiv, služeb a ovladačů. Je možné vytvářet personalizované filtry na základě požadavků, které uživatelům umožňují organizovat data na základě kritérií. Za symbolem svislé čáry ( | ) jsou do výrazu umístěny filtry. Primární filtry používané v Angular jsou:
- číslo – Převede hodnotu na řetězec
- měna – převod čísel do formátu měny
- json – Převod libovolného objektu na řetězec JSON
- datum – převod do libovolného formátu data
- limitTo – Omezí pole nebo řetězec na konkrétní řetězce nebo prvky
- orderBy – Uspořádá pole ve výrazu
- velká písmena – Převod řetězce na velká písmena
- malá písmena – Převod řetězce na malá písmena
- filtr – Vyberte podmnožinu z daného pole
Definujte bootstrapping.
Bootstrapping je způsob, jak spustit nebo inicializovat aplikaci v Angular, ať už automatický nebo manuální. Pomůžeme vám to lépe pochopit:
- Při přidávání direktiv ng-app na značku je v případě potřeby zahrnuto automatické bootstrapping. Angular zkompiluje DOM a je spojen s direktivou ng-app pro vyhledání modulu.
- Ruční bootstrapping má inicializovat aplikaci Angular a nabídnout vývojářům kontrolu při provádění významných operací a úkolů při kompilaci stránky.
Osvětlete direktivy Angular.
Pokud jde o direktivy Angular, existují tři významné druhy, jako například:
- Atribut – Pomocí tohoto lze změnit chování a vzhled prvků, další direktivu a komponenty. Jako atributy prvků používá ngStyle a ngClass.
- Komponenty – Skládá se ze šablon, které mohou definovat jedno uživatelské rozhraní pomocí stylů CSS, kódu TypeScript a šablony HTML. Obvykle je ozdoben symbolem @ poskytujícím úhlový kompilátor, který jej nahrazuje šablonami komponent.
- Strukturální – Změní strukturu pohledu tak, aby skryla nebo zobrazila některá data pomocí různých direktiv, jako jsou direktivy ngIf.
Závěr
To jsou základní otázky a odpovědi, které se obvykle kladou v rozhovorech Angular. Pomůže vám to připravit se na pohovor, zvládnout ho a získat vysněnou práci.
Pokud jste s tím skončili, zjistěte více o AngularJS.
Užili jste si čtení článku? Co takhle sdílet se světem?