Web Development (L1-2-3)
Student Outline
Level 1A: Fundamentals of Programming & Web Development
Technologies: HTML5, CSS3, JavaScript Basics, Git, Web Design Principles
Week 1: Web Basics & HTML
• Class 1: Introduction to Web Development, How the Web Works, VS
Code Setup
• Class 2: HTML5 Structure, Tags, Forms, Media Embedding
Week 2: CSS Fundamentals
• Class 3: CSS Syntax, Selectors, Box Model, Colors, Units
• Class 4: Layout (Flexbox, Grid), Typography, Responsive Design Basics
Week 3: JavaScript Basics
• Class 5: Variables, Data Types, Operators, Conditionals
• Class 6: Loops, Functions, Arrays, Objects
Week 4: Git & Final Mini Project
• Class 7: Git & GitHub (init, add, commit, push), Branching Basics
• Class 8: Mini Project: Build a Personal Portfolio Website
Level 1B: JavaScript Fundamentals
Technologies: Advanced JavaScript, DOM Manipulation, ES6+, Async
Programming
Week 1: JavaScript Deep Dive
• Class 1: ES6 Features – let/const, arrow functions, template literals
• Class 2: Arrays & Objects Advanced – map, filter, reduce
Week 2: DOM & Events
• Class 3: DOM Traversing & Manipulation
• Class 4: Event Listeners, Forms, Input Validation
Week 3: Functions & Asynchronous JS
• Class 5: Callbacks, Promises, Async/Await
• Class 6: Fetch API, JSON, Basic API Calls
Week 4: JS Mini Project
• Class 7: Build a Weather App / To-Do List with API Integration
• Class 8: Project Review & GitHub Deployment
Level 2A: React.js
Technologies: React Components, State, Props, Hooks, Routing, Context
API
Week 1: React Setup & Components
• Class 1: React App Setup, JSX, Functional Components
• Class 2: Props, Component Reusability
Week 2: State & Events
• Class 3: useState Hook, Event Handling
• Class 4: Forms, Controlled Components
Week 3: Routing & Hooks
• Class 5: React Router (Routes, Links, Parameters)
• Class 6: useEffect Hook, API Calls in React
Week 4: Context & Project
• Class 7: Context API, Global State
• Class 8: Mini Project: React Blog / Task Manager
Level 2B: Node.js
Technologies: Node.js, Express.js, REST APIs, Authentication
Week 1: Node.js & Express Basics
• Class 1: Node.js Introduction, npm, Modules, File System
• Class 2: Express Setup, Middleware, Routing
Week 2: RESTful APIs
• Class 3: CRUD Operations with Express
• Class 4: API Routes, Postman Testing
Week 3: Middleware & Authentication
• Class 5: Custom Middleware, Error Handling
• Class 6: JWT Authentication, Hashing with bcrypt
Week 4: Express Project
• Class 7: Build a REST API for User Management
• Class 8: Final Review & Integration with Frontend
Level 3A: Python & Django
Technologies: Python Basics, Django Framework, ORM, Templates
Week 1: Python Programming
• Class 1: Variables, Data Types, Conditionals
• Class 2: Loops, Functions, Lists, Dictionaries
Week 2: Django Setup & Models
• Class 3: Django Installation, Project Structure
• Class 4: Models, Migrations, Admin Panel
Week 3: Views & Templates
• Class 5: Views, URL Routing
• Class 6: Django Templates, Static Files
Week 4: Mini Django Project
• Class 7: Build a Blog / Task Manager
• Class 8: Deployment & Final Review
Level 3B: Databases & PHP/Laravel
Technologies: SQL, NoSQL, PHP, Laravel, MVC Architecture
Week 1: Database Fundamentals
• Class 1: SQL Basics – Tables, Queries, Joins
• Class 2: NoSQL Overview – MongoDB, Differences with SQL
Week 2: PHP & Laravel Setup
• Class 3: PHP Syntax, Functions, Forms
• Class 4: Laravel Introduction, MVC Architecture, Routing
Week 3: Laravel Backend Development
• Class 5: Models, Migrations, Controllers
• Class 6: Blade Templates, Validation, CRUD
Week 4: Capstone Backend Project
• Class 7: Build a Laravel CRUD Web App
• Class 8: Final Integration & Presentation
