Fundamentals

Fundamentals Questions

Q1.Explain the difference between HTTP methods: GET, POST, PUT, PATCH, DELETE.+

GET: retrieve data (idempotent, cacheable). POST: create new resources (not idempotent). PUT: replace entire resource (idempotent). PATCH: update partial resource (may not be idempotent). DELETE: remove resource (idempotent). Idempotent means multiple identical requests produce the same result. Use correct methods for clear, RESTful API design.

Q2.What is CORS and why does it exist?+

Cross-Origin Resource Sharing is a browser security mechanism that blocks requests from a different origin (domain, port, or protocol). It prevents malicious sites from making API calls on behalf of authenticated users. Configure CORS on the server with Access-Control-Allow-Origin headers. In Express, use the cors middleware.

Q3.Explain the difference between SQL and NoSQL databases.+

SQL (PostgreSQL, MySQL): relational, structured schema, ACID transactions, JOINs for related data. Best for complex queries and data integrity. NoSQL (MongoDB): flexible schema, horizontal scaling, denormalized data. Best for rapidly evolving schemas and high write throughput. Choose based on data relationships and query patterns, not trends.

Q4.What is the difference between authentication and authorization?+

Authentication verifies who you are (login with credentials). Authorization determines what you can do (role-based access). Implement authentication first (JWT or session), then authorization (middleware that checks user roles/permissions). Example: authenticated user (auth) cannot delete other users' posts unless they have admin role (authorization).

Q5.Explain how HTTPS works and why it matters.+

HTTPS encrypts communication between browser and server using TLS. The TLS handshake: client requests certificate, verifies it, they agree on encryption keys, then all data is encrypted. It prevents eavesdropping, man-in-the-middle attacks, and data tampering. Google ranks HTTPS sites higher. Use Let's Encrypt for free certificates.

Frontend

Frontend Questions

Q6.What is the difference between CSS Flexbox and Grid?+

Flexbox is one-dimensional — arranges items in a row or column. Grid is two-dimensional — arranges items in rows and columns simultaneously. Use Flexbox for navigation bars, card rows, and simple layouts. Use Grid for page layouts, dashboards, and complex arrangements. They complement each other and can be nested.

Q7.How does React's useState hook work internally?+

React maintains an array of state values per component, indexed by call order. useState returns [currentValue, setter]. On re-render, React returns the stored value. The setter triggers a re-render with the new value. This is why hooks must be called in the same order every render — conditional hooks break the index mapping.

Q8.Explain event delegation in JavaScript.+

Instead of attaching event listeners to each child element, attach one listener to the parent. Events bubble up from the target element to ancestors. Use event.target to identify which child was clicked. Benefits: fewer event listeners (better memory), automatically handles dynamically added elements. React uses event delegation internally.

Q9.What is responsive design and how do you implement it?+

Responsive design makes websites work across all screen sizes. Implement with: mobile-first CSS, media queries for breakpoints, fluid widths (percentages, viewport units), Flexbox/Grid for layout, responsive images (srcset, sizes), and relative font sizes (rem, em). Test on real devices, not just browser resize.

Q10.How do you optimize frontend performance?+

Reduce bundle size: code splitting, tree shaking, lazy loading. Optimize images: WebP, lazy loading, correct sizing. Minimize render blocking: defer scripts, inline critical CSS. Cache assets with service workers. Use CDN for static files. Measure with Lighthouse and Web Vitals.

Want to master these concepts hands-on?

CodingClave's Full Stack Web Development training in Lucknow covers all these topics with practical projects and mock interviews.

Learn Full Stack Web Development at CodingClave

Backend and Database

Backend and Database Questions

Q11.How would you design a REST API for a blog platform?+

Resources: /posts, /comments, /users. Endpoints: GET /posts (list), POST /posts (create), GET /posts/:id (read), PUT /posts/:id (update), DELETE /posts/:id (delete). Nested: GET /posts/:id/comments. Use pagination (limit/offset), filtering (query params), and proper HTTP status codes (201 Created, 404 Not Found, 422 Validation Error).

