A) Avoid using absolute positioning

B) Positions elements relative to ancestor

C) Limits to static positions

D) Control with JavaScript only

A) Hides elements

B) Controls layout properties

C) Limits visibility

D) Controls cursor appearance

A) Hides content entirely

B) Controls how overflow content is handled

C) Controls layout properties

D) Limits to visible content

A) Controls layout properties

B) Hides content entirely

C) Inserts content with pseudo-elements

D) Limits visibility

A) Adds shadow to text

B) Controls layout properties

C) Limits visibility

D) Hides text entirely

A) Avoid using pseudo-classes

B) Styles elements based on order

C) Control with JavaScript only

D) Limits to first-child only

A) Avoid using sprites

B) Control with JavaScript only

C) Limit to single images

D) Use background-position to show sections

A) Control with JavaScript only

B) Creates dropdown menus with lists

C) Limit to static menus

D) Avoid using menus

A) Control with JavaScript only

B) Style every other row with nth-child

C) Limit to specific rows only

D) Avoid using styles

A) Control with JavaScript only

B) Limit to a single property

C) Avoid using transitions

D) Specify multiple properties

A) Limits to solid colors

B) Creates gradient backgrounds

C) Control with JavaScript only

D) Avoid using gradients

A) Controls layout properties

B) Both are interchangeable

C) Limits to fixed types

D) nth-child is positional, nth-of-type is type-specific

A) Controls layout properties

B) Limits visibility

C) Toggles between relative and fixed

D) Hides elements

A) Control with JavaScript only

B) Use background-position for sprites

C) Avoid using sprites

D) Limit to single images only

A) Control with JavaScript only

B) Limits to static layouts

C) Avoid using mixed layouts

D) Combines fixed and fluid elements

A) Avoid using flexbox

B) Use flex properties for responsiveness

C) Control with JavaScript only

D) Limit to fixed layouts

A) Style SVG with CSS directly

B) Control with JavaScript only

C) Avoid using SVG entirely

D) Limit to inline styles only

A) Visually hide elements for screen readers

B) Limit to visible elements

C) Avoid using hidden styles

D) Control with JavaScript only

A) Avoid using borders

B) Limits to fixed shapes

C) Controls layout properties

D) Rounds corners of elements

A) Control with JavaScript only

B) Limits to fixed sizes

C) Avoid using grids

D) Creates auto-fitting grid columns

A) Control with traditional loops only

B) Iterates over values

C) Avoid using for complex objects

D) Limits to keys only

A) Limits to array methods

B) Control with Object.keys only

C) Avoid using for arrays only

D) Retrieves key-value pairs

A) Control with constructor functions only

B) Limits to inheritance only

C) Sets the prototype

D) Avoid using for clarity

A) Controls execution context

B) Limits to static values

C) Binds this to a function

D) Avoid using context

A) Avoid using for performance

B) Control with call only

C) Binds this context

D) Limits to method calls only

A) Control with typeof only

B) Checks object type

C) Avoid using instanceof for clarity

D) Limits to primitive types

A) Control with bind only

B) Calls a function with an array

C) Limits to call method only

D) Avoid using for clarity

A) Limits to object type

B) Control with instanceof only

C) Avoid using for performance

D) Checks for array type

A) Limits to iterative functions

B) Avoid using for large data

C) Control with manual loops only

D) Calls itself

A) Control with loops only

B) Limits to mapping

C) Filters elements based on conditions

D) Avoid using filter for transformations

A) Control with loops only

B) Limits to filtering

C) Avoid using reduce for accumulation

D) Reduces array to a single value

A) "string"

B) "undefined"

C) "function"

D) "object"

A) Limits to arrays only

B) Avoid using spread

C) Control with manual loops only

D) Expands iterable elements

A) Avoid using generators

B) Limits to traditional functions

C) Defines a generator function

D) Control with promises only

A) Avoid using freeze for immutability

B) Control with deep cloning only

C) Limits to shallow freeze

D) Prevents object modification

A) Refers to the calling context

B) Avoid using this

C) Controls execution flow

D) Limits to global scope

A) Control with loops only

B) Reduces array to a single value

C) Avoid using reduce for aggregation

D) Limits to filtering

A) Avoid using for circular dependencies

B) Control with require only

C) Imports module features

D) Limits to single imports only

A) Control with global variables only

B) Encapsulates private variables

C) Avoid using closures

D) Limits to public access

A) Avoid using for duplicates

B) Control with objects only

C) Limits to arrays

D) Stores unique values

A) To handle real HTTP requests during tests

B) To manage scope inheritance in tests

C) To mock $http requests and simulate server responses in tests

D) To compile templates for testing

A) By managing localization exclusively in controllers

B) By hardcoding translations in the templates

C) By using only built-in localization features

D) By using third-party libraries for localization

A) To manipulate the DOM directly

B) To manage only static styles

C) To handle form submissions exclusively

D) To dynamically set CSS classes based on an expression

