Full Stack Interview Questions
Full Stack Interview Questions
js, Ex
Basic Questions
Answer: HTML (HyperText Markup Language) is the standard language for creating web pages.
Answer: HTML5 offers new semantic elements, multimedia support, and improved APIs compared
to HTML4.
Answer: Semantic elements clearly describe their content, like <header>, <footer>, <article>,
<section>.
Answer: <div> is a block-level element used for grouping, <span> is an inline element used for
styling.
Answer: Form elements are used to gather user input, such as <input>, <select>, <textarea>.
Answer: Meta tags provide metadata like character set, author, description, etc., for a webpage.
Answer: <iframe> is used to embed another webpage or content within the current webpage.
Answer: HTML entities are special characters represented by codes, like & for '&' and < for
'<'.
Answer: Doctype declaration specifies the document type and version, e.g., <!DOCTYPE html>.
Advanced Questions
Answer: Web storage allows storing data in the browser, with localStorage storing persistently and
sessionStorage temporary.
Answer: Lazy loading defers the loading of non-essential resources to improve page load speed.
Answer: ARIA (Accessible Rich Internet Applications) makes web content accessible to users with
disabilities.
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
Answer: CSS (Cascading Style Sheets) is used for styling HTML elements to enhance their
appearance.
Answer: Inline CSS is applied directly to an element, Internal CSS is in the <style> tag in the
Answer: CSS Grid is for 2D layouts, while Flexbox is for 1D layouts, focusing on row/column
arrangement.
Answer: The position property has values like static, relative, absolute, fixed, and sticky.
Answer: Media queries apply CSS styles based on device characteristics like screen width.
Answer: Z-index controls the stacking order of elements along the z-axis.
Answer: Pseudo-classes style an element based on its state, while pseudo-elements style specific
parts of an element.
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.
Answer: The CSS box model defines the layout of elements, including content, padding, border, and
margin.
Advanced Questions
Answer: BEM is a naming convention for classes to make CSS more readable and maintainable.
Answer: Animations can be used for complex sequences, while transitions are used for simple
property changes.
Answer: CSS preprocessors add features like variables, nesting, and functions to CSS.
Answer: The clamp() function dynamically adjusts a value based on a range of minimum and
maximum values.
Basic Questions
Answer: Var has function scope, Let and Const have block scope. Const is immutable.
Answer: Hoisting moves variable and function declarations to the top of their scope during
execution.
Answer: Event bubbling propagates events from child to parent, while capturing works from parent
to child.
Answer: Callback functions are passed as arguments to be executed later after a specific event or
function.
Advanced Questions
Answer: Promises handle asynchronous operations, while async/await makes code look
synchronous.
Answer: Debouncing delays function calls until a certain time has passed, throttling limits the
Answer: Prototypes allow inheritance in JavaScript, where objects inherit properties and methods
Answer: A shallow copy copies references to objects, while a deep copy duplicates the entire object
structure.
connection.