Admissions

Apply Now

Quick Links

Add a header to begin generating the table of contents

Fullstack Development

1. Objective

This Bootcamp is designed to introduce participants to the complete spectrum of topics related to Full Stack Development and provide practical, hands-on experience with the tools required in the industry for entry to mid-level jobs.

The course covers both Frontend and Backend development, including:

React fundamentals, functional components, and hooks
Introduction to Redux Toolkit, setting up Redux Stores, RTK Slices
Routing with React Router
Basics of OpenID Connect
Integrating Keycloak in React Apps
Securing API requests using Keycloak Token
Backend development with NestJS
Dependency Injection, Middleware, Guards, and Pipes
Database connectivity using PostgreSQL
Configuring TypeORM in NestJS
Defining Models/Entities with TypeORM
Performing CRUD operations with TypeORM
Connecting Frontend (React) and Backend (NestJS)
Handling JWT Tokens
Consuming Protected API Endpoints
Resolving CORS issues

The Bootcamp will enable participants to navigate the complex landscape of Full Stack Development while gaining hands-on experience with modern tools and techniques. This will help participants quickly learn the applicability of current tools and use them effectively to develop complex software solutions.

In addition to the core technical area of expertise, the Bootcamp will also focus on essential Soft Skills—an increasingly critical factor in career progression and success in any organization. This includes:

Interview preparation
Creating ATS-friendly CVs
Building a professional profile
Polishing communication and presentation skills

2. Course Details

Course Duration: 64 hours
Course Timeline: ~4 weeks
Schedule:
- No. of days/week: 2
- Timings: 9:30am – 3:30pm
- Days: Tuesdays and Wednesdays
Target Audience: 6th-semester CS/SE students or fresh graduates
Maximum Participants: 30
Total Sections:
- Section A: Full Stack Development (48 hours)
- Section B: Soft Skills + CV and Interview Tips (8 hours)
- Assessments/Projects (8 hours)
Lab-based Course: Each student would require a laptop/desktop
Hardware / Software Requirements:
- Laptops or Desktops for each student
- Minimum system configuration: Core i7 with 16GB RAM
- High speed internet with downloading enabled
- Operating System: Windows
- Trainers will coordinate with University team to set up any additional required software

3. Course Outline

Section A-1 – Backend Development – NestJS	What is NestJS? Understanding its Architecture (Modules, Controllers, Services). Setting up a NestJS Project with the Nest CLI. Building a Simple REST API (CRUD Operations) with NestJS. Working with Data Transfer Objects (DTOs) and Validation Pipes. Implementing Controllers, Routes, and Request Handlers.
Section A-2 – NestJS Advanced Features	Dependency Injection (Services & Providers). Middleware, Interceptors, Guards, and Pipes. Error Handling in NestJS (Exception Filters).
Section A-3 – PostgreSQL, TypeORM, Connecting FE with BE	Introduction to PostgreSQL (Basics, Installation, SQL Concepts). Installing and Configuring TypeORM in NestJS. Creating Database Migrations. Defining Models/Entities with TypeORM. CRUD Operations with TypeORM (Create, Read, Update, Delete). Connecting the Frontend and Backend. Setting up a Proxy for Development. Connecting React Frontend to the NestJS Backend. Handling JWT Tokens on the Frontend (via Keycloak). Consuming Protected API Endpoints. Handling Cross-Origin Resource Sharing (CORS) Issues. Deploying the Full-Stack Application Locally.
Section A-4 – Introduction to React	Creating a new React project (Vite). Key Concepts (Components, Props, State, Lifecycle). Functional Components and Hooks (useState, useEffect, useContext). JSX and React Event Handling. Creating forms in React. Building a Simple To-Do App.
Section A-5 – State Management with RTK (Redux Toolkit)	What is Redux Toolkit and Why Use It? Setting up Redux Store with Redux Toolkit. RTK Slices (Reducers, Actions, Selectors). Asynchronous State Handling with RTK Query. Handling Loading, Error, and Data States. Consuming REST APIs in React Components. Connecting Axios with RTK Query for Data Fetching. Building a Small E-commerce App using RTK Query for Product Data.
Section A-6 – Routing with React Router	Setting up React Router (v6+). Navigating Between Pages (Link, NavLink, useNavigate). Route Parameters (Dynamic Routing) and Query Strings. Protected Routes and Role-Based Access. Nested Routes. Handling 404 (Not Found) Pages.
Section A-7 – Introduction to OpenID Connect	Advantages of using OIDC – how OAuth works. Adding Keycloak to a React App. Protecting Routes and Pages using Keycloak. Role-Based Access Control (RBAC) with Keycloak. Logout and Redirect Handling. Securing API Requests using Keycloak Tokens.
Section A-8 – Modern Deployment Architectures	Reverse Proxy. API Gateway. Microservices. Message Queue e.g., MSMQ, RabbitMQ.
Section B – Soft Skills	Essential Soft Skills. Communication Skills. Presentation Skills. CV creation tips (ATS-friendly CV). Interview preparation tips. Assessment Techniques. Assignments. Final Project Submission / Presentation.