Front End Development Front End Development Core Technologies & Fundamentals 2

Question 1

What does the CSS 'box-sizing: border-box' property ensure?

Accepted Answer

Padding and border are included in the element's total width

Answer

With border-box, padding and border widths are included in the element's specified total width, preventing layout surprises.

Question 2

Which JavaScript keyword declares a block-scoped variable that cannot be reassigned?

Accepted Answer

const

Answer

The const keyword declares a block-scoped variable whose binding cannot be reassigned after initialization.

Question 3

In HTML, which input type renders a date picker in modern browsers?

Accepted Answer

type='date'

Answer

The input type='date' attribute causes modern browsers to render a native date picker control.

Question 4

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

Accepted Answer

rem

Answer

The rem unit (root em) is always relative to the font-size of the root <html> element, unlike em which is relative to the parent.

Question 5

What is the purpose of the JavaScript 'addEventListener' method?

Accepted Answer

Attaches an event handler function to an element

Answer

addEventListener attaches a specified event handler callback to a DOM element, enabling interactive behavior.

Front End Development Practice Test