Angular Fundamentals Practice Test

These questions are part of the practice quiz. Start practicing

• Which feature allows ngFor to track list items by identity to avoid unnecessary DOM re-creation?
• How should you test route guards in Angular?
• Module federation in Angular is primarily used for?
• How does two-way data binding work in Angular, and which directive enables it?
• Which sequence correctly represents the typical order of Angular component lifecycle hooks from initialization through destruction?
• How is internationalization (i18n) supported in Angular?
• Which statement best describes @Input and @Output in Angular?
• Which mechanism ensures unused code is removed during build by analyzing ES modules and tooling?
• In content projection, how do you target a specific piece of projected content to a slot?
• What is a recommended strategy for migrating legacy Angular apps to Angular 17+?
• What is the role of an Angular module (NgModule) and which metadata properties are commonly defined on it?
• Which lifecycle hook is invoked just before a component is destroyed?
• Which structure is recommended for organizing large Angular applications?
• How does Angular lazy loading work internally?
• For a safe upgrade path to Angular 17+, which approach is recommended?
• How do you conduct Angular code reviews?
• What is an HTTP interceptor and typical use cases?
• How does Angular hydration work with server-side rendering?
• Which statement correctly distinguishes ViewChild from ContentChild?
• What practices help prevent unnecessary API calls in Angular apps?
• What are Angular component harnesses?
• Theming tokens in an Angular design system are used to?
• Which actions are involved in implementing SSR with Angular Universal?
• Under what circumstance would you choose to use an InjectionToken?
• Which technique helps keep a large dynamic form performant?
• What are the roles of declarations, imports, providers, and exports in NgModule?
• What is the purpose of the bootstrap property in NgModule metadata?
• Stand-alone components in Angular provide which primary benefit?
• Which of the following is included in secure token storage practices?
• How do you handle HTTP errors globally in Angular?
• What is differential loading?
• Which guard asks for confirmation before leaving a route?
• Can Angular operate without Zone.js, and if so, how?
• How do you reset and partially update a form?
• Which strategies support offline functionality in Angular?
• What technique splits the application into smaller chunks that can be loaded on demand?
• Which Angular testing utility is used to configure and initialize a testing module?
• Which statement accurately describes canActivate in Angular routing?
• Which testing technique uses marble diagrams to model time-based emissions?
• When presenting a performance optimization, which elements are essential?
• Which statement about trackBy in ngFor best describes its benefit?
• Which pattern most improves performance for dynamic lists rendering in Angular?
• In route guard tests, what outcome would you typically assert?
• What is Ahead-of-Time (AOT) compilation and its benefits?
• Which RxJS operator is commonly used to cancel in-flight HTTP requests when a component is destroyed?
• Which Angular pattern helps prevent memory leaks by handling subscriptions automatically in templates?
• Which service does HttpClientModule provide?
• What does memoization refer to in the context of Angular performance optimization?
• Which decorator declares a property as an input binding from a parent component?
• Which Angular testing utility helps verify and flush mock HTTP requests in unit tests?
• What describes the facade pattern in Angular?
• What pattern allows sharing data between unrelated components in Angular?
• Which guard prevents a module from being loaded until conditions are met?
• How do async validators work?
• Which statement about Emulated encapsulation in Angular is true?
• Beyond route params and query params, which can be used to share data between routes?
• What is a service worker in Angular, and when is it used?
• Which Angular feature allows declaring and using a component without adding it to an NgModule?
• What does zoneless Angular mean in practice?
• Which practices help prevent memory leaks from subscriptions in Angular?
• Which lifecycle hook is executed after the component's view has been fully initialized?
• What Angular feature enables a custom UI component to participate in forms without losing its own logic?
• When migrating from RxJS-heavy apps to a Signals-based approach, what is recommended?
• How do you write end-to-end tests in Angular?
• Content projection in Angular is implemented using which feature?
• How do you implement retry logic for failed requests?
• In planning architecture decisions, which artifacts support collaboration?
• Which approach is best for logging HTTP traffic across an Angular app?
• Which methods enable implementing micro-frontends with Angular?
• What is view encapsulation and the differences between Emulated, None, and ShadowDom?
• What is recommended for internationalizing Angular applications?
• What is multicasting in RxJS?
• What is the recommended approach to verify standalone component behavior in tests?
• Where should you attach a cross-field validator in a reactive form to validate multiple controls together?
• When a route uses a resolver, what happens during navigation?
• In NgModule metadata, which property is used to expose components, directives, or pipes for use in other modules?
• Which statement best distinguishes template-driven forms from reactive forms?
• How do you handle global API error handling?
• How are feature flags typically implemented in Angular apps?
• How do you measure frontend success in production?
• Which concept enables decoupled, reusable UI units that can be used across apps without relying on NgModule declarations?
• Where do you specify an asynchronous validator for a reactive form control?
• Which statement correctly distinguishes BehaviorSubject?
• What happens when a notifier emits in takeUntil?
• Which operators help implement retry logic after an error?
• Which statement best describes testing reactive forms?
• What is DomSanitizer and when should it be avoided?
• What is lazy loading in Angular and how do you configure a feature module to lazy load?
• How can you access a template reference variable named #ref in a component?
• Which feature would you use to access a child component or directive instance from a parent component class?
• How do you handle 404 and fallback routes?
• How does Angular handle CSRF/XSRF protection?
• Which guard prevents a lazy-loaded module from loading?
• How do route guards work and what is canActivate used for?
• What is a service in Angular and how does dependency injection provide a singleton instance?
• What is route reuse strategy?
• What are structural directives and provide examples?
• How do you pass data between routes?
• What is the purpose of the HttpClientModule and where should it be imported?
• Which statement describes creating an asynchronous validator for a reactive form?
• How do you ensure frontend security best practices?
• What is an Observable and how does the async pipe help in templates?
• How does parameter inheritance work in nested routes?
• Which factors contribute to unnecessary change detection cycles?
• How do you navigate programmatically within a component?
• How do you securely store authentication tokens?
• What does ChangeDetectionStrategy.OnPush do in Angular?
• How do you handle breaking Angular upgrades?
• What does the PreloadAllModules strategy do?
• Arrange the Angular lifecycle hooks in the correct order from earliest to latest.
• In Angular, what does ng-content do, and how are named slots implemented?
• Why is ngOnInit preferred over the constructor for initialization logic that relies on inputs?
• How do you test custom pipes and directives?
• How do you handle cross-team frontend dependencies?
• How do you implement cross-field validation?
• What is a key difference between reactive forms and template-driven forms?
• In designing reusable UI component libraries, which practices are recommended?
• How do you manage frontend technical debt?
• When should you use the OnPush change detection strategy?
• Which module should be imported in unit tests to isolate HTTP interactions from the real backend?
• Which of the following best describes how to mock HttpClient in Angular unit tests?
• Which tools are recommended to profile Angular performance issues?
• How do you upload a file using HttpClient?
• How would you read route parameters inside a component?
• How do you implement cross-field validation in a reactive form?
• What is the purpose of using a preloading strategy such as PreloadAllModules in RouterModule?
• How does the providers array differ between NgModule and component providers?
• What is a major benefit of Ahead-of-Time (AOT) compilation in Angular?
• Which practices support role-based access control (RBAC) in Angular?
• How do you handle large dynamic forms efficiently?
• During code reviews, which areas should be evaluated?
• What is a primary benefit of using the async pipe in templates?
• How do you handle errors in observable streams?
• How do you prioritize refactors versus feature delivery?
• How do you cancel HTTP requests in Angular?
• What techniques are recommended for optimizing large lists and tables in Angular?
• In Angular, what is a primary purpose of an HTTP interceptor?
• Where do providers resolve in Angular's dependency injection hierarchy?
• What is the primary difference between shallow and deep component testing?
• How do you protect child routes?
• What is the primary purpose of TestBed in Angular unit testing?
• Which decorators are used to access child components or content?
• What practices define a scalable Angular monorepo architecture?
• What is canDeactivate and how is it implemented to guard against leaving a form with unsaved changes?
• Which mechanism does Angular use to prevent XSS attacks in templates?
• How do you upload and track file upload progress?
• What techniques help prevent UI flicker during navigation?
• Describe a challenging Angular performance bug you fixed. What should you include in your description?
• Is runtime translation of i18n messages mandatory in Angular?
• How do you mentor junior Angular developers?
• Which approach is commonly used to manage complex global state in Angular?
• Which statement best captures when to use NgRx, Signals, and services?
• What is HttpClient and how do you perform a basic GET request?
• In Angular routing, what does the loadChildren property do?
• How would you create a reactive form with a required name field using FormGroup and FormControl?
• Using HttpOnly cookies for tokens helps protect against which threat?
• What is a Route in Angular and how do you configure a basic route?
• Which guard determines whether a user can navigate to a route?
• Which return types are valid for a CanDeactivate guard in Angular?
• How do you build reusable form components?
• What is the difference between providing a service in the root versus in a feature module?
• What is an InjectionToken and why would you need it?
• How do you mock services in Angular unit tests?
• Which pattern helps prevent memory leaks by automatically unsubscribing from observables in templates?
• How do you preload lazy-loaded modules?
• Why would you use a host component when testing a pipe or directive?
• In NgModule metadata, which property makes a component available to modules that import the module?
• In Angular routing, what is a primary purpose of a resolver?
• What is the role of Zone.js in Angular applications?
• Which operator is used to combine multiple API responses by taking the latest values from each as they arrive?
• How do you handle technical disagreements on architecture?
• In a scalable Angular workflow, what is the purpose of CI caching?
• Which statement best describes the difference between the constructor and ngOnInit in an Angular component?
• Which approach best aids debugging production-only Angular issues?
• How do you validate forms on submit only?
• What is a route resolver and when would you use it?
• Which operator runs inner subscriptions sequentially, one after another?
• When do async validators typically run in the validation pipeline?
• How do you handle deep linking?
• Which scenario best justifies using an impure pipe?
• What is environment.ts and how is it used in builds?
• Which statement describes the differences among Subject, BehaviorSubject, and ReplaySubject in RxJS?
• How do you enable and implement Angular animations?
• What does shareReplay do and when should you use it?
• How do you implement request caching?
• Which utility is used to mock HTTP requests in Angular unit tests?
• For mentoring juniors, which practices are recommended?
• Which statement correctly describes Observables in contrast to Promises?
• What is a key benefit of prerendering in Angular Universal?
• How do you lazy load components and routes in Angular?
• What syntax is used to declare a template reference variable in an Angular template?
• Where should you add a validator to implement cross-field validation?
• Which approach primarily improves initial load time by loading parts of the application only when they are needed?
• What does hydration accomplish in Angular Universal server-side rendering?
• Which combination reduces the initial bundle size in Angular?
• What does fakeAsync and tick() accomplish in tests?
• Standalone components enable easier lazy loading.
• Which statement best describes the difference between a component's templateUrl/template and template and the difference between styleUrls/styles?
• How can you respond to route parameter changes without reinitializing the component?
• Which change detection strategy reduces the number of cycles by checking for changes only when inputs change or events occur?
• What approach helps enforce architectural boundaries?
• What is a route resolver used for?
• What is the difference between take(1), first(), and takeUntil()?
• What is backpressure and how do you handle fast streams?
• What is the purpose of trackBy in ngFor?
• Runtime toggles with guards are used to achieve what in feature flag management?
• How do you combine multiple API calls in RxJS?
• What is a pipe in Angular and how do you implement a custom pipe?
• How do you implement conditional validation rules?
• How do you dynamically add/remove form controls?
• To manage frontend dependencies across teams, which approach is effective?
• Which lifecycle hook is primarily used for initialization after data-bound properties are set?
• What are Signals in Angular and when should you use them?
• How are multiple build configurations defined for an Angular project?
• What is ControlValueAccessor and when do you use it?
• How do you test observables?
• How do you test standalone components?
• What object is commonly used with @Output to emit events to the parent?
• What is the difference between switchMap, mergeMap, and concatMap?
• Distinguish pure vs impure pipes and their use cases.
• Which statement describes how to access a DOM element in a component class using a template reference variable?
• Which method disables a form control and updates its validity status?
• Which lifecycle hook is called after the component's content has been projected and initialized?
• Which statement best describes cold vs hot observables?
• Which HttpEvent type indicates the progress of an upload in Angular's HttpClient?