Front End Development Technology & Digital Applications 3

Question 1

What is the role of a bundler like Webpack or Vite in modern front-end development?

Accepted Answer

Combining multiple source files into optimized bundles for production

Answer

Bundlers traverse the dependency graph of source files and output optimized, minified bundles suitable for production delivery.

Question 2

Which browser developer tool panel is most useful for diagnosing slow network requests and waterfall loading issues?

Accepted Answer

Network panel

Answer

The Network panel shows a waterfall chart of all requests, their timing, size, and status codes for diagnosing load performance.

Question 3

What is 'tree shaking' in the context of JavaScript bundling?

Accepted Answer

Removing unused code from the final bundle

Answer

Tree shaking statically analyzes ES module imports and eliminates dead code that is never imported or called, reducing bundle size.

Question 4

What is the function of a transpiler like Babel in a front-end build pipeline?

Accepted Answer

Converting modern JavaScript syntax to a version compatible with older browsers

Answer

Babel transforms modern JavaScript (ES2015+) syntax and features into ES5-compatible code so older browsers can execute it.

Question 5

Which API enables real-time, bidirectional communication between a browser and a server over a single persistent connection?

Accepted Answer

WebSockets

Answer

WebSockets establish a persistent full-duplex channel, allowing both client and server to send messages at any time without re-establishing connections.

Front End Development Practice Test

Front End Development Practice Test

Front End Development Technology & Digital Applications 3