velopment Interview Questions - HTML, CSS, JavaScript, Bootstrap, Node.
js, Ex
HTML Interview Questions
Basic Questions
1. HTML kya hai aur iska full form kya hai?
Answer: HTML (HyperText Markup Language) is the standard language for creating web pages.
2. HTML5 aur HTML4 me kya difference hai?
Answer: HTML5 offers new semantic elements, multimedia support, and improved APIs compared
to HTML4.
3. Semantic elements kya hote hain? Kuch examples do.
Answer: Semantic elements clearly describe their content, like <header>, <footer>, <article>,
<section>.
4. <div> aur <span> tag ka kya use hai?
Answer: <div> is a block-level element used for grouping, <span> is an inline element used for
styling.
5. HTML me form elements ka kya role hai?
Answer: Form elements are used to gather user input, such as <input>, <select>, <textarea>.
6. Meta tags kya hote hain? Example do.
Answer: Meta tags provide metadata like character set, author, description, etc., for a webpage.
7. <iframe> tag ka kya use hai?
Answer: <iframe> is used to embed another webpage or content within the current webpage.
8. Block-level aur Inline elements me kya difference hai?
Answer: Block-level elements take up full width and start on a new line, while inline elements don't
break the flow of content.
9. HTML entities kya hote hain? Example do.
Answer: HTML entities are special characters represented by codes, like & for '&' and < for
'<'.
10. Doctype declaration kya hota hai?
Answer: Doctype declaration specifies the document type and version, e.g., <!DOCTYPE html>.
Advanced Questions
11. Web storage (localStorage aur sessionStorage) kya hai?
Answer: Web storage allows storing data in the browser, with localStorage storing persistently and
sessionStorage temporary.
12. Lazy loading kya hota hai?
Answer: Lazy loading defers the loading of non-essential resources to improve page load speed.
13. HTML accessibility (ARIA) kya hai?
Answer: ARIA (Accessible Rich Internet Applications) makes web content accessible to users with
disabilities.
14. Progressive Web Apps (PWA) me HTML ka kya role hai?
Answer: HTML provides the structure and content for PWAs, which enhance user experience with
offline capabilities.
15. Server-side rendering (SSR) aur client-side rendering (CSR) me kya difference hai?
Answer: SSR renders pages on the server, while CSR relies on the client browser to render pages
dynamically.
CSS Interview Questions
Basic Questions
1. CSS kya hai aur iska use kya hai?
Answer: CSS (Cascading Style Sheets) is used for styling HTML elements to enhance their
appearance.
2. Inline, Internal, aur External CSS me kya difference hai?
Answer: Inline CSS is applied directly to an element, Internal CSS is in the <style> tag in the
document, External CSS is linked via a separate .css file.
3. CSS Grid aur CSS Flexbox me kya difference hai?
Answer: CSS Grid is for 2D layouts, while Flexbox is for 1D layouts, focusing on row/column
arrangement.
4. position property ke alag-alag values kya hote hain?
Answer: The position property has values like static, relative, absolute, fixed, and sticky.
5. Media queries kya hote hain? Example do.
Answer: Media queries apply CSS styles based on device characteristics like screen width.
6. Z-index kya hota hai?
Answer: Z-index controls the stacking order of elements along the z-axis.
7. Pseudo-classes aur Pseudo-elements me kya difference hai?
Answer: Pseudo-classes style an element based on its state, while pseudo-elements style specific
parts of an element.
8. Overflow property ka kya use hai?
Answer: The overflow property controls how content is displayed if it overflows an element's box.
9. rem, em, px, aur % units me kya difference hai?
Answer: rem and em are relative to font size, px is fixed size, and % is relative to the parent
element.
10. Box model kya hota hai?
Answer: The CSS box model defines the layout of elements, including content, padding, border, and
margin.
Advanced Questions
11. BEM (Block Element Modifier) methodology kya hai?
Answer: BEM is a naming convention for classes to make CSS more readable and maintainable.
12. Tailwind CSS aur Bootstrap me kya difference hai?
Answer: Tailwind is a utility-first CSS framework, while Bootstrap is a component-based framework.
13. CSS animations aur transitions me kya difference hai?
Answer: Animations can be used for complex sequences, while transitions are used for simple
property changes.
14. CSS preprocessors (SASS, LESS) kya hote hain?
Answer: CSS preprocessors add features like variables, nesting, and functions to CSS.
15. Clamp() function kya hai?
Answer: The clamp() function dynamically adjusts a value based on a range of minimum and
maximum values.
JavaScript Interview Questions
Basic Questions
1. JavaScript kya hai aur iska use kya hai?
Answer: JavaScript is a scripting language used for creating dynamic content on webpages.
2. Var, Let, aur Const me kya difference hai?
Answer: Var has function scope, Let and Const have block scope. Const is immutable.
3. JavaScript me hoisting kya hoti hai?
Answer: Hoisting moves variable and function declarations to the top of their scope during
execution.
4. Event bubbling aur event capturing kya hote hain?
Answer: Event bubbling propagates events from child to parent, while capturing works from parent
to child.
5. Callback functions kya hote hain?
Answer: Callback functions are passed as arguments to be executed later after a specific event or
function.
Advanced Questions
11. Promises aur Async/Await me kya difference hai?
Answer: Promises handle asynchronous operations, while async/await makes code look
synchronous.
12. Debouncing aur Throttling kya hai?
Answer: Debouncing delays function calls until a certain time has passed, throttling limits the
frequency of function calls.
13. JavaScript Prototypes kya hote hain?
Answer: Prototypes allow inheritance in JavaScript, where objects inherit properties and methods
from other objects.
14. What is the difference between deep copy and shallow copy?
Answer: A shallow copy copies references to objects, while a deep copy duplicates the entire object
structure.
15. WebSockets kya hote hain?
Answer: WebSockets provide full-duplex communication channels over a single, long-lived
connection.
