Frontend Developer Interview Prep — 10 Practice Questions

1. Which HTML5 element should be used to represent a self-contained composition in a document, such as a blog post or a news story, that could be independently distributable or reusable?

2. In the standard CSS Box Model, what property defines the space immediately around the content of an element, inside any border?

3. Which JavaScript keyword is used to pause the execution of an `async` function until a Promise settles (either resolves or rejects)?

4. In a React functional component, what hook is primarily used for managing component-specific state?

5. To improve initial page load performance, which technique is most effective for images that are not immediately visible on screen?

6. What is the main purpose of using ARIA (Accessible Rich Internet Applications) attributes in HTML?

7. Which CSS feature is used to apply different styles based on device characteristics like screen width, height, or orientation?

8. Which JavaScript method returns the first descendant element of the document that matches the specified group of selectors?

9. In Git, what is the primary benefit of creating a separate branch for developing a new feature?

10. What is the main role of a module bundler like Webpack or Parcel in a modern frontend development workflow?