Chat with Jentech AI on WhatsApp

Full Stack Web Development Course Outline

A structured, hands-on curriculum designed to build real web development skills week by week.

Course Goals

This revised 5-weeks structure ensures students move beyond the basics of syntax and into the logic of modern layouts and interactivity before tackling their final build.

Week 1: Semantic HTML & Structure

  • The Web Ecosystem (Clients/Servers), HTML5 Boilerplate, and the "Tree" structure of elements
  • Semantic tags (header, section, footer), Lists, and complex Forms (Inputs, Labels, Buttons)
  • Media integration (Images, Video) + Quiz 1 (HTML Structure)

Week 2: CSS Styling & The Box Model

  • CSS Syntax, Selectors (Class vs ID), and the three ways to link styles
  • The Box Model (Content, Padding, Border, Margin) and Typography fundamentals
  • Colors, Backgrounds, and CSS Units (px, em, %) + Quiz 2 (CSS Basics)

Week 3: Modern Layouts (Flexbox & Grid)

  • Layout Logic
  • Introduction to CSS Grid for 2D layouts and a primer on Responsive Design (Media Queries)
  • Designing for Mobile vs Desktop + Quiz 3 (Layout & Responsiveness)

Week 4: JavaScript Fundamentals & DOM

  • Logic Intro
  • Functions and Event Listeners
  • DOM Manipulation

Week 5: Mini Project (The Capstone)

  • Project Setup & Multi-Page Planning
  • Development & Interactivity
  • Final Delivery

Proceed