Course Syllabus
Module 1: Web Fundamentals & Environment
- How the internet and web architecture work (clients, servers, HTTP/HTTPS)
- Setting up a code editor (e.g., VS Code) and using browser Developer Tools
- Introduction to Version Control with Git and GitHub basics [1, 2]
Module 2: HTML5 (HyperText Markup Language)
- Basic document structure (
<!DOCTYPE>, <html>, <head>, <body>) - Text tags (headings, paragraphs, spans, formatting)
- Links, images, lists, and tables
- HTML forms and inputs (text fields, buttons, labels)
- Introduction to semantic HTML (
<header>, <nav>, <main>, <footer>) [1, 2, 3, 4, 5]
Module 3: CSS3 (Cascading Style Sheets)
- Syntax, selectors, classes, IDs, and colors
- Typography and web fonts
- The CSS Box Model (margins, borders, padding, content box)
- Layout techniques (display, positioning, floats)
- Modern layouts with Flexbox and CSS Grid
- Basic transitions and transformations [1, 2, 3, 4, 5]
Module 4: Responsive Web Design
- Mobile-first design principles
- Viewport meta tag and flexible units (
rem, em, %, vw/vh) - Media queries for different screen sizes (phones, tablets, desktops)
- Introduction to a CSS framework like Bootstrap or Tailwind CSS [1, 2, 3, 4]
Module 5: JavaScript Basics (Client-Side Programming)
- Variables (
let, const, var), data types, and operators - Conditional statements (
if/else, switch) and loops (for, while) - Functions and scope
- Working with arrays and objects
- Introduction to the Document Object Model (DOM) and DOM manipulation
- Handling user events (clicks, input changes, form submissions
Bestseller
