| 1 | How do standalone components change the way you organize and use components in Angular? Angular › Components & Templates | Angular | Components & Templates | Intermediate |
| 2 | What is a component in Angular and what are its main parts? Angular › Components & Templates | Angular | Components & Templates | Beginner |
| 3 | What is Angular's template syntax used for displaying dynamic values on the page? Angular › Components & Templates | Angular | Components & Templates | Beginner |
| 4 | How would you conditionally show different content in a component's template? Angular › Components & Templates | Angular | Components & Templates | Intermediate |
| 5 | How do you pass data into a component from its parent using an input property? Angular › Components & Templates | Angular | Components & Templates | Advanced |
| 6 | What is a standalone component in Angular, and how do you create one? Angular › Standalone Components | Angular | Standalone Components | Beginner |
| 7 | How do you pass data into an Angular Element from outside, such as from plain HTML or JavaScript? Angular › Angular Elements (Web Components) | Angular | Angular Elements (Web Components) | Intermediate |
| 8 | How would you organize global styles versus component specific styles in a large Next.js application? Next.js › Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Next.js | Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Intermediate |
| 9 | Why does the Angular style guide recommend keeping components small and focused rather than very large? Angular › Angular Style Guide & Best Practices | Angular | Angular Style Guide & Best Practices | Beginner |
| 10 | What is the difference between a layout and a template in the Next.js App Router? Next.js › Layouts & Templates | Next.js | Layouts & Templates | Beginner |
| 11 | What is the single responsibility principle and how does it apply to writing Angular components and services? Angular › Angular Style Guide & Best Practices | Angular | Angular Style Guide & Best Practices | Intermediate |
| 12 | How do you share state between multiple components that are not directly related, such as a shopping cart shown in both the header and a product page? Next.js › State Management in Next.js Apps | Next.js | State Management in Next.js Apps | Intermediate |
| 13 | How does the CDK Overlay service help you build components like tooltips and dropdown menus that need to appear above everything else? Angular › Angular CDK (Component Dev Kit) | Angular | Angular CDK (Component Dev Kit) | Advanced |
| 14 | How do signal inputs work in modern Angular components, and how are they different from the traditional Input decorator? Angular › Angular Signals | Angular | Angular Signals | Advanced |
| 15 | If a project is migrating from the Pages Router to the App Router, what happens to the custom App and Document components? Next.js › Custom App & Document in Pages Router | Next.js | Custom App & Document in Pages Router | Intermediate |
| 16 | What are the coroutine machinery components (promise_type, awaitable, coroutine_handle)? C++ › Coroutines | C++ | Coroutines | Advanced |
| 17 | What is accessibility in Angular and why does it matter? Angular › Accessibility (a11y) in Angular | Angular | Accessibility (a11y) in Angular | Beginner |
| 18 | What is the Angular animations module and how do you enable it in a project? Angular › Angular Animations | Angular | Angular Animations | Beginner |
| 19 | How would you animate a button so it grows slightly when a user hovers over it? Angular › Angular Animations | Angular | Angular Animations | Beginner |
| 20 | What is Angular DevTools and how do you install it? Angular › Angular DevTools & Debugging | Angular | Angular DevTools & Debugging | Beginner |
| 21 | How do you add a Material dialog to an Angular app? Angular › Angular Material & UI Component Libraries | Angular | Angular Material & UI Component Libraries | Beginner |
| 22 | What is cross site scripting, often called XSS, and how does Angular protect against it by default? Angular › Angular Security (XSS, Sanitization & CSP) | Angular | Angular Security (XSS, Sanitization & CSP) | Beginner |
| 23 | What is the official Angular style guide, and why is it useful for a team? Angular › Angular Style Guide & Best Practices | Angular | Angular Style Guide & Best Practices | Beginner |
| 24 | What is content projection in Angular and what does ng-content do? Angular › Content Projection (ng-content) | Angular | Content Projection (ng-content) | Beginner |
| 25 | What is a simple real world example of when content projection is useful? Angular › Content Projection (ng-content) | Angular | Content Projection (ng-content) | Beginner |
| 26 | What are the main types of data binding in Angular? Angular › Data Binding | Angular | Data Binding | Beginner |
| 27 | How does event binding work in Angular, letting a component respond to a user action? Angular › Data Binding | Angular | Data Binding | Beginner |
| 28 | What is a directive in Angular and what are the three main types? Angular › Directives | Angular | Directives | Beginner |
| 29 | How do you prevent a form from reloading the page when it is submitted in Angular? Angular › Forms | Angular | Forms | Beginner |
| 30 | What is internationalization in Angular, and what built in tool does the framework provide for it? Angular › Internationalization (i18n) in Angular | Angular | Internationalization (i18n) in Angular | Beginner |
| 31 | What are lifecycle hooks in Angular and why would you use them? Angular › Lifecycle Hooks | Angular | Lifecycle Hooks | Beginner |
| 32 | What is the new at if control flow block in Angular, and how does it compare to the older asterisk ngIf directive? Angular › New Control Flow Syntax (@if, @for & @switch) | Angular | New Control Flow Syntax (@if, @for & @switch) | Beginner |
| 33 | What is an NgModule in Angular, and what was its traditional purpose? Angular › NgModules & Modular Architecture | Angular | NgModules & Modular Architecture | Beginner |
| 34 | What is a pipe in Angular and how do you use one in a template? Angular › Pipes (Built-in & Custom) | Angular | Pipes (Built-in & Custom) | Beginner |
| 35 | How do you create a clickable link to navigate between pages using Angular's router? Angular › Routing | Angular | Routing | Beginner |
| 36 | What is a service in Angular and why are services used to hold shared logic? Angular › Services & Dependency Injection | Angular | Services & Dependency Injection | Beginner |
| 37 | What is a common sign that an Angular app's state management approach needs to be reconsidered? Angular › State Management | Angular | State Management | Beginner |
| 38 | What is a template reference variable in Angular, and how do you use one? Angular › Template Reference Variables & ViewChild | Angular | Template Reference Variables & ViewChild | Beginner |
| 39 | What is the difference between a unit test and a component test in an Angular app? Angular › Testing with Jasmine & Karma | Angular | Testing with Jasmine & Karma | Beginner |
| 40 | Why does Angular use TypeScript instead of plain JavaScript, and what benefit does it provide? Angular › TypeScript with Angular | Angular | TypeScript with Angular | Beginner |
| 41 | What is the purpose of the custom App component in the Pages Router? Next.js › Custom App & Document in Pages Router | Next.js | Custom App & Document in Pages Router | Beginner |
| 42 | How do you add ARIA attributes to a custom Angular component to make it accessible? Angular › Accessibility (a11y) in Angular | Angular | Accessibility (a11y) in Angular | Intermediate |
| 43 | How do you define a simple fade in animation using the trigger and transition functions in Angular? Angular › Angular Animations | Angular | Angular Animations | Intermediate |
| 44 | How would you generate a new component, service, or module using Angular CLI commands? Angular › Angular CLI & Project Structure | Angular | Angular CLI & Project Structure | Intermediate |
| 45 | How would you use multiple ng-content slots to project content into different specific locations within a component? Angular › Content Projection (ng-content) | Angular | Content Projection (ng-content) | Intermediate |
| 46 | How does two way binding using the banana in a box syntax, square brackets and parentheses together, actually work behind the scenes? Angular › Data Binding | Angular | Data Binding | Intermediate |
| 47 | How does attribute binding differ from property binding, and when do you actually need to use it? Angular › Data Binding | Angular | Data Binding | Intermediate |
| 48 | How does the HostListener decorator let a directive respond to events on its host element? Angular › Directives | Angular | Directives | Intermediate |
| 49 | How do you format dates, numbers, and currency correctly for different locales in an Angular app? Angular › Internationalization (i18n) in Angular | Angular | Internationalization (i18n) in Angular | Intermediate |
| 50 | How does the new at switch control flow block let you handle multiple possible conditions cleanly? Angular › New Control Flow Syntax (@if, @for & @switch) | Angular | New Control Flow Syntax (@if, @for & @switch) | Intermediate |
| 51 | How do you select a specific piece of state from the NgRx store and use it in a component? Angular › NgRx State Management | Angular | NgRx State Management | Intermediate |
| 52 | How would you create a custom pipe in Angular, such as one that truncates long text? Angular › Pipes (Built-in & Custom) | Angular | Pipes (Built-in & Custom) | Intermediate |
| 53 | What is a resolver in Angular routing, and what problem does it solve? Angular › Router Guards & Resolvers | Angular | Router Guards & Resolvers | Intermediate |
| 54 | How do you read a dynamic value from the URL, such as a product id, in an Angular route? Angular › Routing | Angular | Routing | Intermediate |
| 55 | What does the ViewChild decorator do, and how would you use it to access a child component from a parent's TypeScript code? Angular › Template Reference Variables & ViewChild | Angular | Template Reference Variables & ViewChild | Intermediate |
| 56 | How would you test that clicking a button in a component triggers the expected behavior? Angular › Testing with Jasmine & Karma | Angular | Testing with Jasmine & Karma | Intermediate |
| 57 | Why can you not use React hooks like useState inside the custom Document component? Next.js › Custom App & Document in Pages Router | Next.js | Custom App & Document in Pages Router | Intermediate |
| 58 | How does the global-error.js file differ from a regular error.js file in the App Router? Next.js › Error Handling & Not Found Pages | Next.js | Error Handling & Not Found Pages | Intermediate |
| 59 | How do route transition animations work in Angular, allowing pages to animate as a user navigates? Angular › Angular Animations | Angular | Angular Animations | Advanced |
| 60 | How do you create a custom form field control that integrates properly with Angular Material's form field wrapper? Angular › Angular Material & UI Component Libraries | Angular | Angular Material & UI Component Libraries | Advanced |
| 61 | How would you create a custom two way binding for your own component's custom property? Angular › Data Binding | Angular | Data Binding | Advanced |
| 62 | How would you build a custom structural directive similar to ngIf from scratch? Angular › Directives | Angular | Directives | Advanced |
| 63 | How would you use Angular's built in deferred loading, the at defer block, to improve performance further? Angular › Performance & Lazy Loading | Angular | Performance & Lazy Loading | Advanced |
| 64 | How would you implement nested, or child, routes in Angular for a layout with a shared parent section? Angular › Routing | Angular | Routing | Advanced |
| 65 | How would you create a reusable, generic Angular component using TypeScript, such as a list component that works with any data type? Angular › TypeScript with Angular | Angular | TypeScript with Angular | Advanced |
| 66 | How would you combine parallel routes and intercepting routes together to build a modal that overlays the current page? Next.js › Parallel Routes & Intercepting Routes | Next.js | Parallel Routes & Intercepting Routes | Advanced |