Skip to product information
Real Projects Front-end Workshop
  • Real Projects Front-end Workshop
  • Real Projects Front-end Workshop
Real Projects Front-end Workshop

Real Projects Front-end Workshop

LE 500.00 LE 800.00

A 4-day, hands-on workshop designed to teach HTML, CSS, and Bootstrap in depth by building real projects such as a Landing Page, an E-commerce front-end, and a Portfolio website. Throughout the sessions, you’ll code along, apply best practices for responsive UI, layout, and accessibility, and learn how to use Git & GitHub to manage your projects professionally. By the end, you’ll leave with live, publish-ready project files you can showcase or reuse.

Real-World Exercises

Code Along with the Class

Your Questions Answered

Classroom Format

Workshop Details

What: 4 Sessions (6 hours each)

When: November 21 – November 24, 2025

Time: 3:00 PM – 9:00 PM (Cairo Time)

Where: Online or In-person (Alexandria, Saba Pasha, Al-Bustan Building 309, First Floor, Apartment No. 3)

Pre-requisites

  • Basic Computer Skills: Comfortable using a computer, browsing the internet, and managing files.
  • Laptop Required: Bring a charger and be ready to work hands-on.

Ready to build your portfolio? Secure your spot now!
Where your want to attend?

Daily Schedule
Day 1 — Fundamentals & E-commerce Project
  • - HTML basics: structure, tags, semantics
  • - CSS fundamentals: selectors, box model, positioning
  • - Bootstrap Utilities
  • - Start e-commerce project
Day 2 — Advanced CSS & E-commerce Project
  • - Responsive design: media queries, mobile-first approach
  • - Finish e-commerce project
  • - Bootstrap Components
Day 3 — Landing page Project
  • - State & interactions with CSS (hover, focus, transitions)
  • - Utility classes & architecture (BEM / simple structure)
  • - Landing page project
Day 4 — Portfolio Project & Deployment Prep
  • - Portfolio project
  • - Simple hosting options for static sites (Vercel / GitHub Pages) — how to publish your UI worke