Web Development Interview Questions for Freshers

Every element is a box made of content, padding, border and margin. Knowing it explains an element's real size, and box-sizing: border-box makes width include padding and border.

Block elements start on a new line and take the full width. Inline elements flow in the text and ignore width and height. Inline-block flows inline but accepts width and height.

Flexbox arranges items in one direction, a row or a column, and suits menus and cards. Grid lays out rows and columns together and suits whole page layouts.

Using elements for their meaning, such as header, nav, main and button. It helps accessibility, search engines and readable code, compared with using div for everything.

var is function-scoped and hoisted with an undefined value. let and const are block-scoped, and const cannot be reassigned. Prefer const, and let when the value changes.

A function that remembers the variables of the place where it was created, even after that place has finished running. It is used for private data and callbacks.

== converts types before comparing, which gives surprises such as 0 == '0'. === compares value and type with no conversion, so it is the safer choice.

A promise stands for a value that will arrive later. async/await is a cleaner way to write code that waits for promises, and errors are handled with try and catch.

The browser finds the server's address through DNS, opens a connection, sends an HTTP request, receives the HTML, and then loads CSS and scripts and draws the page.

Use flexible layouts such as Flexbox and Grid, relative units, images that scale and media queries for different screen widths, and test on a real phone.