All Sessions

Browse all 16 sessions in the bootcamp

Your Progress

0 of 16 sessions completed

Week 1HTML FoundationCode AvailableLive Preview

3 hours

The Foundation - HTML Basics & Structure

Students build their first complete webpage

Course introduction and success roadmapInstall VS Code + Essential ExtensionsDOCTYPE and HTML Structure+3 more

Best Member

FHFatima Hassan98

Outstanding HTML structure and excellent use of semantic elements

Live Preview Available

A clean, semantic HTML page with proper structure, headings hierarchy, and essential elements like header, main, sections, and footer.

HTML

View

View Details

Week 2HTML FoundationCode AvailableLive Preview

3 hours

Connecting the Web - Links, Images & Lists

Build an interactive multi-page website with media

Anchor Tags and Link TypesImage Elements and PathsUnderstanding File Paths (Absolute vs Relative)+4 more

Best Member

FHFatima Hassan95

Beautiful website design with perfect navigation and image optimization

Live Preview Available

A multi-page travel website showcasing destinations with images, navigation between pages, and organized content using lists and links.

HTML

View

View Details

Week 3HTML Foundation

3 hours

Forms & Semantic HTML

Master forms and write professional, semantic HTML

HTML EntitiesStructural Elements (span, br, hr, div)Form Structure and Attributes+4 more

Best Member

FHFatima Hassan97

Perfect semantic structure and comprehensive form implementation

View Details

Week 4CSS MasteryCode AvailableLive Preview

3 hours

CSS Introduction & The Box Model

Transform plain HTML into styled, beautiful pages

CSS Syntax and Inclusion MethodsSelectors (Element, Class, ID, Universal)Naming Conventions and BEM+6 more

Best Member

AMAhmed Mohamed92

Creative design with excellent typography and spacing

Live Preview Available

A beautifully styled personal website with modern CSS, featuring gradients, shadows, typography, and responsive design using the box model.

HTMLCSS

View

View Details

Week 5CSS Mastery

3 hours

Advanced CSS - Positioning & Pseudo Elements

Master layout control and interactive styling

CSS Inheritance & SpecificityPosition Property (static, relative, absolute, fixed, sticky)Z-index and Layering+5 more

Best Member

SISara Ibrahim95

Exceptional use of pseudo elements and smooth hover animations

View Details

Week 6CSS MasteryCode AvailableLive Preview

3 hours

Flexbox - The Layout Revolution

Master modern CSS layouts with Flexbox

Flexbox Philosophy and Use CasesFlex Container Properties (display, flex-direction, flex-wrap)Justify-content (main axis alignment)+5 more

Best Member

AMAhmed Mohamed96

Masterful flexbox implementation with creative layout solutions

Live Preview Available

A modern, fully responsive landing page built entirely with Flexbox, showcasing perfect alignment, flexible layouts, and smooth responsive behavior across all devices.

HTMLCSS

View

View Details

Week 7CSS Mastery

3 hours

CSS Grid - Two-Dimensional Mastery

Build complex, responsive layouts with CSS Grid

Grid vs FlexboxGrid Terminology (tracks, cells, areas, lines)Grid Template Columns and Rows+6 more

View Details

Week 8CSS Mastery

3 hours

Advanced CSS - Animations & Responsive Design

Create smooth animations and fully responsive websites

CSS Transitions (property, duration, timing-function, delay)2D Transforms (translate, scale, rotate, skew)Transform Origin+6 more

View Details

Week 9JavaScript Power

3 hours

JavaScript Foundation - The Language of the Web

Master JavaScript fundamentals and syntax

JavaScript Introduction and ECMAScriptBrowser Developer ConsoleScript Inclusion Methods (defer, async)+5 more

View Details

Week 10JavaScript Power

3 hours

JavaScript - Numbers, Math & Control Flow

Work with numbers and make decisions in code

Number Methods (toString, toFixed, parseInt, parseFloat)Math Object (PI, abs, ceil, floor, round, min, max, pow, sqrt, random)If Statements and If-Else+7 more

View Details

Week 11JavaScript Power

3 hours

JavaScript - Arrays & Loops

Master data collections and iteration

Array Creation and AccessArray Methods (push, pop, shift, unshift, splice, slice)Array Methods (concat, join, reverse, indexOf, includes, sort)+6 more

View Details

Week 12JavaScript Power

3.5 hours

JavaScript - Functions & Scope

Master reusable code and understand scope

Function Declaration and ExpressionArrow Functions (ES6)Parameters vs Arguments+9 more

View Details

Week 13JavaScript PowerCode AvailableLive Preview

3.5 hours

DOM Manipulation - Bringing JavaScript to Life

Control and manipulate HTML with JavaScript

Understanding the DOM TreeSelection Methods (querySelector, querySelectorAll, getElementById)NodeList vs HTMLCollection+8 more

Live Preview Available

A fully interactive web application featuring an image gallery with thumbnail navigation, an accordion FAQ section, and a character counter with real-time updates.

HTMLCSSJS

View

View Details

Week 14Advanced Integration

3.5 hours

Events & Interactive Applications

Master event handling and build interactive apps

Event Types (Mouse, Keyboard, Form, Window, Touch)addEventListener and removeEventListenerEvent Object Properties (type, target, currentTarget, coordinates, key)+7 more

View Details

Week 15Advanced Integration

3.5 hours

Advanced JavaScript - APIs, Async & Storage

Work with external data and persistent storage

Array Higher-Order Functions (forEach, map, filter, find, reduce, some, every, sort)Method ChainingArray and Object Destructuring+11 more

View Details

Week 16Final Portfolio

3.5 hours

Bootstrap & Final Portfolio Presentation

Learn Bootstrap basics and showcase final portfolio

Bootstrap Introduction and SetupBootstrap Grid System (12-column, breakpoints)Utility Classes (spacing, display, colors, typography, borders)+8 more

View Details