Frontend Developer Interview Prep — 10 Practice Questions

1. What is the primary benefit of using semantic HTML elements (e.g., <article>, <nav>, <aside>)?

2. Which CSS property controls whether an element's padding and border are included in its total width and height calculation?

3. In JavaScript, which keyword declares a block-scoped variable that cannot be reassigned after its initial declaration?

4. What is the purpose of the async keyword when defining a JavaScript function?

5. In a component-based frontend framework like React, what is the primary difference between "props" and "state"?

6. Which technique is most effective for improving the loading performance of images on a website?

7. What is the primary role of WAI-ARIA attributes (e.g., aria-label, role) in web development?

8. Which CSS property, applied to a flex container, is used to align flex items along its main axis?

9. Which browser API allows web applications to store key-value data persistently on the user's browser, accessible across sessions?

10. Which Git command is used to save staged changes permanently into the repository's history?