Full Stack Developer Interview Questions and Answers (2026) for Freshers
26 common questions with simple answers on HTML, JavaScript, React, Node.js and databases
Key Takeaways
- A prompt is the instruction you give to an AI. Better prompts give better answe
- Fresher interviews for full stack roles usually cover HTML and CSS, JavaScript, a front-end tool like React, back-end basics with Node.js, and databases.
- Interviewers also check how well you explain your own project and how you think when you solve a problem.
- Short and clear answers are better than long, memorised ones.
- This guide gives 26 common full stack developer interview questions with easy answers, plus coding practice, HR questions and a 4-week plan.
- Say your answers out loud while you practise. It builds confidence.
- rs.
- A good prompt says who the AI should act as, what to do, the background, the format, and the limits.
- Examples inside your prompt are one of the easiest ways to improve results.
- Always review the answer. You can improve it by asking follow-up questions.
What Does a Fresher Interview Look Like?
Every company is different. Many freshers face some or all of the rounds below. Small companies may join two rounds into one, and some skip the online test. It is fine to ask HR what to expect.
How to Use This Guide
- Read the question and try to answer it in your own words, out loud.
- Read the sample answer and compare. Fix what you missed.
- Build a small project that uses these ideas. Real practice makes answers natural.
- Do not memorize. Interviewers can tell, and they often ask a follow-up question.
HTML and CSS Interview Questions
Q1. What is the CSS box model?
Every HTML element is a rectangular box. The box has four parts, from inside to outside: content, padding, border and margin. Padding is the space inside the border. Margin is the space outside the border, between this box and other boxes.
Q2. What is the difference between Flexbox and Grid?
Flexbox arranges items in one direction, either in a row or in a column. Grid arranges items in rows and columns at the same time. Use Flexbox for small parts like a navigation bar. Use Grid for the full page layout.
Q3. What is semantic HTML?
Semantic HTML means using tags that describe their meaning, such as header, nav, main, article and footer, instead of using div for everything. It makes code easier to read, helps screen readers and helps search engines understand your page.
Q4. How do you make a website responsive?
A responsive website looks good on every screen size. You can build one with flexible units like percentages and rem, Flexbox or Grid, media queries, and the viewport meta tag.
JavaScript Interview Questions
Q5. What is the difference between var, let and const?
var is function-scoped. let and const are block scoped, which is safer. You can change the value of let later, but you cannot assign a new value to const. A good habit is to use const by default, use let when the value must change, and avoid var.
Q6. What is the difference between == and ===?
== changes the type before it compares, so 5 == “5” is true. === checks the value and the type, so 5 === “5” is false. Use === in most cases.
Q7. What is a closure?
A closure is a function that remembers the variables from the place where it was created, even after the outer function has finished. In this example, the inner function still remembers count:
function makeCounter() {
let count = 0;
return function () {
count++;
return count;
};
}
const next = makeCounter();
next(); // 1
next(); // 2
Q8. What are promises and async/await?
A promise is an object that stands for a result that will come later, for example data from an API. It can be pending, fulfilled or rejected. async/await is a cleaner way to write promise code, so it reads like normal top-to-bottom code. Use try/catch to handle errors.
Q9. What is the difference between map, filter and forEach?
map returns a new array with every item changed. filter returns a new array with only the items that pass a test. forEach just runs a function for each item and returns nothing.
React Interview Questions
Q10. What is the virtual DOM?
The virtual DOM is a light copy of the real DOM that React keeps in memory. When the state changes, React creates a new virtual DOM and compares it with the old one. Then it updates only the parts of the real page that changed. This makes updates fast.
Q11. What is the difference between props and state?
Props are data passed from a parent component to a child component. A child cannot change its props. State is data that a component owns and can change. When state changes, the component renders again.
Q12. What does useEffect do?
useEffect runs code after the component renders. We use it to fetch data, start timers or add event listeners. The dependency array decides when it runs: an empty array [] runs once after the first render, and [value] runs again whenever value changes.
Q13. Why do we use a key when we show a list in React?
A key helps React know which item was changed, added or removed. Use a unique and stable value, such as an ID from the database. Avoid using the array index if the list can change order.
Node.js and Express Interview Questions
Q14. What is Node.js?
Node.js lets you run JavaScript outside the browser, for example on a server. It uses the V8 engine from Chrome. It can handle many requests at the same time because it uses a non-blocking, event-driven model.
Q15. What is middleware in Express?
Middleware is a function that runs between the request and the response. It can read or change the request and response, and then call next() to move to the next step. Examples are express.json(), cors() and a function that checks if the user is logged in.
Q16. What is a REST API?
A REST API is a way to design APIs using HTTP methods on URLs. GET reads data, POST creates data, PUT or PATCH updates data and DELETE removes data. The data is usually sent as JSON. Status codes tell the result, for example 200 for success, 201 for created, 404 for not found and 500 for a server error.
Q17. What is CORS and why do we get CORS errors?
CORS is a browser safety rule. A web page cannot call an API on a different origin (a different domain or port) unless that server allows it. To fix it, enable CORS on the server, for example with the cors package in Express.
Q18. How does JWT authentication work?
The user logs in and the server checks the password. Then the server creates a signed token and sends it back. The client sends this token with every request. The server checks the signature and allows or blocks the request. Never keep passwords inside a token, and always hash passwords before you save them.
Database Interview Questions (SQL and MongoDB)
Q19. What is the difference between SQL and NoSQL?
SQL databases like MySQL and PostgreSQL store data in tables with fixed columns and connect tables with relations. NoSQL databases like MongoDB store flexible documents that look like JSON. SQL is great for structured data. NoSQL is useful when the shape of data changes often. Neither one is always better.
Q20. What is an index in a database?
An index is like the index at the back of a book. It helps the database find data quickly without checking every record. The trade-off is that it uses extra space and can make writes a little slower.
Q21. What are a primary key, a foreign key and normalization?
A primary key is a value that uniquely identifies each row. A foreign key is a column that points to the primary key of another table. Normalization means organising data so the same information is not repeated in many places.
Git and Deployment Interview Questions
Q22. What is the difference between Git and GitHub?
Git is a tool on your computer that tracks changes in your code. GitHub is a website that stores Git projects online and helps teams work together.
Q23. What is a merge conflict and how do you fix it?
A merge conflict happens when two people change the same lines of a file. Git cannot decide which version to keep, so it marks the file. You open the file, choose the correct code, remove the conflict markers, and then add and commit the file.
Q24. What are environment variables and why do we use them?
Environment variables are settings stored outside your code, such as a database URL or a secret key. They keep secrets out of GitHub and let you use different values for testing and for the live site. In Node.js you read them with process.env, and many projects use a .env file with the dotenv package.
System Design Basics for Freshers
Q25. What happens when you type a URL in the browser and press Enter?
- The browser finds the server address using DNS.
- It makes a secure connection to the server (HTTPS).
- It sends an HTTP request.
- The server runs its code, may talk to a database, and sends a response.
- The browser reads the response and shows the page.
Q26. How can you make a web app faster?
Compress images and load them lazily, use caching, add database indexes, show data in pages instead of loading everything, minify and bundle your code, and use a CDN for static files.
Coding Round: What to Practise
For freshers, coding rounds usually test basic problem solving. Practise these in JavaScript:
- Reverse a string
- Check if a word is a palindrome
- Print FizzBuzz
- Find the largest number in an array
- Remove duplicates from an array
- Count the vowels in a string
- Two Sum: find two numbers that add up to a target
- Check if two words are anagrams
Here is a simple palindrome example:
function isPalindrome(text) {
const clean = text.toLowerCase();
const reversed =
clean.split(“”).reverse().join(“”);
return clean === reversed;
}
Tips for the coding round:
- Repeat the problem in your own words before you start.
- Start with a simple solution. Improve it later.
- Think out loud so the interviewer can follow you.
- Test your code with a small example and an empty input.
- Use clear variable names.
Behavioral and HR Questions
B1. Tell me about yourself.
Use three parts: present, past and future. Here is a sample you can change:
“I am a computer science graduate who enjoys building web apps. In my final year, I built a task manager with React, Node.js and MongoDB. I want to join a team where I can learn from senior developers and grow as a full stack developer.”
B2. Explain your project.
Cover five points: the problem it solves, the tools you used, your own part, one challenge you solved, and what you would improve. Practise a two-minute version.
B3. Tell me about a bug you fixed.
Explain what happened, how you found the cause, how you fixed it and what you learned.
B4. Why should we hire you?
Be honest. Talk about your skills, your projects and how fast you learn. Do not say that you know everything.
B5. Do you have any questions for us?
Yes. Ask about the team, the tools they use and how new developers are guided. It shows interest.
4-Week Interview Preparation Plan
Here is a simple plan. It is a guide, not a promise. Change the pace to match your time and your level.
Common Interview Mistakes to Avoid
- Memorising answers word for word.
- Writing tools on your resume that you cannot explain.
- Not knowing the code of your own project.
- Staying silent when you do not know an answer. Say what you know and how you would find out the rest.
- Learning only frameworks and ignoring JavaScript basics.
- Saying “done” before testing your code.
Frequently Asked Questions
It depends on the city, the company, your skills and your projects. Check recent job listings on job portals and company pages for the current range in your city, instead of relying on one number.
Many companies ask basic problem solving with arrays, strings, loops and simple logic. Some product companies ask more. Start with the basics.
Use the language the company asks for. If you can choose, JavaScript is a safe choice for a full stack role.
Two or three clear projects are enough. Add GitHub links and a good README. Quality matters more than numbers.
Stay calm. Say what you know, think out loud and try your best. It is better than guessing or staying silent.
Add Your HeaPrepare for Your Full Stack Interview in Mohaliding Text Here
A great answer comes from real practice. If you want guided full stack development training in Mohali, WebX Technology can help you build projects and prepare for interviews. If you need a project to talk about, start with our full stack web app tutorial using React, Node.js and MongoDB. Visit webxtechnology.org to see the course details and pick a duration that suits you.
