FULL STACK DEVELOPMENT (M23BCS601)

Module 1 – HTML, CSS & JavaScript

Question Bank

HTML
1. Explain the structure of an HTML document. Write a sample HTML program and
describe each part.

2. What are HTML elements, tags, and attributes? Explain different types of elements
with suitable examples.

3. Explain HTML forms and input controls with suitable examples.

4. Explain HTML tables. Describe the table structure and the use of colspan and rowspan
attributes with suitable examples.

5. Develop an HTML web page to create a class timetable using table elements.
Demonstrate the use of colspan and rowspan attributes wherever necessary and explain
their significance.

6. Discuss different types of HTML lists with suitable examples.

7. Explain the purpose of <div> and <span> elements with suitable examples.

CSS
8. What is CSS? Explain how CSS is used with HTML.

9. Explain Inline, Internal, and External CSS with suitable examples.

10. Describe different methods of applying styles in HTML.

11. Create a complete CSS stylesheet that includes comments, proper syntax, table
styling, and a navigation menu for a college website. Explain each section of the
stylesheet.

12. Explain how colors are applied in HTML using CSS. Illustrate text color, background
color, and border color with suitable examples.

13. Differentiate between RGB, RGBA, HEX, and HSL color representations in CSS.

JavaScript
14. What is JavaScript? Explain how JavaScript is used in HTML with suitable examples.
15. Describe different ways to include JavaScript in an HTML document.

16. Explain the concept of variables in JavaScript. Differentiate between var, let, and
const with suitable examples.

17. Discuss the role and syntax of comments, statements, and expressions in JavaScript.

18. Explain JavaScript arrays, strings, and user-defined functions with suitable examples.

19. Explain JavaScript operators and their types with suitable examples.

20. Explain JavaScript conditional and looping statements with suitable examples.

21. Explain JavaScript functions. Differentiate between built-in and user-defined

functions.

Programming Questions
22. Write a JavaScript program demonstrating string operations such as slicing,
concatenation, replacement, and searching.

23. Design a calculator program using JavaScript functions to perform addition,

subtraction, multiplication, and division.

24. Write a JavaScript program demonstrating conditional and looping statements.

Explain the output.

25. Write a JavaScript program to create an array of five cities and perform the following
operations: add a city at the end, remove the first city, display the total number of cities,
find the index of a specified city, and search for a particular city.

26. Write JavaScript code to manipulate HTML elements using DOM methods.

27. Develop a JavaScript program using arrays, strings, and user-defined functions to
perform suitable operations.
 Module 2 – React & AngularJS

React
Q1. Define React State. Explain how state is initialized and updated.

Q2. Explain React state initialization, updating state, and event handling with suitable
examples.

Q3. Explain the process of updating state in React. Discuss the role of setState() or state
setter functions with suitable examples.

Q4. Explain how state is initialized and updated in a React class component. Illustrate
with an example from the Issue Tracker application.

Q5. Differentiate between State and Props in React.

Q6. Explain the concept of Lifting State Up with a suitable example.

Q7. Explain Component Hierarchy and illustrate how Lifting State Up enables
communication between components using a suitable example.

Q8. Explain the concept of Lifting State Up in React with an example. Compare State
and Props using a real-world analogy.

Q9. Explain the principles involved in designing React Components. Discuss best
practices for creating reusable and maintainable components.

Q10. Discuss how event handling is implemented in React.

Q11. Build a React application to track issues. Display a list of issues (use static data).
Each issue should have a title, description, and status (Open/Closed). Render the list
using a functional component.

AngularJS
Q12. Explain the architecture and key features of AngularJS.

Q13. Explain the MVC architecture in AngularJS with a neat diagram and suitable
example.

Q14. Illustrate AngularJS Modules, Expressions, and Filters with syntax and suitable
examples.
Q15. Interpret AngularJS Data Binding, Models, and Controllers with suitable examples.
Explain how they help in building dynamic web applications.

Q16. Explain AngularJS Modules with suitable examples.

Q17. Explain AngularJS Expressions with suitable examples.

