Interview Q&A

Master technical and career interviews with structured answers—short definition, real examples, pitfalls, and how to answer in 60–90 seconds.

4608 total questions 4508 technical 100 career & HR 4272 from PDF library
Timed practice exams Career & HR Resume builder LinkedIn optimizer
All Career & HR Junior Mid Senior

Showing 1–25 of 160

Career & HR topics

All career 100 AI Career (2026) 10 Career Growth 10 Freelancing 10 Interview Preparation 10 Job Change 10 LinkedIn & Personal Brand 10 Notice Period 10 Resume & ATS 10 Salary Negotiation 10 Work & Office 10

By tech stack

ADO.NET 105 AI Career (2026) 10 ASP.NET Core 261 ASP.NET Core MVC 56 ASP.NET Web API 106 Agile & Scrum 75 Angular 114 Azure DevOps 47 C# Coding Interview 142 C# Collections 108 C# MNC Coding Interview 9 C# OOP 157 Career Growth 10 DSA & Coding Interviews 44 Design Patterns & SOLID 104 Entity Framework Core 154 Freelancing 10 Gang of Four Patterns 372 Git & GitHub 193 High-Impact Interview Questions 16 Interview Preparation 10 JavaScript 286 Job Change 10 LINQ 221 LinkedIn & Personal Brand 10 Managerial Interview 63 Microservices 697 Microsoft Azure 297 Node.js 165 Notice Period 10 React.js 160 Resume & ATS 10 SQL & Databases 310 Salary Negotiation 10 Unit Testing 103 Work & Office 10
Mid PDF
Explain the difference between HTML4 and HTML5.

Short answer: HTML5 is the modern evolution of HTML4, introducing better structure, multimedia support, and APIs. Explain a bit more Follow me on LinkedIn: HTML4 mainly focused on document markup, while HTML5 focuses on…

JavaScript Read answer
Mid PDF
What are JavaScript closures and how are they used?

