Web Development Interview Questions Part-2

11. What are semantic HTML elements?
Answer:
Semantic elements clearly describe their meaning in a human- and machine-readable way. Examples: <header>, <footer>, <article>, <nav>.

12. What are HTTP status codes?
Answer:
They indicate the result of an HTTP request.
Common ones:

200 OK (Success)

404 Not Found

500 Internal Server Error

401 Unauthorized

403 Forbidden


13. What is the box model in CSS?
Answer:
The box model includes:

Content

Padding

Border

Margin
It defines how space is taken up around HTML elements.


14. What are pseudo-classes in CSS?
Answer:
Pseudo-classes style elements based on their state.
Examples:

:hover (when mouse is over)

:first-child

:nth-child()


15. How do you make a website SEO-friendly?
Answer:

Use semantic HTML

Add meta tags and alt text

Mobile responsiveness

Fast loading speed

Proper URL structure


16. What is the difference between synchronous and asynchronous in JavaScript?
Answer:

Synchronous: Code runs line by line

Asynchronous: Tasks like API calls don't block other code; use callbacks, promises, or async/await


17. What is a promise in JavaScript?
Answer:
A Promise represents the result of an async operation.
It can be:

Pending

Fulfilled

Rejected


18. What is event bubbling and capturing in JavaScript?
Answer:

Bubbling: Event propagates from child to parent

Capturing: Event goes from parent to child
You can control it using event.stopPropagation()


19. What is a CDN?
Answer:
CDN (Content Delivery Network) delivers static files (images, CSS, JS) via servers closest to the user to improve website speed.

20. What tools do you use for version control?
Answer:
Most common: Git + GitHub
Git tracks changes in code, and GitHub helps you collaborate and manage versions.

Credits: https://whatsapp.com/channel/0029VaiSdWu4NVis9yNEE72z/847