Frontend MCQs | FineFrontend

Question 01AngularAdvanced

Which statement best answers: “Explain different kinds of Angular directives”

Choose the most accurate current answer.

Review: Explain different kinds of Angular directives

Choose one answer

Components are directives with templates; attribute directives change host behavior or appearance; structural directives create embedded views. Modern built-in `@if`, `@for`, and `@switch` syntax covers common structural control flow.Change detection synchronizes template bindings with application state. Angular traverses relevant views, with Default checking broadly and OnPush limiting checks; signals precisely notify consumers, and zoneless mode schedules synchronization from explicit notifications.`ngOnInit` runs after initial inputs are set but before the component's own view is initialized. `ngAfterViewInit` runs after view children and view queries are ready; changing checked state there can cause expression-changed errors.Angular template expressions resemble JavaScript but run in a template context with restricted syntax, safe navigation, pipe support, and assignments only in event statements. They do not expose arbitrary globals.

Pick an answer, then check your understanding.

angularadvancedsingle-answer2 min · FrontCrate Editorial · Updated 2026-09-24 · Angular documentation

Question 02AngularAdvanced

Which statement best answers: “How can you include SASS in an Angular project?”

Choose the most accurate current answer.

Review: How can you include SASS in an Angular project?

Choose one answer

Choose SCSS when creating the project or set the CLI style option, then use `.scss` component and global styles. The Angular builder compiles Sass during builds; component encapsulation still controls selector scope.Client-side routing can provide fast in-app navigation in an Angular SPA. Modern Angular can combine this with SSR, SSG, hydration, and per-route rendering, so SPA is a deployment pattern rather than Angular's only mode.Configure HttpClient providers, inject HttpClient, and call a typed method such as `http.get<User[]>('/api/users')`. Compose the cold Observable with operators and subscribe through async pipe, signals interop, or controlled effects.ngcc was the Angular compatibility compiler that converted pre-Ivy libraries. It was removed from modern Angular; current libraries should be published in the Angular Package Format with partial compilation.

Pick an answer, then check your understanding.

angularadvancedsingle-answer2 min · FrontCrate Editorial · Updated 2026-09-24 · Angular documentation

Question 03AngularAdvanced

True or false: This concept is relevant to modern Angular applications.

Decide whether the statement is true or false.

Review: How can you include SASS in an Angular project?

Choose one answer

TrueFalse

Pick an answer, then check your understanding.

angularadvancedtrue-false2 min · FrontCrate Editorial · Updated 2026-09-24 · Angular documentation

Question 04AngularAdvanced

Which statement best answers: “How do you choose an element from a component template?”

Choose the most accurate current answer.

Review: How do you choose an element from a component template?

Choose one answer

Use a template reference with a signal-based view query such as `viewChild`, or `@ViewChild` in decorator-based code. Query results are available after view creation; prefer bindings over direct native-element mutation.A Promise settles once and starts when created; an Observable can be lazy, emit zero to many values, compose through operators, and support teardown through unsubscription. Neither is universally better.NgZone integrates zone-based asynchronous work with Angular synchronization and can run expensive non-UI work outside Angular. New applications can use zoneless change detection, so code should prefer explicit Angular notifications over depending on patched tasks.Read static parameters from `ActivatedRoute.snapshot.paramMap`, or subscribe to `paramMap` when the same component can remain active while parameters change. Compose parameter-driven requests with `switchMap` to cancel stale work.

Pick an answer, then check your understanding.

angularadvancedsingle-answer2 min · FrontCrate Editorial · Updated 2026-09-24 · Angular documentation

Question 05AngularAdvanced

True or false: This concept is relevant to modern Angular applications.

Decide whether the statement is true or false.

Review: How do you choose an element from a component template?

Choose one answer

TrueFalse

Pick an answer, then check your understanding.

angularadvancedtrue-false2 min · FrontCrate Editorial · Updated 2026-09-24 · Angular documentation