GUVI

Full-stack Web
Development
Bootcamp
Exclusive for Students
Learn in English
About GUVI

GUVI, an HCL Group company, is India’s first vernacular

EdTech platform. GUVI stands for ‘Grab Ur Vernacular
Imprint’, dedicated to making technical education
accessible and effective by breaking down language
barriers. Our pioneering EdTech company is incubated
by India's premier institutions: the Indian Institute of
Technology Madras (IIT-Madras), & the Indian Institute
of Management Ahmedabad (IIM-A). We aim to make a
significant impact in the field of tech upskilling,
opening doors for learners across India to acquire
valuable technical skills in their vernacular languages.
By democratizing tech education online through
prominent partnerships with Google-for-Education,
UiPath, NASSCOM, AICTE & IIT-M Pravartak, GUVI has
made it possible to impart job-ready tech skills to the
ambitious aspirants.

We are Accredited by
Meet the Founding Team

Co - Founder at GUVI

20+ years of Technical Expertise

& more
Tech Women Entrepreneur who was selected
For Google Developers’ Launchpad Program
Sridevi

CEO & Founder at GUVI

20+ years of Technical Expertise

& more
Built 7 Products from Scratch Mentored
1000+ students Hosted 200+ sessions & Arun Prakash
25+ webinars

Co - Founder at GUVI

17+ years of experience with IT industry

Technologist with 9+ years of Entrepreneurial

experience & Member of the Syllabus Sub-
Bala Murugan Committee at Anna University
 Why Choose Zen student
program for Full-stack Web
Development Bootcamp

24*7 Dedicated Doubt Support

via Live Chat

Portfolio Building Masterclass

Freelancing & Entrepreneurship Training

(Skill Monetization)

Resume Building sessions

Skill Assessment Tests to Track

Progress
Highlights of Full-stack Web

Development Bootcamp

100 Hour - Video-Recorded Self-Paced Course

(86 hours core content + 20 hours hands-on

projects & assessments)

12 Industry-Relevant Mini Projects + 2 Major

Full-Stack Projects

Industry Experts - Led Cutting-Edge Curriculum

Exclusive Access to Guvi's Practice Platforms

(Codekata, Webkata, IDE)

EMI Options Available for Flexible Learning

7-Days Money-Back Guarantee

Industry-Recognized GUVI Course Completion

Certificate

Full-stack Web Development

Bootcamp Syllabus

Introduction to Full Stack


Web Development

Introduction to Full Stack Web

Developmen
Road Map on Full Stack Developmen
Understanding Web Browse
How the Internet Work
Installation and Setting up VS Code
Editor

HTML

Introduction to HTML & text content

Element
Unordered and Ordered Lists in HTM
HTML Form
Project Registration For
Multimedia Elements audio,video &
image
HTML Table
HTML Navigation
Design the Table using Colspan Rowspans
Tabl
Semantic HTML Structure Practice
Metatags & SEO

CSS & Responsive

Web Design

