Pytania rekrutacyjne Angular (Junior) z odpowiedziami
75 pytań na rozmowę rekrutacyjną z tematu Angular (Junior) - z poprawnymi odpowiedziami, wyjaśnieniami i linkami do dokumentacji.
Rozwiąż ten test- 1.Czym jest Angular?
- 2.Które polecenie tworzy nowy projekt Angular?
- 3.Co opisuje dekorator
@Component? - 4.Co oznacza
standalonedla komponentu Angular? - 5.Jak uruchamia się aplikację Angular w trybie standalone?
- 6.Co domyślny
ViewEncapsulation.Emulatedrobi ze stylami komponentu? - 7.Co oznacza
:hostw stylach komponentu? - 8.W jakim języku pisze się aplikacje Angular?
- 9.Co robi
{{ user.name }}w szablonie? - 10.Czym różnią się
src="{{ url }}"i[src]="url"? - 11.Jak obsłużyć kliknięcie przycisku?
- 12.Co robi
(keyup.enter)="submit()"? - 13.Czym jest składnia „banan w pudełku”
[(ngModel)]="name"? - 14.Jak przełączać klasę CSS w zależności od warunku?
- 15.Czym jest zmienna referencyjna szablonu
#nameInput? - 16.Dlaczego wyrażenia w szablonie powinny być proste i bez efektów ubocznych?
- 17.Która funkcja sprawia, że
{{ user?.address?.city }}jest bezpieczne, gdyusertonull? - 18.Jak warunkowo wyrenderować blok w nowoczesnych szablonach Angular?
- 19.Co jest wymagane w bloku
@for? - 20.Co robi blok
@empty? - 21.Który blok wybiera jeden z kilku szablonów według wartości?
- 22.Czym są pipe'y w szablonach Angular?
- 23.Co robi pipe
async? - 24.Jak utworzyć własny pipe?
- 25.Jak komponent potomny otrzymuje dane od rodzica?
- 26.Jak komponent potomny powiadamia rodzica o zdarzeniu?
- 27.Dlaczego komponent potomny nie może zmienić wartości sygnału utworzonego przez
input()? - 28.Do czego służy
<ng-content />? - 29.Czym jest serwis w Angularze?
- 30.Jak uzyskać instancję serwisu w komponencie?
- 31.Gdzie można wywołać
inject()? - 32.Co oznacza
providedIn: 'root'? - 33.Dlaczego wstrzykiwanie zależności przydaje się w testach?
- 34.Do czego zwykle używa się
ngOnInit? - 35.Kiedy wywoływany jest
ngOnDestroy? - 36.Kiedy uruchamia się
ngOnChanges? - 37.Czym jest sygnał w Angularze?
- 38.Do czego służy
computed()? - 39.Dlaczego taka mutacja tablicy w sygnale jest błędem?
- 40.Co robi
effect()? - 41.Jak konfiguruje się trasy w aplikacji Angular?
- 42.Gdzie router renderuje dopasowany komponent?
- 43.Jak utworzyć link nawigacyjny bez pełnego przeładowania strony?
- 44.Jak przejść na inną stronę z kodu, np. po zapisaniu formularza?
- 45.Jakie są dwa klasyczne podejścia do formularzy w Angularze?
- 46.Jak połączyć formularz reaktywny z szablonem?
- 47.Jak pokazać błąd walidacji dopiero po tym, jak użytkownik dotknął pola?
- 48.Jak wykonać żądanie HTTP GET w Angularze?
- 49.Czym jest Observable (RxJS)?
- 50.Co robi
pipe(map(...), filter(...))na Observable? - 51.Które polecenie uruchamia lokalny serwer deweloperski?
- 52.Co robi
ng generate component user-card? - 53.Jak zadeklarować input, który rodzic musi zawsze przekazać?
- 54.Co
<ng-container>renderuje w DOM? - 55.Jakie zmienne są dostępne wewnątrz bloku
@for? - 56.Jak ustawić styl inline z jednostką, np. szerokość w pikselach?
- 57.Jak podświetlić link menu dla bieżącej trasy?
- 58.Jak pokazać komponent „Nie znaleziono strony” dla nieznanych URL?
- 59.Jak odczytać parametr
:idbieżącej trasy w komponencie? - 60.Jak ustawić tytuł karty przeglądarki dla trasy?
- 61.Dlaczego
this.http.get('/api/users')nie wysyła żadnego żądania? - 62.Co trzeba zarejestrować, aby wstrzykiwać
HttpClientw aplikacji standalone? - 63.Jak sformatować datę w szablonie?
- 64.Do czego służy
@letw szablonie? - 65.Gdzie trzymać różne URL API dla buildów deweloperskich i produkcyjnych?
- 66.Jak wyemitować wartość z komponentu zadeklarowanego przez
output()? - 67.Dlaczego w szablonie trzeba pisać
user(), a nieuser, jeśliuserjest sygnałem? - 68.Jak zaktualizować sygnał na podstawie jego bieżącej wartości?
- 69.Co robi
[disabled]="form.invalid"na przycisku wysyłania? - 70.Które walidatory czynią pole wymaganym i sprawdzają format e-maila?
- 71.Co domyślnie tworzy
ng buildw nowym projekcie? - 72.Który plik jest punktem wejścia uruchamiającym aplikację Angular standalone?
- 73.Co robi
RouterLinkz tablicą? - 74.Jak pokazać przycisk tylko administratorom, a pozostałym - etykietę?
- 75.Do czego przydaje się tryb strict TypeScriptu w projekcie Angular?