Full Stack Web Development

What you'll learn

Master Python programming from scratch to advanced level
Perform Data Analysis using Pandas, NumPy, and Matplotlib
Build Machine Learning models (Regression, Classification, Clustering)
Deep Learning with Neural Networks, TensorFlow and PyTorch
Develop Real-world Capstone Projects and deploy them
Job-ready portfolio building and interview preparation

Description

This comprehensive 3-month program is designed to transform you into a professional Full Stack Developer. You will start with the fundamentals of the web (HTML, CSS), move to advanced frontend with React.js, and master the backend with Node.js, Express, and MongoDB.

The course culminates in a real-world internship phase where you will work on live client projects, learning professional workflows like Git, Code Reviews, and Deployment.

Whether you are a complete beginner or looking to upgrade your skills, this course provides the perfect balance of theory and hands-on practice.

Course Content

Module 1 (Weeks 1–4): HTML & CSS Basics

Week 1 — Web & HTML Intro

HTML Basics

What is HTML? (tags like building blocks)
First webpage structure: <html>, <head>, <title>, <body>
Headings (<h1> to <h6>)
Paragraphs (<p>)
Bold and italic text

Exercise

Build "Hello World" page

Project: Practice building a simple Hello World webpage

Week 2 — HTML Content

Core Elements

Lists (<ul>, <ol>)
Links (<a>)
Images (<img>)
Tables basics (<table>, <tr>, <td>)

Exercise

Create simple resume page with list and image

Project: Simple resume webpage using lists and images

Week 3 — HTML Forms & Media

Forms

<form> element
<input> types (text, email, password)
<button>
Basic validation using required attribute

Media

Audio element (<audio>)
Video element (<video>)

Exercise

Contact form page

Project: Contact form webpage with validation

Week 4 — CSS Intro & Styling

CSS Basics

Link CSS in HTML
Basic selectors (body, class, #id)

Styling

Colors (color, background-color)
Fonts (font-size, font-family)
Text styling: alignment and decoration

Exercise

Style Week 1 page

Project: My First Responsive Page (home + about with colors and centered text)

Module 2 (Weeks 5–7): Next.js Frontend

Week 5 — JS Bridge & React Intro

JavaScript Basics

Variables
console.log
Simple functions

React Introduction

What is React
Components as reusable blocks

Setup

npx create-next-app
Run development server
Create first component

Project: Hello from React component

Week 6 — Next.js Pages & Styling

Routing

Pages folder
File based routing

Component Data

Props
Passing data between components

Styling

Global CSS
Tailwind introduction

Exercise

Multi page site (home, about)

Project: Basic multi-page Next.js website

Week 7 — State & Data

React State

useState hook
Change button text on click

API Data

Fetch data from JSONPlaceholder users API

Forms

Simple input with state

Exercise

Todo list add and view items

Project: Static Product Catalog with 5 products and detail page

Module 3 (Weeks 8–10): Databases

Week 8 — Database Fundamentals

Concepts

What is a database
Using database like Excel for apps

MongoDB

Install MongoDB Compass
Create collection
Add and view documents

Project: Basic MongoDB collection with sample data

Week 9 — PostgreSQL & SQL

Setup

Install PostgreSQL
Use pgAdmin GUI
Create database and tables

SQL Basics

SELECT query
INSERT query

Exercise

Add five sample users

Project: Users table with sample data

Week 10 — BigQuery & Comparison

BigQuery

Google Cloud free tier signup
Use public datasets
Run simple queries

Database Comparison

Mongo flexible data
Postgres structured data
BigQuery big data analytics

Exercise

Query sample sales data

Project: Data Playground importing CSV into databases and running queries

Module 4 (Weeks 11–12): Node.js Backend API

Week 11 — Node & Express

Node Basics

npm init
Create first server
Console output

Express Framework

Create routes
app.get usage
Return JSON response

Exercise

Create /hello endpoint

Project: Simple Express server with test endpoint

Week 12 — Database Connection & CRUD

Database Connection

Connect Mongo using mongoose
Connect Postgres using pg

CRUD Operations

GET all records
POST new record
GET by id

Testing

Test with browser
Test with Postman

Exercise

Users API add and view user

Project: Mini Todo API with list create read delete

Module 5 (Weeks 13–14): Django + DRF

Week 13 — Django Basics

Setup

Install Django
Create project

Models

Create simple user model
Run migrations

Admin Panel

View and add data from admin

Project: Basic Django project with user model

Week 14 — Django REST Framework

DRF Setup

Install DRF
Create serializers

API Views

List endpoint
Create endpoint

Testing

Browsable API
Connect PostgreSQL

Project: Simple Blog API with posts model

Module 6 (Weeks 15–16): Live Project — Jobs Portal

Week 15 — Backend + Database

Backend

Django DRF jobs model (title, description, company)
Postgres database

API

List jobs endpoint
Create job endpoint

Optional

Mongo logs or views count

Project: Jobs API with database

Week 16 — Frontend + Finalization

Frontend

Next.js homepage with jobs list
Job detail page

Data

Export jobs CSV
BigQuery query jobs per category

Demo

Run project locally
Share screenshots

Project: Full stack jobs portal demo

Training Partner

Codencreative Tech Pvt Ltd

IT Solutions & Training Provider

We are a Jaipur-based IT company providing software solutions and high-quality training. Our "Train Inside a Company" model ensures students gain real-world experience, working on live projects under the mentorship of industry experts.

Enroll Now

Limited seats available for next batch

This course includes:

Live Sessions
Downloadable Resources
5+ Real-world Projects
Certificate of Completion
Internship Opportunity