A) Both toggle visibility via CSS

B) ng-if adds/removes elements; ng-show toggles visibility via CSS

C) ng-if toggles visibility; ng-show adds/removes

D) Both add/remove elements

A) By hardcoding logging logic in the view

B) By managing only form submissions

C) By using $httpProvider.interceptors for logging

D) By embedding logging logic in controllers

A) To manage scope inheritance

B) To compile and evaluate expressions within custom directives

C) To bind data to the view

D) To handle HTTP request parsing

A) By manually manipulating the URL

B) By using $location service only

C) By using the $transitions service to define transition hooks

D) By using $state.go with custom parameters

A) To validate select inputs

B) To bind multiple select inputs

C) To style select elements

D) To dynamically generate <option> elements for <select> elements

A) By using ocLazyLoad or ngRoute for lazy loading

B) By using $http to fetch modules

C) By loading all modules at startup

D) By embedding all modules in the index

A) To sort items in the collection

B) To filter items in the collection

C) To enhance UI interactions

D) To uniquely identify items in a collection for performance

A) To execute expressions and trigger $digest

B) To apply CSS styles

C) To bind data to the view

D) To initialize the controller

A) By using ng-if to toggle header visibility

B) By compiling headers dynamically

C) By using ng-repeat for headers

D) By using CSS with custom directives to fix header positions

A) By embedding controller logic in directives

B) By preloading all controllers at startup

C) By using ng-controller with dynamic names

D) By using libraries like ocLazyLoad to load controllers on demand

A) Using transclusion only

B) Using the $compile service to compile and link directives dynamically

C) Using predefined directive templates

D) Using ng-if with conditional loading

A) To handle HTTP errors during routing

B) To execute logic before a route change begins

C) To execute logic after a route change completes

D) To manage scope inheritance

A) By cleaning up event listeners and watchers in the $destroy event

B) By avoiding the use of directives

C) By minimizing the use of services

D) By using global variables extensively

A) By creating custom directives for the form component

B) By using services to manage form data

C) By using multiple controllers for each form field

D) By using built-in form directives only

A) By using console.log() in every controller

B) By hardcoding log messages in views

C) By creating a service for centralized logging

D) By using only built-in logging features

A) By modifying requests before they are sent

B) By using only built-in interceptor features

C) By hardcoding request logic in controllers

D) By managing interceptors exclusively in directives

A) To handle HTTP requests

B) To compile templates

C) To manage scope inheritance

D) To whitelist or blacklist URLs for resource loading

A) By managing input value through state

B) By using local storage

C) By using static components

D) By modifying the DOM directly

A) By managing state and rendering stars/icons

B) By using local storage

C) By using static content only

D) By modifying the DOM directly

A) By using local storage

B) By using static content only

C) By modifying the DOM directly

D) By managing state for pagination

A) Memoizes a callback function

B) Prevents rendering

C) Manages state

D) Modifies the DOM directly

A) Enables dynamic loading of components

B) Handles state management

C) Prevents re-renders

D) Modifies the DOM directly

A) A new state

B) A memoized value

C) A promise

D) A cleanup function

A) By modifying state

B) By using a for loop

C) By using if statements or conditional operators

D) By using callbacks

A) Maintains identity of list items

B) Links components to state

C) Groups components together

D) Modifies the DOM directly

A) By using local storage

B) By using static state only

C) By using Context API or Redux

D) By modifying the DOM directly

A) Returns a memoized value

B) Manages state

C) Handles side effects

D) Modifies the DOM directly

A) By using local storage

B) By using static forms only

C) By modifying the DOM directly

D) By managing current step in state

A) To manage state

B) To group elements without extra nodes

C) To optimize performance

D) To modify the DOM directly

A) To manage state

B) To identify elements for efficient updates

C) To handle events

D) To pass data

A) By using local storage

B) By using static buttons only

C) By defining a functional component with props

D) By modifying the DOM directly

A) By using local storage

B) By using static styles only

C) By using CSS and state for stickiness

D) By modifying the DOM directly

A) To manage state

B) To handle updates

C) To decide if a component should re-render

D) To execute code after component is rendered

A) A JavaScript function

B) A CSS framework

C) A syntax extension for JavaScript

D) A database format

A) By using a custom hook for delayed execution

B) By directly manipulating the DOM

C) By using a library only

D) By merging events

A) Abstracts API fetching logic

B) Manages state

C) Handles side effects

D) Modifies the DOM directly

A) Detects potential problems during development

B) Manages state

C) Handles events

D) Modifies the DOM directly

A) Use scoped attribute in <style>

B) Use shadow DOM or <template>

C) Add styles inside the <body>

D) Create an external stylesheet

A) Use placeholders only

B) Use color contrast

C) Avoid using labels

D) Add tooltips

A) Sets fixed widths for elements

B) Limits input types

C) Controls loading times

D) Enhances accessibility

A) Use meta tags

B) Use data-* attributes

C) Use custom tag names

D) Add an id attribute