30-Day Intensive Web Development Training - HTML, CSS, Next.js & Full-Stack Mastery
Complete 30-day training schedule covering three parallel tracks - Web Development Fundamentals, Next.js Full-Stack CRUD Mastery, and NHPC Stack Development. Build 6+ production-ready projects while mastering HTML, CSS, Tailwind, TypeScript, PostgreSQL, Prisma, and modern full-stack development.
Final 30-Day Training Schedule
3 Tracks Daily
| Session 1 = Web Dev | Session 2 = NHPC Stack | Session 3 = Next.js Full-Stack CRUD Mastery |
📌 WEEK 1 — Foundations (HTML, CSS, Intro JavaScript, Next.js Basics)
WEEK 1 - Session 1 (Tue, Dec 2)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | HTML Foundations & Modern Structure | Mr. Kalule |
| Next.js Full-Stack Mastery | Next.js 15 Fundamentals & Modern React | Mr. Collin |
| NHPC Stack Development Course | Next.js Fundamentals & Modern React Patterns | Mr. JB |
WEEK 1 - Session 2 (Thu, Dec 4)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | CSS Fundamentals & Modern Layouts | Mr. Jordan |
| Next.js Full-Stack Mastery | TypeScript Deep Dive & Tailwind CSS Integration | Mr. Sam |
| NHPC Stack Development Course | Advanced Next.js Patterns & State Management | Mr. Custor |
WEEK 1 - Session 3 (Sat, Dec 6)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | Advanced CSS & Design Patterns | Mr. Kalule |
| Next.js Full-Stack Mastery | PROJECT 1 - Static Business Directory | Mr. JB |
| NHPC Stack Development Course | PROJECT 1 - Recipe Sharing Platform (Frontend Only) | Mr. John |
📌 WEEK 2 — Tailwind, APIs & Databases
WEEK 2 - Session 4 (Tue, Dec 10)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | PROJECT 1 - Restaurant Menu & Ordering Page | Mr. Richard |
| Next.js Full-Stack Mastery | Better Auth Setup & Authentication Fundamentals | Mr. Jordan |
| NHPC Stack Development Course | Hono Framework & API Development Fundamentals | Mr. JB |
WEEK 2 - Session 5 (Thu, Dec 12)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | Introduction to Tailwind CSS & Utility-First Approach | Mr. John |
| NHPC StackNext.js Full-Stack Mastery | PROJECT 2 - User Authentication System with Email Verification | Mr. Collin |
| NHPC Stack Development Course | PostgreSQL, Prisma ORM & Database Design | Mr. Sam |
WEEK 2 - Session 6 (Sat, Dec 14)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | Tailwind Layout & Components | Mr. Richard |
| Next.js Full-Stack Mastery | PostgreSQL, Prisma ORM & Database Design | Mr. Sam |
| NHPC Stack Development Course | PROJECT 2 & 3 - RESTful APIs |
PROJECT 2: Blog API PROJECT 3: E-commerce Product API | Mr. JB |
📌 WEEK 3 — CRUD, Auth & Cloud Storage
WEEK 3 - Session 7 (Tue, Dec 17)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | Advanced Tailwind & Customization | Mr. Kalule |
| Next.js Full-Stack Mastery | Next.js Server Actions & API Routes | Mr. Jordan |
| NHPC Stack Development Course | Connecting Next.js Frontend with Hono Backend | Mr. Collin |
WEEK 3 - Session 8 (Thu, Dec 19)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | PROJECT 2 - Small Business Landing Page | Mr. Custor |
| Next.js Full-Stack Mastery | PROJECT 3 - Personal Note-Taking App (Full CRUD) | Mr. Sam |
| NHPC Stack Development Course | Authentication & Authorization | Mr. JB |
WEEK 3 - Session 9 (Sat, Dec 21)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | JavaScript Fundamentals & DOM Manipulation | Mr. John |
| Next.js Full-Stack Mastery | Advanced Patterns - File Uploads, Multi-user, Permissions | Mr. Richard |
| NHPC Stack Development Course | PROJECT 4 - Full-Stack Job Board | Mr.JB |
📌 WEEK 4 — Deployment & Real-World Apps
WEEK 4 - Session 10 (Tue, Dec 23)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | JavaScript Data Structures & Functions | Mr. John |
| Next.js Full-Stack Mastery | PROJECT 4 - Team Task Manager (Multi-user CRUD) | Mr. Collin |
| NHPC Stack Development Course | File Uploads & Cloud Storage | Mr. JB |
WEEK 4 - Session 11 (Thu, Dec 25)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | PROJECT 3A - Task Management Dashboard (Part 1) | Mr. Richard |
| Next.js Full-Stack Mastery | PROJECT 5 - Inventory Management System | Mr. Sam |
| NHPC Stack Development Course | PROJECT 5 - Social Media Dashboard | Mr. JB |
WEEK 4 - Session 12 (Sat, Dec 27)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | Advanced JavaScript & PROJECT 3A Completion | Mr. JB |
| Next.js Full-Stack Mastery | Production Best Practices & Advanced Features | Mr. Jordan |
| NHPC Stack Development Course | PROJECT 6 - Multi-Vendor Marketplace Platform (Capstone) | Mr. Collin |
📌 WEEK 5 — Capstone (Launch Projects)
WEEK 5 - Session 13 (Tue, Dec 30)
| Course Track | Topic | Teacher |
|---|---|---|
| Web Dev | Final Project – Local Service Booking System | Mr. Custor |
| Next.js Full-Stack Mastery | PROJECT 6 - SaaS Starter: Customer Management Platform (CRM) | Mr. JB |
| NHPC Stack Development Course | PROJECT 6 - Multi-Vendor Marketplace Platform (Capstone) completion and Deployment | Mr. Collin |
📚 Lesson Reference Links
Refer to the links below for more detailed lesson resources, guides, and supporting materials for each course track:
1️⃣ 30-Day Web Development Course
HTML, CSS, Tailwind & JavaScript Guide
🔗 Lesson Link:
https://jb.desishub.com/blog/html-tailwindcss-js
2️⃣ 30-Day Next.js Full-Stack Mastery
Build 6 Production-Ready CRUD Applications
🔗 Lesson Link:
https://jb.desishub.com/blog/nextjs-prisma-postgres-better-auth
3️⃣ 30-Day NHPC Stack Development Course
Master Next.js, Hono, Prisma & Cloudflare
🔗 Lesson Link:
https://jb.desishub.com/blog/nextjs-hono-prisma-cloudflare-course
✨ Notes
- Use these links for deeper lesson content, code examples, project references,
- Each lesson session will rely on the materials from the reference pages above.
- Keep these links accessible throughout the 30-day program.