Front End Development Front-End Development 3

Question 1

What is the difference between `localStorage` and `sessionStorage` in the browser?

Accepted Answer

sessionStorage data is cleared when the tab closes; localStorage persists indefinitely

Answer

sessionStorage data is cleared when the browser tab or window is closed, while localStorage data persists until explicitly cleared.

Question 2

In CSS Flexbox, what does `align-items: stretch` do?

Accepted Answer

Stretches items along the cross axis to fill the container height

Answer

align-items: stretch causes flex children to stretch along the cross axis (perpendicular to flex-direction) to fill the container's full height (or width in column layout).

Question 3

What is a closure in JavaScript?

Accepted Answer

A function that retains access to its outer scope even after the outer function has returned

Answer

A closure is a function that remembers and can access variables from its outer (enclosing) lexical scope even after that outer function has finished executing.

Question 4

Which CSS unit is relative to the font-size of the root element?

Accepted Answer

rem

Answer

The `rem` (root em) unit is relative to the font-size of the HTML root element, making it consistent regardless of nesting depth.

Question 5

What does the `async` keyword do when placed before a function declaration?

Accepted Answer

Causes the function to always return a Promise

Answer

The async keyword causes a function to implicitly return a Promise, and enables the use of await inside it.

Front End Development Practice Test

Front End Development Practice Test

Front End Development Front-End Development 3