Q18. Explain AngularJS Filters and their applications.

Q19. Explain AngularJS Directives with syntax and suitable examples.

Q20. Discuss AngularJS Services and Dependency Injection with suitable examples.

Q21. Analyze the interaction among Modules, Directives, Controllers, and Services in
AngularJS applications.

Q22. Develop an AngularJS application demonstrating the use of Directives, Filters, and
Services.
 Module 3 – Django Templates, Models & MVT

Template System
Q1. Explain the Django Template System with suitable examples.

Q2. Discuss Template Loading and Template Inheritance in Django with suitable
examples.

Q3. Explain the use of basic template tags and filters in Django with suitable examples.

Q4. Explain the advantages of Template Inheritance in Django.

Q5. Differentiate between Template Loading and Template Inheritance.

MVT Architecture
Q6. Explain the MVT (Model–View–Template) architecture in Django with a neat
diagram.

Q7. Compare the MVT architecture in Django with the traditional MVC architecture.

Q8. Discuss the MVT Development Pattern in Django. Compare it with the traditional
MVC architecture.

Q9. Explain the interaction between Model, View, and Template in a Django application.

Database Configuration
Q10. Explain the steps involved in configuring databases in Django applications.

Q11. Illustrate the configuration of a MySQL or SQLite database in Django.

Q12. Analyze the process of configuring databases in Django applications.

Django Models
Q13. Explain the process of defining and implementing models in Django.

Q14. Discuss the importance of models in Django application development.

Q15. Explain different types of model fields in Django with suitable examples.

Q16. Implement a Django model with a custom __str__() method and explain its output.

Q17. Explain the importance of model string representation (__str__()) in Django.

CRUD Operations
Q18. Develop a Django application demonstrating model creation, database
configuration, and CRUD operations.
Q19. Develop a Django application to display Student Details using Templates and
Models. Explain the implementation steps.

Q20. Explain the CRUD operations in Django using suitable examples.

Q21. Write code to insert and update records using Django models.

Q22. Explain the process of selecting and deleting objects in Django.

Q23. Compare the get(), filter(), and all() methods used for data retrieval in Django.

Schema Evolution & Migrations

Q24. Explain Schema Evolution in Django.

Q25. Explain Migrations in Django.

Q26. Analyze the importance of Migrations in Schema Evolution.

Q27. Explain the steps involved in creating and applying migrations in Django.

Q28. Analyze how Schema Evolution contributes to maintaining database consistency in

Django applications.

Application Development
Q29. Develop a Django application for Student Registration using appropriate models.

Q30. Develop a Django application for managing employee details using Django models.
 Module 4 – Django Forms, Admin Interface & URLConf

Django Admin Interface

Q1. Explain the Django Admin Interface and its advantages.

Q2. Explain the steps involved in activating the Django Admin Interface.

Q3. Explain the process of customizing the Django Admin Interface.

Q4. Discuss various techniques for customizing the Django Admin Interface.

Q5. Explain the use of list_display, search_fields, list_filter, and fieldsets in Django
Admin Interface with suitable examples.

Q6. Create a Django application for managing employee details and explain how the
Admin Interface can be activated and customized for efficient record management.

Q7. Design and implement a Django Admin Interface for managing employee records.

Q8. Develop a Django application using the Admin Interface for Student Registration.

Model Forms
Q9. Explain Model Forms in Django with suitable examples.

Q10. Create a Model Form for a Student model and demonstrate form submission.

Q11. Develop a Django application using Model Forms for Student Registration.

Q12. Explain the advantages of Model Forms over ordinary forms.

Q13. Explain the steps involved in creating and processing Model Forms.

Form Processing & Validation

Q14. Explain the process of form submission in Django.

Q15. Explain form processing in Django with suitable examples.

Q16. Design a feedback form in Django and explain the steps involved in displaying and
processing the form.

Q17. Design a feedback form in Django with custom validation and form processing.

Q18. Explain the complete lifecycle of form submission in Django.

Q19. Explain validation in Django Forms.

Q20. Differentiate between built-in validation and custom validation.