Short answer: A closure is created when a function remembers variables from its outer scope, even after that outer function has finished executing. Example: function makeCounter() { let count = 0; Example code return fun…

JavaScript Read answer
Mid PDF
What are higher-order functions?

Short answer: A higher-order function is a function that takes another function as an argument or returns a function. They are key to functional programming in JavaScript. Example: function greet(name) { return `Hello, $…

JavaScript Read answer
Mid PDF
Primitive:?

Short answer: String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined,…

JavaScript Read answer
Mid PDF
Class selector: Targets elements with a class.?

Short answer: .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow…

JavaScript Read answer
Mid PDF
Internal CSS:?

Short answer: <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style>…

JavaScript Read answer
Mid PDF
Parsing HTML:?

Short answer: The browser reads HTML line-by-line and builds a DOM (Document Object Model) tree. Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and cle…

JavaScript Read answer
Mid PDF
How does the browser parse and render HTML?

Short answer: When a browser loads a webpage, it goes through these main steps: Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling…

JavaScript Read answer
Mid PDF
What are the advantages of using Bootstrap?

Short answer: ✅ Responsive design ✅ Pre-styled components ✅ Cross-browser compatibility ✅ Customizable via variables and themes ✅ Speeds up development Real-world example (ShopNest) ShopNest’s browser cart uses modern Ja…

JavaScript Read answer
Mid PDF
How does the V8 engine work?

Short answer: V8 is Google’s open-source JavaScript engine used in Chrome and Node.js. It: Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear err…

JavaScript Read answer
Mid PDF
Non-primitive (Reference):?

Short answer: Object (includes Arrays, Functions, Dates, etc.) Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling. Say this in the…

JavaScript Read answer
Mid PDF
How can CSS performance be optimized?

Short answer: ✅ Best Practices: Minimize reflows/repaints by avoiding inline styles or frequent layout changes. Explain a bit more Use transform and opacity for animations (GPU-accelerated). Combine and minify CSS files.…

JavaScript Read answer
Mid PDF
ID selector: Targets an element by unique ID.?

Short answer: #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } Real-world example (ShopNest)…

JavaScript Read answer
Mid PDF
External CSS:?

Short answer: <link rel="stylesheet" href="styles.css"> Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handli…

JavaScript Read answer
Mid PDF
How is CSS added to an HTML document?

Short answer: There are three ways to include CSS: Inline CSS: <p style="color: blue;">Hello!</p> Example code There are three ways to include CSS: Inline CSS: <p style="color: blue;"&g…

JavaScript Read answer
Mid PDF
What are ARIA roles and why are they important?

Short answer: ARIA (Accessible Rich Internet Applications) roles make web content more accessible for users relying on assistive technologies (like screen readers). Example code <button role="switch" aria-ch…

JavaScript Read answer
Mid PDF
Loading CSS & JS:?

Short answer: CSS is parsed into a CSSOM (CSS Object Model). JavaScript may modify the DOM or halt parsing (especially with synchronous scripts). Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScri…

JavaScript Read answer
Mid PDF
How is JavaScript different from Java?

Short answer: JavaScript is interpreted, runs mainly in browsers. Java is compiled, runs on JVM. Syntax differs, and Java is strongly typed, JS is dynamically typed. Real-world example (ShopNest) ShopNest’s browser cart…

JavaScript Read answer
Mid PDF
Optimizes hot code using TurboFan (JIT compiler) into native machine code.?

Short answer: Follow me on LinkedIn: Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling. Say this in the interview Define — one cl…

JavaScript Read answer
Mid PDF
How do you implement dark mode using CSS?

Short answer: Use the prefers-color-scheme media query or toggle themes via classes. Example (automatic via system theme): Follow me on LinkedIn: @media (prefers-color-scheme: dark) { body { background: #121212; color: #…

JavaScript Read answer
Mid PDF
What are the three types of CSS selectors?

Short answer: Element selector: Targets HTML tags. p { color: green; } Element selector: Targets HTML tags. p { color: green; } Element selector: Targets HTML tags. p { color: green; } Element selector: Targets HTML tags…

JavaScript Read answer
Mid PDF
Key Takeaway:?

Short answer: Use classes for reusable styles, IDs for unique elements. Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling. Say th…

JavaScript Read answer
Mid PDF
Render Tree Creation:?

Short answer: DOM + CSSOM = Render Tree (a visual structure of elements and styles). Real-world example (ShopNest) ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error han…

JavaScript Read answer
Mid PDF
What are HTML tags and attributes?

Short answer: Tags define the structure and content (e.g., <p>, <h1>, <div>). Attributes provide additional details about an element (e.g., src, href, alt). Follow me on LinkedIn: Example code <img s…

JavaScript Read answer
Mid PDF
What are the different data types in JavaScript?

Short answer: Primitive types: string, number, boolean, null, undefined, symbol, bigint Reference types: object, array, function Example code let name = "Sandeep"; let obj = { age: 30 }; Real-world example (Sho…

JavaScript Read answer

JavaScript JavaScript Tutorial · JavaScript

Short answer: HTML5 is the modern evolution of HTML4, introducing better structure, multimedia support, and APIs.

Explain a bit more

Follow me on LinkedIn: HTML4 mainly focused on document markup, while HTML5 focuses on building interactive web applications. Key differences: Feature HTML4 HTML5 Doctype Long and complex Simple <!DOCTYPE html> Multimedia Needs Flash Native <audio> and <video> Semantics Limited New tags: <header>, <footer>, <article>, <nav> Storage Cookies localStorage, sessionStorage Forms Basic New input types: email, date, number

Example code

<!DOCTYPE html> <html> <body> <header> <h1>HTML5 Example</h1> </header> </body> </html> Key Takeaway: HTML5 = Simpler, smarter, and built for modern web apps.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: A closure is created when a function remembers variables from its outer scope, even after that outer function has finished executing. Example: function makeCounter() { let count = 0;

Example code

return function() {
return ++count; }; }
const counter = makeCounter(); console.log(counter()); // 1 console.log(counter()); // 2 ✅ Use cases: data privacy, memoization, and function factories.

Real-world example (ShopNest)

In ShopNest’s cart UI, a click handler closes over productId. Use let in loops so each button keeps the correct id.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: A higher-order function is a function that takes another function as an argument or returns a function. They are key to functional programming in JavaScript. Example: function greet(name) { return `Hello, ${name}`;

Example code

} Follow me on LinkedIn: function processUser(callback) { return callback("Alice");
} console.log(processUser(greet)); // Hello, Alice Functions like map(), filter(), and reduce() are higher-order functions.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number,…

Example code

String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol String, Number, Boolean, Undefined, Null, BigInt, Symbol

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; } .highlight { background: yellow; }

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style> p { color: blue; } </style> <style> p { color: blue; } </style>

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: The browser reads HTML line-by-line and builds a DOM (Document Object Model) tree.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: When a browser loads a webpage, it goes through these main steps:

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: ✅ Responsive design ✅ Pre-styled components ✅ Cross-browser compatibility ✅ Customizable via variables and themes ✅ Speeds up development

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: V8 is Google’s open-source JavaScript engine used in Chrome and Node.js. It:

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: Object (includes Arrays, Functions, Dates, etc.)

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: ✅ Best Practices: Minimize reflows/repaints by avoiding inline styles or frequent layout changes.

Explain a bit more

Use transform and opacity for animations (GPU-accelerated). Combine and minify CSS files. Use specific selectors, not overly complex ones (div ul li a {...} = costly). Avoid large background images or unnecessary CSS rules. Use modern layout methods (Flexbox/Grid) efficiently. Key Takeaway: Efficient CSS = fewer reflows, fewer repaints, and lightweight selectors.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; } #main { width: 80%; }

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: <link rel="stylesheet" href="styles.css">

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: There are three ways to include CSS: Inline CSS: <p style="color: blue;">Hello!</p>

Example code

There are three ways to include CSS: Inline CSS: <p style="color: blue;">Hello!</p>

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: ARIA (Accessible Rich Internet Applications) roles make web content more accessible for users relying on assistive technologies (like screen readers).

Example code

<button role="switch" aria-checked="false">Dark Mode</button> role="switch" defines what the element represents. Follow me on LinkedIn: aria-checked communicates the state to assistive devices. Key Takeaway: ARIA makes dynamic interfaces accessible by adding semantic meaning beyond native HTML.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: CSS is parsed into a CSSOM (CSS Object Model). JavaScript may modify the DOM or halt parsing (especially with synchronous scripts).

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: JavaScript is interpreted, runs mainly in browsers. Java is compiled, runs on JVM. Syntax differs, and Java is strongly typed, JS is dynamically typed.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: Follow me on LinkedIn:

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: Use the prefers-color-scheme media query or toggle themes via classes. Example (automatic via system theme): Follow me on LinkedIn: @media (prefers-color-scheme: dark) { body { background: #121212; color: #fff; }

Example code

} Example (manual toggle): body.dark-mode { background: #000; color: white; } Key Takeaway: Dark mode can adapt automatically or via user preference toggles.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: Element selector: Targets HTML tags. p { color: green; } Element selector: Targets HTML tags. p { color: green; } Element selector: Targets HTML tags. p { color: green; } Element selector: Targets HTML tags. p { color: green; }

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: Use classes for reusable styles, IDs for unique elements.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: DOM + CSSOM = Render Tree (a visual structure of elements and styles).

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: Tags define the structure and content (e.g., <p>, <h1>, <div>). Attributes provide additional details about an element (e.g., src, href, alt). Follow me on LinkedIn:

Example code

<img src="logo.png" alt="Company Logo"> Here, <img> is a tag, and src & alt are attributes. Key Takeaway: Tags = structure; Attributes = extra information.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share

JavaScript JavaScript Tutorial · JavaScript

Short answer: Primitive types: string, number, boolean, null, undefined, symbol, bigint Reference types: object, array, function

Example code

let name = "Sandeep"; let obj = { age: 30 };

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

  1. Define — one clear sentence (the short answer above).
  2. Example — relate it to a project like ShopNest or your real work.
  3. Trade-off — when you would not use it.
Permalink & share
Toolliyo Assistant
Ask about tutorials, ebooks, training, pricing, mentor services, and support. I use public site content only—not admin or internal tools.

care@toolliyo.com

Need callback? Share your details