5/30/26, 8:37 AM
Full Stack Web Development
UNIT 1 – Web Technologies & HTML Fundamentals
(Important 3-Mark Question)
Define Frontend, Backend, and Full Stack Development. What is the MERN Stack?
Difference between HTML and HTML5. Explain semantic HTML tags. What are meta
tags? What is accessibility in HTML? Types of HTML lists. Explain form elements in
HTML. What are media tags? Purpose of browser developer tools.
( Important 12-Mark Questions )
Explain MERN Stack architecture with diagram. Discuss HTML document structure
and commonly used tags. Explain HTML Forms with examples. Describe semantic
HTML and accessibility features. Explain development environment setup using VS
Code, npm, and browser tools.
UNIT 2 – CSS, Responsive Design & Bootstrap
( Important 3-Mark Questions )
What is the CSS Box Model? Difference between Flexbox and Grid. What are CSS
selectors? What is Responsive Web Design? What are Media Queries? What is
Bootstrap? Define Bootstrap Grid System. What are utility classes? Difference
between inline, internal, and external CSS. What is Typography in CSS?
( Important 12-Mark Questions )
Explain CSS Box Model with diagram. Explain Flexbox and Grid Layout in detail.
Discuss Responsive Design using Media Queries. Explain Bootstrap Grid System and
components. Design a responsive webpage using Bootstrap.
UNIT 3 – JavaScript, ES6 & Version Control
( Important 3-Mark Questions )
What is JavaScript? Difference between let, var, and const. What are Arrow
Functions? What are Template Literals? What is Destructuring? Explain DOM
Manipulation. What are Events in JavaScript? What is Form Validation? What is Git?
Difference between Git and GitHub
( Important 12-Mark Questions )
Generated with [Link]
5/30/26, 8:37 AM
Explain JavaScript functions, arrays, and objects with examples. Explain DOM
Manipulation and Event Handling. Discuss ES6 Features with examples. Explain Form
Validation in JavaScript. Explain Git commands: init, clone, commit, push, pull,
merge, and branch.
UNIT 4 – [Link], [Link] & MongoDB
( Important 3-Mark Questions )
What is [Link]? What is npm? What is Event-Driven Programming? Define
Middleware. What is [Link]? What is REST API? What is MongoDB? What are
Collections and Documents? What is CRUD? What is Mongoose?
( Important 12-Mark Questions )
Explain [Link] architecture and features. Explain [Link] routing and
middleware. Discuss RESTful APIs with examples. Explain MongoDB CRUD
operations. Explain Mongoose schema design and validation.
UNIT 5 – [Link] & Capstone Integration
Important 3-Mark Questions What is [Link]? What is JSX? Difference between Props
and State. What are React Hooks? Explain useState(). Explain useEffect(). What is
React Router? What are Components? What is Virtual DOM? What is Netlify/Vercel?
( Important 12-Mark Questions )
Explain React Components and JSX. Explain Props, State, and Hooks. Discuss
useState() and useEffect() with examples. Explain React Router and dynamic routing.
Explain full-stack application integration (React + [Link] + MongoDB).
Most Expected 12-Mark Questions (Very Important) If only 5 questions come, these
are the safest: Unit 1 MERN Stack Architecture Unit 2 Responsive Design using Media
Queries and Bootstrap Grid Unit 3 ES6 Features and DOM Manipulation Unit 4 REST
API + [Link] Routing and Middleware Unit 5 React Hooks (useState, useEffect)
and Full Stack Integration
Generated with [Link]