Full Stack Web Development

Hands-on deliverable — Mini Project: Semantic HTML Portfolio

• Internet & Web architecture basics
• Semantic HTML tags and structure
• Forms, inputs, and validation
• Meta tags and SEO fundamentals
• Web Accessibility (a11y) basics
• Audio, video, and media embedding

Hands-on deliverable — Mini Project: Responsive Landing Page

• CSS Box Model and selectors
• Positioning (static, relative, absolute, fixed)
• Flexbox for 1D layouts
• CSS Grid for 2D layouts
• Media queries and responsive design
• CSS transitions and basic animations

Hands-on deliverable — Hands-on: Clone a modern dashboard UI using Tailwind CSS

• CSS Variables and custom properties
• SASS/SCSS fundamentals
• Utility-first CSS with Tailwind CSS
• Tailwind configuration and theming
• Advanced responsive patterns
• Dark mode implementation

• Variables, Data Types, and Operators
• Control flow (if/else, loops, switch)

• Let and Const
• Arrow functions and lexical 'this'

• Closures and lexical scoping
• Prototypal inheritance and Classes

• Why React? Virtual DOM concept
• JSX syntax and Babel

• Custom hooks architecture
• Context API for state sharing

• Why global state matters
• Redux fundamentals (Actions, Reducers, Store)

• Client-side routing concepts
• React Router v6+ setup

• Unit testing vs Integration testing
• Jest setup and mocking

• CSR vs SSR vs SSG architectures
• Next.js App Router (app directory)

• Core Web Vitals (LCP, FID, CLS)
• Code splitting and lazy loading (React.lazy)

• Bundlers deep dive: Vite vs Webpack
• Environment variables in React/Next

• 1.1 Introduction to Backend Development
• 1.2 Frontend vs Backend Responsibilities

• 2.1 Node.js Runtime and Use Cases
• 2.2 Installing Node.js and Using npm

• 3.1 Express Application Setup
• 3.2 Routes and Routers

• 4.1 Database Fundamentals
• 4.2 SQL vs NoSQL Overview

• 5.1 Why Project Architecture Matters
• 5.2 Routes, Controllers, Services and Models

• 6.1 Authentication vs Authorization
• 6.2 User Registration

• 7.1 Why Backend Validation Is Necessary
• 7.2 Request Validation

• 8.1 Search
• 8.2 Filtering

• 9.1 multipart/form-data
• 9.2 File Uploads with Multer

• 10.1 Sending Emails from a Backend
• 10.2 Nodemailer

• 11.1 Postman Collections
• 11.2 Environment Variables in Postman

• 12.1 Git Fundamentals
• 12.2 Repositories and Commits

• 13.1 Development vs Production
• 13.2 Production Environment Variables

• 14.1 React-to-API Communication
• 14.2 Axios and Fetch