Introduction to CS
Inline Styling, Internal Styling
External Stylesheet
CSS Precedenc
Class & ID Selector
CSS Display Propertie
Margin & Paddin
CSS Positioning (Relative, Absolute, Sticky
& fixed
CSS Pseudo Classes & Pseudo Element
Gym Website : Mini Project-
Mini Project-1 Part
Ecommerce Landing Page : Mini Project-
Mini Project-2 Part-2 (Transitions &
Animation
Mini Project-2 Part-3 (Media Queries
Responsiveness
Digital Resume : Mini Project- 3 (Light &
Dark theme integration
Mini Project -3 Part-2

Boostrap CSS Framework

Introduction to Bootstrap 4/
Bootstrap Grids & Container
Creating Responsive Column
Designing Forms with Bootsrta
Implementing Carousels, Card & Navba
Implementing Modals & Accordio
Bootstrap Themes Integration

JavaScript

Introduction to Javascrip
Var, Let & Const in Javascrip
Example for Var, let & cons
Data types in javascrip
Type Conversion & Coercio
String Method in javascrip
Array Methods in javascrip
Object Methods in javascrip
Loops in Javascrip
For Each Loo
Conditional Statements
(if,else,elseif,switch,break &
continue,ternary operator
Functions, Arrow functions & Anonymous
Functions with retur
Dom Element Selector (Single/Multi
Element Selectors
Traverse Nodes & Node Type in
Javascript

Dynamic elements Insertio

Event Listener
Local & Session Storage
Todo List Mini Project-
Math & Date Objec
Object Oriented Programming (Object
Literals , Constructor & Prototype
Prototype Inheritanc
Class , Objects, Constructor & Inheritanc
Mini Project - 6 Registration Form using
Fuction prototype (frontend UI
Mini Project - 6 Registration Form using
Fuction prototype (Script Logic
Mini Project - 6 Registration Form using
ES6 version of js with Class & Objec
Asynchronous Programming & Callback
Promises in JavaScrip
Aysync() , Await & fetc
AJAX(Asynchronous Javascript and
XML) with XMLhttpReques

AJAX with fetch request

 React JS

Introduction To ReactJ
Software Installation Nodejs np
Creating Our First React Ap
UI Components Of React (Props & Data
mapping)
useState() in reac
Thinking in React (High Level Code
Structure for passing props with project
Integration of Bootstrap CSS in Raec
Mini Project 7: Live News API with Class
Componen
Fetch Live News in ComponentDidMount,
Update DO
defaultProps and propTypes with
Integration of prev and next pag
conditional Rendering with Loader/
Spinner Integration into projec
React-router-Dom Integration (Load the
live news based on categories
Mini Project - 8 (Ecommerce Layout with
react-bootstrap components
Product Screen Integration with Card
Componen
Product Details Screen Integration (Row,
Col, Card, ListGroup Components
Signup Screen Integration with Form
Componen
Mini Project - 8 (Ecommerce Registration
Signup Form Validations
Form Validation - 2 Display Error icons on
every Input field validatio
Form Validation - 2 Display Success icons
on every Input field validatio
React user Hooks (useState & useEffect()
React user Hooks (useRef
React user Hooks (useMemo
React user Hooks (useContext
React user Hooks (useReducers
React user Hooks (useCallbacks
Mini Project 9 (Todo List Application
Mini Project 10 (Live Weather Application)
Part 0
Mini Project 10 (Live Weather Application)
Part-0
Mini Project 11 (Movie Search
Application)
Mini Project 12 Guvi Library System: State,
Context, Reducer & Effect
Mini Project 12 (Part-02) (Setting up
Components
Mini Project 12 (Part-03.) (Setting up
Pages)

MySQL (Database)

Introduction to SQ
How SQL Work
Installation of MYSQL workbench, MySQL
Server & Shel
Create Database & Table
Insert and Select Operatio
Select & Where Clause with Update
Operatio
Delete & Truncat
SQL Constraint
NOT NULL & UNIQUE Constrain
Primary Key & Foreign Key Constrain
CHECK & DEFAULT Constrain
Alter Table Operation
Select with "AND" , "OR" & "Order By"
Claus
SQL MIn() and MAX() Aggregate
Function
SQL COUNT(), AVG() & SUM() Function
GROUP BY Claus
LIKE Operator & Wild Card
SQL IN & NOT IN Operato
BETWEEN, IN & ALIAS Operato
SQL Joins (Inner Join
SQL LEFT JOI
SQL Right JOI
SQL FULL JOI
MYSQL Triggers | INSERT | BEFORE &
AFTE
MYSQL Triggers | UPDATE | BEFORE &
AFTE
MYSQL Triggers | DELETE | BEFORE &
AFTE
Stored Procedures

Python (Backend)

Introduction To Python Programmin

Installation of Python ID
Python Data types & Variable
Strings & String Method
String Slicin
Operators & User Input
Conditional Statement
Loop
List & List Inbuilt method
List Slicin
Sets & Inbuilt Method
Dictionarie
Tupl
Functions & Return Statement
Function Recusio
Lambda Function
Try-Exception Handlin
Join, Split,Map,Filter & Reduce function
Object Oriented Programming Classes &
Objec
Class Constructor __init__() metho
static and class metho
Inheritance with single leve
Multi level inheritanc
Multiple inheritanc
Priviate, Public & Protected data member
Dunder Method
Method Overloading & Overridin
Abstractio
Polymorphism
 Mini Project -13 (Electricity
Board Connections)

Project-Dem
Project Setup with Virtualenv & Django
Flo
Creating Database Model with
Normalization Method & Admin Vie
Upload Bulk CSV Files with Panda
Setting up React Application & npm
package installatio
Creating Fetch API for ApplicantsData
(Backend
Display ApplicantData at Datatable
(Frontend
Filters, Search & Pagination for Custom
Datatabl
Filters, Search & Pagination API fi
Edit Applicants AP
Edit Applicants Frontend Part &
Validatio
Display Alert messages Componen
Creating Data Visualization AP
Data Visualization using Chart j
Login Page Integration with axios &
frontend design

Major Project-1

Project Dem
Ecommerce Project Layout Clone (Mini-
Project-8) for fronten
Backend Setup & Render products from
AP
Get Product Details API & Setting Prox
Integration of Django REST framewor
Creating Database Model
Fetch Data from database & Serialize the
dat
Introduction to Redux & Installation of
packages react-redux, redux-thun
Creating Product Store with react-redu
Fetch Products from Redux-Stor
Add Loader Spinne
Fetch Product Details by id with redux
integratio
User Authentication System with Simple
JSON WEB Tokens JW
UserSerializer With Token for User Logi
Test Login token with ap
Signup & Login Scree
Creating Signup API & Thunder Client API
Testin
Signup Action & Reducer
Create User & test the API of login use
Login Reducers & Actions with backend
Tes
Creating userInfo Initial State at redux
stor
Show & Hide Password with Navigation
fixe
Adding Extra Authentication Layer on
Signup Token verification by emai
Fixing Messages Response Scree
Logout Session & Navigation fixes
Add to Cart Functionality : Cart Constants
Add to Cart Functionality : Cart Actions
Add to Cart Functionality : Cart Reducers
Add to Cart Functionality : Initialise To
redux stor
Add To Cart Screen Componen
Display Cart Items at Scree
Finalizing Cart Screen & proceed with
checkout pag
Checkout Page Shipping Screen Actions,
constants 7 reducers setup for redu
Checkout Page Screen Componen
Shipping Screen Data load fi
Backend API for Add Order Items and
RBA
Place Orders (constants, Actions &
Redcuers for redux
Place Order Screen Componen
Fixing Bugs at Orders Create and re-
migrate models with CHATGP
Get Orders Details API & testing api with
thunderclien
Order Screen constants, actions and
reducer
Payment Screen & Order Scree
Admin CRUD API Operation for Produc
Actions Constants & Reducers For Admin
Scree
Admin Screen Component For Handling
Produc
Admin Product Edit Scree
Admin All Orders Scree
User CRUD Operation Screen for Admin
(frontend+backend+database summary
User Profile Pag
Display my orders at Profile Screen

MongoDB

Introduction to MongoD
Installation of Mongodbserver and shel
CRUD Operation in MongoD
Projection, Embedded Documents &
Array
Document Schemas & Data Type
Data Modelling in MongoD
one to one fiel
one to many fiel
many to many fiel
Logical Operation Queries
(and,nor,or,eq,exists,in etc
Schema Validation
Jornals, WriteConcerns & Advance Insert
Operation
Projection Operator
Advance Query Operators (element &
evaluation queries
Indexes : Single Level Indexe
Indexes : Compound Field Indexe
Multi Key Indexe
Indexes : text Indexes

Nodejs & Expressjs

Installation of express and nodej

Server Setup using Expres
Connecting with Mongoose with middle
ware Body Parser with exampl
A server Side authentication system using
simple JW
Register and Login Route
Testing APIS with Thunder Clien
CRUD Mini Project 13 Using M.E.R.N :
Book Store (Backend
CRUD Mini Project 13 Using M.E.R.N :
Book Store (Frontend)

Major Project-2

Social Media Application Project Dem

Social Media Application Server Setu
Connecting with Mongoos
Creating User Model Schem
Integrating Speakeasy 2-factor Auth &
Json Web toke
Signup AUth Route & Controlle
Login Auth Route & Controlle
Testing Auth Routes APIS with thunder
Clien
Enabling Two Factor Authentication &
Middleware Protect Rout
Setup React App with Bootstrap &
Component Integration with new them
Signup Component with High level Form
Validation
Signup Backend API Connection & get
token
Login Screen with Backend API
Connectio
Profile Screen & Enable 2 Factor
Authentication from fronten
Scan QR Code to enable 2-FA in
Authenticator AP
Login with Two Factor Authentication
OTP Passcod
Logout & Debugging Bugs with
Validating Navba
Upload Profile Picture API & Multer for
disk storage : userControlle
Get & Update UserProfile Details AP
Search User API
Followers & Followings AP
Fetch User Profile Screen & Search Users
Componen
Profile Screen & Search User Scree
Upload Profile Picture Screen
Followers And Following Action Scree
Post Schem
Post Controller for createPost, GetPost &
Comments AP
Post Controller for getPostByID
getUSersPosts & Delete Posts AP
Post Routes for all API
Home Page Uploading Posts Scree
Home Page Fetching Post
Commenting on Post Screen
Delete Posts Scree
Display Posts at Profile based on specific
user profil
Integration of Socket IO for Chat &
Schem
Chat APIS Controlle
Chat API Route
Chat Screen Componen
Chat List Screen Component with socket
io client sid
Chatting test between two user with
socketio pooling technique live testing &
Bugs fixes at Application level

Version Control System

Introduction to GI
Installing Git & git setu
Understanding top GIT Command
Creating Github Account and Push the
cod
Vs Code Shortcuts to Play with Git from
source control feature
Clone Git Repository & Create Branc
Pull Code from Main Branch Resolving
Merge Conflict & Creating Pull Requests

Hosting Web Applications

Understanding Hosting Domai

Get Domain Name & hosting services
from Godaddy Digital Ocean
Create a droplet server & deploy web
Application at digital Ocean
Deploy real time web application from
apache2 ubuntu server with digital ocea
Aws Elastic Bean Stalk deploymen
AWS CICD pipeline Integration &
deployment
 Projects

Mini Project-1: Gym Website

A responsive website for a gym using HTML

and CSS, focusing on layout and styling.

Mini Project-2: E-commerce

Landing Page

Creating a responsive e-commerce landing

page with animations and media queries.

Mini Project-3: Digital

Resume

Building a personal resume website with light

and dark theme integration.

Mini Project-4: Todo List

A JavaScript-based todo application

implementing CRUD operations.

Mini Project-5:
Registration Form

Advanced form handling using JavaScript

prototypes and ES6 classes.

Mini Project-6: Live

News API

React application fetching and displaying live

news with API integration.

Mini Project-7:

E-commerce Project

ull-featured e-commerce platform using React

F

and Bootstrap components.

Mini Project-8: Todo

List Application

ull-featured e-commerce platform using React

F

and Bootstrap components.

Mini Project-9: Live

Weather Application

W eather forecast application with API

integration and real-time updates.

Mini Project-10: Movie

Search Application

React-based movie search engine with

external API integration.

Mini Project-11: GUVI

Library System

Complex library management system using

React with advanced state management.

Mini Project-12: Electricity

Board Connections

F ull-stack application using React, Python, and

SQLite for managing electricity connections.

Major Project-1:

E-commerce Platform

Complete e-commerce solution using React,

Redux, MySQL, and REST Framework.

Major Project-2: Social

Media Application

ull-featured social media platform using

F

MERN stack with features like authentication,

posts, profile management, and real-time chat.
Price :

₹24,999 ₹35,000

(EMI Options Available)

For further information:

IITM Research park - phase 2

karthik
module #9, 3rd floor, D block,

+91 9629240822 Kanagam Rd, Tharamani, Chennai,

Tamil Nadu, India. 600113