Q12.Explain database indexing and when to use it.+

An index is a data structure (usually B-tree) that speeds up data retrieval at the cost of extra storage and slower writes. Index columns used in WHERE clauses, JOINs, and ORDER BY. Do not index columns with low cardinality or tables with mostly writes. In MongoDB, use explain() to check if indexes are being used.

Q13.How do you handle password security in a web application?+

Never store plain-text passwords. Hash with bcrypt (salt + hash, configurable rounds). Bcrypt is intentionally slow, making brute-force attacks impractical. Use at least 10 salt rounds. Validate password strength on the frontend. Implement rate limiting on login endpoints. Use HTTPS to encrypt passwords in transit.

Problem Solving

Problem Solving Questions

Q16.How would you implement pagination for a large dataset?+

Offset-based: LIMIT/OFFSET (simple but slow for deep pages). Cursor-based: use the last item's ID or timestamp as cursor (efficient for infinite scroll). Frontend: display page numbers or load-more button. API: return items, total count, and next cursor. For large datasets, cursor-based pagination with indexes is significantly faster.

Q17.How would you deploy a full stack application to production?+

Frontend: build static files, deploy to Vercel, Netlify, or CDN. Backend: containerize with Docker, deploy to Railway, Render, or AWS EC2. Database: use managed services (MongoDB Atlas, AWS RDS). Set up environment variables, HTTPS, and CORS. Add CI/CD with GitHub Actions for automated deployments. Monitor with logging and error tracking.

Frequently Asked Questions

Common Questions

What topics are covered in full stack interviews?+

HTML/CSS, JavaScript, a frontend framework (React/Angular), backend language, REST APIs, database design, authentication, deployment, and basic system design. The breadth is wider than specialized roles.

Are full stack interviews harder than frontend or backend interviews?+

They cover more topics but at less depth per topic. You need working knowledge across the stack. CodingClave in Lucknow prepares students for the breadth of full stack interviews.

Does CodingClave prepare students for full stack interviews?+

Yes. The 6-month Full Stack program at CodingClave in Lucknow includes mock interviews covering frontend, backend, database, and deployment questions.

Which stack should I focus on for interviews?+

Choose one stack and know it deeply. MERN is most popular for interviews. Also prepare general concepts — REST, auth, database design — that apply regardless of specific technologies.

What salary can I expect after clearing a full stack interview?+

₹3-7 LPA for freshers. In Lucknow, ₹3.5-6 LPA. Demonstrating proficiency in a complete stack with deployed projects increases offers.

Should I prepare DSA for full stack interviews?+

Yes, especially for product companies and startups. Service companies may focus more on framework knowledge. Prepare basic DSA — arrays, strings, hash maps, and sorting algorithms.

How do I show full stack skills in interviews?+

Deploy a complete project with frontend, backend, and database. Walk through the architecture, explain your API design, and demonstrate authentication flow. Show that you understand both sides.

Can full stack interview preparation help for frontend or backend roles?+

Yes. Full stack preparation covers both. If you interview for a frontend role, your backend knowledge gives you an edge in understanding data flow and API design.

Related Resources

Explore More Resources

PHP Laravel Interview Questions 2026

Top 15 PHP Laravel interview questions with answers for freshers and experienced...

Python Django Interview Questions 2026

Top 15 Python Django interview questions with answers for freshers. Prepare for ...

MERN Stack Interview Questions 2026

Top 15 MERN Stack interview questions with answers for freshers. MongoDB, Expres...

MEAN Stack Interview Questions 2026

Top 15 MEAN Stack interview questions with answers. Angular, Node.js, Express, M...

Get Started

Learn Full Stack Web Development at CodingClave Lucknow

Join our practical-based Full Stack Web Development training in Lucknow. 28-day, 45-day, and 6-month programs with projects, mentorship, and job assistance.

Apply Now WhatsApp Us View Full Stack Web Development Course

Full Stack Developer Interview Questions and Answers 2026

Top 15 full stack web development interview questions with answers for freshers. Frontend, backend, and database questions for 2026.