Hands-On Session on FSD

Subject: Full Stack Development(21CS62)
Title: Hands-On Session on FSD
Date: [03-06-24 to 06-06-24]
Faculty In-Charge: Mr. Mukesh Kamath bola
Venue: EC Seminar Hall
Title: Innovative Teaching Methodology for Full Stack Development

1. Introduction
Full Stack Development (FSD) is a crucial discipline in computer science, covering both frontend and backend development, databases, version control, and deployment. Given the rapidly evolving nature of technologies in this domain, traditional lecture-based teaching methods often fail to prepare students for real-world challenges. This report explores an innovative, practical, and student-driven teaching methodology tailored for Full Stack
Development. Innovative methods of teaching and learning were employed in the subject Full Stack Development. These involved association with industry experts for partial content delivery.
The expert was engaged in the design of the assignments as evident in the enthusiastic participation of students in the assignment 1 & 2.

2. Objectives
 To provide hands-on experience in building complete web applications.
 To bridge the gap between academic knowledge and industry expectations.
 To foster skills in frontend, backend, databases, APIs, and deployment.
 To develop collaborative and agile development capabilities.

3. Methodology
3.1 Modular Learning with Real-World Projects

 Curriculum is divided into thematic modules (Frontend, Backend, Database,DevOps).
 Each module includes a mini-project (e.g., a blog app, chat app, e-commerce backend).
 Students apply concepts in real-time, reinforcing learning through implementation.
There were interesting Assignment questions(sample):
Assignment 1:
Indian Army wants to encode all its messages sent to the Kargil border so that it is difficult for the enemy to decode it.
On odd days: A=01 B=02 C=03 Z=26
On even days: A=501 B=502 C=503 Z=526
Message: “Attack submarine near Karachi”

3.2 GitHub-Centric Workflow
 Students use GitHub for version control, code reviews, and collaboration.
 Real-world practices like issue tracking, branching, and pull requests are taught.
Here are images of the repository links posted by the students:

4. Assessment Techniques
 Formative Assessment: Weekly coding assignments, lab work, GitHub activity tracking.
 Summative Assessment: Evaluation of module projects, final capstone project demo, and viva.
 Peer Review: Assess teamwork, code quality, and communication within groups.
 Portfolio-Based Evaluation: Students maintain a digital portfolio showcasing their projects and skills.

5. Results and Impact
 Higher engagement: Students spend more time on practical coding.
 Improved job readiness: Graduates are confident in deploying full stack applications.
 Team skills: Agile learning improves communication, planning, and problem-solving.

6. Conclusion
The students not only got to understand the coding of a Django Web Project but also put to use their knowledge of using git and pushing code to a remote repository. There was a requirement from the teacher for everyone to compulsorily create accounts in the said website and students must have not only learnt concepts regarding web development & repository but also the importance of coding standards and code hygiene.
Innovative teaching methodologies in Full Stack Development significantly enhance the learning experience by focusing on hands-on skills, industry tools, and teamwork. This approach produces students who are not only technically proficient but also agile, collaborative, and industry-ready.