Q21. Explain custom validation in Django with suitable examples.

Q22. Discuss the importance of validation in web applications.

Q23. Explain field-level and form-level validation in Django.

URL Configuration (URLConf)

Q24. Explain URL Configuration (URLConf) in Django.

Q25. Describe URLConf in Django. Explain Named URLs, Dynamic URLs, and Reverse
URL Lookup with suitable examples.

Q26. Explain Named URLs in Django with suitable examples.

Q27. Explain Dynamic URLs in Django with suitable examples.

Q28. Explain Reverse URL Lookup in Django.

Q29. Explain Including Other URLConfs with suitable examples.

Q30. Design a multi-application Django project demonstrating the use of Including Other
URLConfs.

Application Development
Q31. Develop a Django application using the Admin Interface and Model Forms for
Student Registration.

Q32. Create a Django application for managing employee details using the Django
Admin Interface.

Q33. Design a feedback form using Model Forms with custom validation and explain its
implementation.

Q34. Develop a Django application demonstrating Form Processing and Validation.

 Module 5 – MongoDB, [Link], Express & Full Stack Development

MongoDB Basics
Q1. Explain the architecture of MongoDB with suitable examples.

Q2. Compare Documents, Collections, and Databases in MongoDB.

Q3. Explain the role of Documents, Collections, and Databases in MongoDB.

Q4. Explain the advantages of MongoDB over relational databases.

Q5. Explain the features of MongoDB.

CRUD Operations
Q6. Explain CRUD operations in MongoDB with suitable examples.

Q7. Illustrate CRUD operations in MongoDB with suitable commands.

Q8. Write MongoDB queries to insert, update, delete, and retrieve records.

Q9. Write MongoDB shell commands to insert employee documents, update a document,
delete a document, create an index, and query documents using suitable conditions.

Q10. Explain Projection in MongoDB with suitable examples.

Q11. Explain different query operators in MongoDB.

Aggregation Framework
Q12. Explain the Aggregation Framework in MongoDB.

Q13. Analyze the role of the Aggregation Framework in data processing.

Q14. Explain different aggregation pipeline stages with suitable examples.

Q15. Write MongoDB aggregation queries for suitable scenarios.

MongoDB Driver & Mongoose

Q16. Explain the MongoDB [Link] Driver.

Q17. Evaluate the role of the MongoDB [Link] Driver in modern web development.

Q18. Explain Mongoose and its advantages.

Q19. Define a Product Schema using Mongoose.

Q20. Differentiate between the MongoDB Driver and Mongoose.

[Link] & Express Integration
Q21. Develop a [Link] application using the MongoDB Driver to perform CRUD
operations.

Q22. Implement insert, find, update, and delete operations using the [Link] MongoDB
Driver.

Q23. Create an Express API with a /products endpoint to retrieve all product details.

Q24. Create an Express API to insert a new product into the MongoDB database.

Q25. Explain how Express communicates with MongoDB using the MongoDB Driver.

React Integration
Q26. Use React to fetch product details from an Express API and display them.

Q27. Explain the workflow involved in fetching MongoDB data using React and
Express.

Q28. Explain how React communicates with Express APIs.

Database Design & Full Stack Applications

Q29. Design a MongoDB database schema for an Online Shopping application.

Q30. Explain the collections, documents, and relationships required for an Online
Shopping application.

Q31. Design a MongoDB schema for a Product Management System.

Q32. Design an appropriate MongoDB schema for a Student Management System.

Q33. Design and implement a MongoDB application using schema, CRUD operations,
and Aggregation.

Q34. Design and implement a complete MongoDB application workflow involving

schema creation, CRUD operations, and Aggregation.

Q35. Design a Product Management System integrating Express API, MongoDB, and
React.

Q36. Implement the following using Express, MongoDB, Mongoose, and React: Product
Schema, CRUD Operations, /products API, React Product List, Product Insertion, and
Automatic List Update.

Q37. Develop a full-stack web application integrating React, Express, [Link], and
MongoDB.
Q38. Explain the complete workflow of a Full Stack application using React, Express,
[Link], and MongoDB.