Web Programming Frontend Frameworks and Tools

Question 1

What is the virtual DOM in React?

Accepted Answer

A lightweight in-memory representation of the real DOM used to optimize updates

Answer

A real browser DOM element

Answer

A server-side rendering technique

Answer

A CSS-in-JS library

Question 2

In React, what is JSX?

Accepted Answer

A syntax extension allowing HTML-like code in JavaScript files

Answer

A JavaScript testing library

Answer

A state management tool

Answer

A CSS framework for React

Question 3

What does npm stand for?

Accepted Answer

Node Package Manager

Answer

New Project Manager

Answer

Node Program Module

Answer

Network Package Module

Question 4

What is the purpose of a package.json file in a web project?

Accepted Answer

To define project metadata, scripts, and dependencies

Answer

To store user session data

Answer

To configure the web server

Answer

To store environment variables

Question 5

What is the main purpose of a CSS preprocessor like SASS?

Accepted Answer

To extend CSS with variables, nesting, and mixins for better maintainability

Answer

To minify CSS for production

Answer

To automatically add vendor prefixes

Answer

To convert CSS to JavaScript

Question 6

What is the purpose of webpack in web development?

Accepted Answer

A module bundler that combines JS, CSS, and other assets into optimized bundles

Answer

A CSS grid framework

Answer

A unit testing framework

Answer

A backend web server