HTML CSS JS

Basic Web
Development Labs

// HTML · CSS · JavaScript — Fundamentals

Mahmoud Awad Author
Eng. Omar Mosleh Instructor
ITI — ICC Program
Full-Stack MEARN Track
2026 Year
HTML5 — Structure & Semantics
CSS3 — Styling & Layout
JavaScript — Logic & Interactivity

// Labs

LAB_01 HTML

Welcome & Home Page

Personal intro page with image map, YouTube embed, and multi-page navigation.

↗
LAB_02 CSS

CSS Styling & Layout

Sticky navbar, glass morphism, CSS Grid cards, image overlays, dropdowns and multi-section layout.

Main Page ↗ Bonus Page ↗
LAB_03 JS

JavaScript Fundamentals

Switch, loops, arrays, validation and interactive UI — Calculator, Guessing Game, Patterns & more.

Main Page ↗ JS Day One ↗
LAB_04 JS

JavaScript Day Two

Arrays, objects, dates, strings, deep copy and DOM CRUD — Library, Todo List & more.

Main Page ↗ JS Day Two ↗
LAB_05 JS

DOM Manipulation

Profile card, task list, theme switcher and image gallery — dynamic DOM interaction with events and CSS class manipulation.

↗
LAB_06 JS

Advanced DOM & Fetch API

Card builder, keyboard events, event delegation, JSON practice and Fetch API — 5 exercises with async/await.

↗
LAB_07 soon

Coming Soon

Next lab will appear here.

↗