HTML / CSS

Course Plan

Day
Date
Topics
Format

Tues

18.03.2025

Course Kick off online

πŸ’» Online

Thurs

20.03.2025

Website structure & intro to HTML

πŸ’» Online

Tues

25.03.2025

HTML Basics Syntax and code structure

πŸ’» Online

Thurs

27.03.2025

HTML Basics II

πŸ’» Online

Tues

01.04.2025

Recap HTML + introduction to CSS with element selectors

πŸ’» Online

Thurs

03.04.2025

Units (px/%), CSS text formatting, borders & background colours

πŸ’» Online

Tues

08.04.2025

Class & ID selectors

πŸ’» Online

Thurs

10.04.2025

CSS box model, Box model practice

πŸ’» Online

Tues

15.04.2025

Display inline/block, Intro to Flexbox + Flexbox Froggy

Hybrid Class: For students in Hamburg: on site at JAKALA. For students in Berlin and NRW: Online.

Thurs

17.04.2025

Flexbox practice & Preject intro & working time

πŸ’» Online

Tues

22.04.2025

Preject Mini recapathon

πŸ’» Online

Thurs

24.04.2025

Preject Demo

πŸ’» Online

Tues

29.04.2025

RECAP: Flexbox + Display (block/inline/fixed/relative) NEW: Psuedo classes, Pseudo elements, combinators

πŸ’» Online

Thurs

01.05.2025

Holiday

Tues

06.05.2025

Students Feedback Session / ReDI Led

πŸ’» Online

Thurs

08.05.2025

Holiday

Tues

13.05.2025

Students Participate in Career Weeks

πŸ’» Online

Tues

20.05.2025

Responsive design, Media queries

Hybrid Class: For students in Hamburg: on site at JAKALA. For students in Berlin and NRW: Online.

Thurs

22.05.2025

Introduce VSCode, Local HTML & CSS files, Inline Styling Final Project Kick-Off

πŸ’» Online

Tues

27.05.2025

Icons & using other people's code/assets/fonts Project Preparation 1

πŸ’» Online

Thurs

29.05.2025

Holiday

πŸ’» Online

Tues

03.06.2025

Grid pt 1 + Grid pt 2 Project Preparation 2

πŸ’» Online

Thurs

05.06.2025

Accessibility Project Preparation 3

πŸ’» Online

Tues

10.06.2025

HTMLForms+ Validators Project Preparation 4

πŸ’» Online

Thurs

12.06.2025

Final Project

πŸ’» Online

Tues

17.06.2025

Class Demo Day

πŸ’» Online

⭐️ Help

Reach out to Abdullah, your Course Manager, for help via Slack.

Last updated