Front End Development Technology & Digital Applications 5

Question 1

What is the purpose of a Source Map file in front-end development?

Accepted Answer

Mapping minified/compiled code back to the original source for debugging

Answer

Source maps link minified or transpiled production code back to the original source code, enabling meaningful stack traces and breakpoints in developer tools.

Question 2

Which feature of HTTP/2 most directly improves page load performance compared to HTTP/1.1?

Accepted Answer

Multiplexing multiple requests over a single TCP connection simultaneously

Answer

HTTP/2 multiplexing allows multiple requests and responses to interleave on one connection, eliminating the head-of-line blocking problem of HTTP/1.1.

Question 3

What is 'hydration' in the context of server-side rendering (SSR) frameworks like Next.js?

Accepted Answer

The process of attaching client-side JavaScript event handlers to server-rendered HTML

Answer

Hydration makes server-rendered static HTML interactive by having the client-side JavaScript framework attach event listeners and take over rendering.

Question 4

Which tool would a front-end developer use to analyze bundle size and identify which modules are contributing most to the total size?

Accepted Answer

Bundle analyzer (e.g., webpack-bundle-analyzer or Vite Bundle Visualizer)

Answer

Bundle analyzer tools generate interactive treemap visualizations showing the size contribution of every module in the final bundle.

Question 5

What is the primary purpose of a robots.txt file in a web application?

Accepted Answer

Instructing web crawlers which pages or directories they should or should not crawl

Answer

The robots.txt file signals to compliant web crawlers which areas of a site to skip, helping manage crawl budget and preventing indexing of private pages.

Front End Development Practice Test

Front End Development Practice Test

Front End Development Technology & Digital Applications 5