Web Developer Interview Prep
Everything you need to crack a front-end or web developer interview — especially at companies that recruit from Anna University like TCS, Infosys, Wipro, Cognizant, HCL and product startups in Chennai.
Questions are organized from Easy to Medium to Hard within each topic. Start with HTML, move to CSS, then JavaScript.
HTML Interview Questions
50 questions covering DOCTYPE, semantic elements, forms, HTML5 APIs, accessibility, and more. Essential for every web developer interview.
Start HTML Questions →CSS Interview Questions
50 questions on the box model, Flexbox, Grid, animations, specificity, CSS variables, and responsive design. Interviewers love these.
Start CSS Questions →JavaScript Interview Questions
100 questions covering closures, async/await, the event loop, prototypes, DOM manipulation, ES6+ and more. The most-asked topic in every tech interview.
Start JS Questions →React JS Interview Questions
50 questions on hooks, state, props, Virtual DOM, React Router, performance optimization, and React 18 features. Essential for frontend and full-stack roles.
Start React Questions →Node.js Interview Questions
40 questions on the event loop, Express.js, REST APIs, JWT authentication, MongoDB, streams, and production deployment. For backend and full-stack developer interviews.
Start Node.js Questions →How to Use This Guide
Tip: Don't memorize answers word-for-word. Understand the concept, then explain it in your own words. Interviewers can tell the difference.
Study Strategy for Freshers
- Week 1: Complete all Easy questions (HTML + CSS + JS). These always come first in any interview.
- Week 2: Work through Medium questions. Focus on Flexbox, closures, and async JavaScript — these are asked in 90% of interviews.
- Week 3: Review Hard questions and practice writing code on paper/whiteboard.
- Day before interview: Re-read all questions you got wrong. Do a mock interview with a friend.
What Companies Actually Ask
- TCS / Infosys / Wipro (Service companies): Mostly Easy and Medium questions. Focus on HTML basics, CSS box model, JavaScript fundamentals, and one or two closure/async questions.
- Cognizant / HCL: Similar to above, with some JavaScript problem-solving (array methods, string manipulation).
- Startups / Product companies: All difficulty levels. Expect live coding, DOM manipulation, and architecture questions.
Most Frequently Asked Questions (By Topic)
- HTML: DOCTYPE, semantic elements, `async` vs `defer`, localStorage vs sessionStorage, forms
- CSS: Box model, Flexbox, position types, specificity, responsive design
- JavaScript: `var` vs `let` vs `const`, closures, hoisting, `this`, promises, event loop