About Frontend Developer interviews in India
Indian tech interviews typically run across multiple rounds — a technical screen, one or two deep-dive rounds, a system/design or practical round, and an HR and managerial discussion. Interviewers care as much about how you reason as the final answer, so think aloud, state assumptions, and use real examples from your own work.
🎯 Interview Success Tips
STAR MethodSituation → Task → Action → Result. Use for every behavioural question. Quantify the Result.
Research FirstRead company news, LinkedIn page, Glassdoor reviews and the interviewer's profile before the interview.
Salary TipNever give a number first. Ask: "What is the budgeted range for this role?" — always.
Virtual InterviewsTest camera + mic 30 min before. Good lighting, neutral background. Join 5 min early.
🔧 Technical Questions
Technical Question 1
Explain the difference between var, let and const in JavaScript.
💡 How to answer: var is function-scoped and hoisted; let and const are block-scoped. const can't be reassigned (but objects are still mutable). Prefer const by default, let when reassigning, avoid var.
Technical Question 2
What is the virtual DOM and why does React use it?
💡 How to answer: An in-memory representation of the UI. React diffs the new virtual DOM against the old and updates only what changed, minimising costly real-DOM operations and improving performance.
Technical Question 3
Explain event delegation and the event loop.
💡 How to answer: Event delegation attaches one listener on a parent and uses bubbling to handle child events — efficient for dynamic lists. The event loop processes the call stack, then microtasks (promises), then the task queue.
Technical Question 4
What is the difference between flexbox and CSS grid?
💡 How to answer: Flexbox is one-dimensional (row or column) — great for components and alignment. Grid is two-dimensional (rows and columns together) — great for page layouts. They're often combined.
Technical Question 5
How do you optimise web page performance?
💡 How to answer: Minimise and compress assets, lazy-load images, code-split, use a CDN, reduce render-blocking JS/CSS, cache, and optimise Core Web Vitals (LCP, CLS, INP). Measure with Lighthouse.
Technical Question 6
Explain React hooks — useState, useEffect, useMemo.
💡 How to answer: useState adds state to a function component. useEffect runs side effects with a dependency array. useMemo/useCallback memoise expensive values/functions to avoid needless re-renders. Mention the rules of hooks.
Technical Question 7
What is the difference between controlled and uncontrolled components?
💡 How to answer: Controlled components store form state in React (single source of truth, value + onChange). Uncontrolled components let the DOM hold state, accessed via refs. Controlled is preferred for validation.
Technical Question 8
How does the browser render a page (critical rendering path)?
💡 How to answer: Parse HTML to DOM, CSS to CSSOM, combine into the render tree, layout (reflow), then paint and composite. Minimising reflows and render-blocking resources speeds first paint.
Technical Question 9
What are closures? Give a practical use.
💡 How to answer: A function that remembers variables from its outer scope after that scope has returned. Used for data privacy, factory functions, and stable callbacks in React.
Technical Question 10
How do you make a website accessible (a11y)?
💡 How to answer: Semantic HTML, alt text, proper labels, keyboard navigation, focus management, sufficient colour contrast, and ARIA only when native elements can't do it. Test with a screen reader.
🧠 Behavioural Questions
Behavioural Question 1
Walk me through a frontend project you're proud of.
💡 How to answer: Use STAR. Cover the user problem, your architecture and component decisions, performance/accessibility wins, and measurable impact (load time, conversion, engagement).
Behavioural Question 2
Tell me about a time you disagreed with a designer.
💡 How to answer: Show respect for design intent, that you raised concerns with data (performance, feasibility, accessibility), proposed alternatives, and reached a user-first compromise.
Behavioural Question 3
How do you keep up with the fast-changing frontend ecosystem?
💡 How to answer: Mention shipping side projects, following changelogs, and evaluating tools by problem fit rather than hype — you adopt deliberately, not reflexively.
💡 Situational Questions
Situational Question 1
A page works on your machine but is broken on a client's old Android browser. How do you debug?
💡 How to answer: Reproduce on the target browser/device (or BrowserStack), check console errors, polyfills, unsupported CSS/JS features, and network throttling. Add progressive enhancement and graceful fallbacks.
Situational Question 2
Your app's initial load is 6 seconds. How do you bring it down?
💡 How to answer: Audit with Lighthouse, code-split and lazy-load routes, tree-shake, compress and serve images in modern formats, defer non-critical JS, add caching/CDN, and reduce third-party scripts.
Situational Question 3
A last-minute design change conflicts with the release timeline. What do you do?
💡 How to answer: Assess effort and risk, communicate the tradeoff to PM and design, ship a feature-flagged or phased version if needed, and avoid rushing untested CSS into prod.
💰 Salary Questions
Salary Question 1
What salary are you targeting as a frontend developer?
💡 How to answer: Anchor on market: fresher ₹4–8 LPA, mid ₹10–20 LPA, senior ₹25 LPA+ in India by city and company. Ask for the band first and factor in the full stack you cover.
Salary Question 2
We can offer 10% over your current. Can you adjust expectations?
💡 How to answer: Quantify your value (component library, performance wins) and cite AmbitionBox data. If base is capped, negotiate ESOPs, learning budget, or an early review.
🎤 Ask Interviewer Questions
Ask Interviewer Question 1
What does the frontend stack and component architecture look like?
💡 How to answer: Reveals tech debt, design-system maturity, and whether you'll build or maintain.
Ask Interviewer Question 2
How do design and engineering collaborate here?
💡 How to answer: Tells you whether handoffs are smooth (Figma, design tokens) or chaotic.
Ask Interviewer Question 3
How do you measure and prioritise frontend performance?
💡 How to answer: Shows whether Core Web Vitals are taken seriously or ignored.