Applicant Hub
  • 👋Welcome
  • 🌐Full-Stack Track
    • HTML & CSS
      • Prework - HTML & CSS
    • JavaScript
      • Prework - JavaScript
    • Full-Stack Bootcamp
      • Prework - Full-Stack Bootcamp
    • Full-Stack Circle
      • Prework - Full Stack Circle
  • 📊Data / AI Track
    • Python Foundations
      • Prework - Python Foundations
    • Data Analytics
      • Prework - Data Analytics
    • Machine Learning and AI
      • Prework - Machine Learning and AI
    • Data Circle
      • Prework - Data Circle
  • 💻Tech & Design Basics
    • Creative Communications
      • Prework - Creative Communication
    • IT Infrastructure Foundations
      • Prework - IT Infrastructure Foundations
    • UX/UI Bootcamp
      • Prework - UX/UI Bootcamp
  • 📚Resources
    • Camera On Policy
    • Prework
  • Frequently Asked Questions (FAQ)
Powered by GitBook
On this page
  • What is the course about?
  • Why should you take this course?
  • How You’ll Learn
  • Final Project
  • Content
  • A typical week
  • Onsite Activities
  • Timeline
  • How to Graduate from the Course?
  • After the course
  • How to apply?
  • Sign up to Join Open Day
  • Complete Prework
  • Hand in Application Form
  • Interview (25.08 - 29.08)
  • Onboarding (08.09)
  • FAQ
  • 💬 Still unsure what to do..?
Export as PDF
  1. Full-Stack Track

HTML & CSS

PreviousWelcomeNextPrework - HTML & CSS

Last updated 6 days ago

What is the course about?

Learn the basic skills of web development with HTML and CSS through fun, hands-on lessons. Everyone can build a website, and we’ll teach you how! The HTML/CSS course is the introduction to the Web Development track. The course is right for you if you’re curious about how websites work and enjoy learning through practice. Students who feel ready will also have the chance to build a small website at the end.

Course Details

  • Classes: Tuesday and Thursday, 19:00 - 21:00

  • Time Invest: 15 hours per week

  • Timeline: Start Date is 08th of September 2025, End Date is 08th of December 2025 (14-weeks)

  • Hybrid: Certain events take place in person in the following locations: NRW, Berlin, Hamburg.

Why should you take this course?

  • Hands-on Learning - You will learn by doing. Each week includes guided practice, challenges, and small tasks to help you understand and apply core web development concepts. If you feel ready, you can build a small website at the end of the course.

  • Content - You will get started with the tools used by web developers every day: Git, GitHub, VS Code, and the basics of HTML and CSS.

  • Your Start - This course is the ideal starting point for your path toward becoming a Full-Stack developer. You will leave the course with new skills, a GitHub profile, and a ReDI Certificate. Afterward, you can join the next course: JavaScript.

  • Industry Experts - Our teachers are volunteers working in tech. They will support you with real-world insights and feedback to help you start your journey into web development.

How You’ll Learn

This course follows a concept-based learning approach. Each week, you’ll focus on one topic through hands-on activities, guided demos, and practice tasks. You’ll get feedback and support in class and during coaching sessions.

Final Project

you will create a small personal project at the end of the course. This project allows you to apply and showcase the skills you have learned throughout the lessons. It is completed after the weekly lessons and is not broken down into smaller parts throughout the course.

Content

Week
Topic
Content

0

Onboarding

Get to know ReDI

1

Kick-Off

Get to know the Teachers

2

Introduction to HTML

Get started with VS Code, Git & GitHub.

3

HTML Basics

Git & GitHub, CLI, HTML elements, commonly used tags

4

CSS Fundamentals

Selectors, properties, box model

5

ID Sectors & Box Model

ID selectors, positioning, Flexbox, Grid, and responsive design

6

FlexBox & Mini Project into

Review key Flexbox concepts and prepare for the mini project.

7

Mini Project

Build forms, focus on accessibility, and use advanced selectors.

8

Recap

Animations, transitions, pseudo-classes

9

Feedback Session

Participate in a feedback session about your ReDI Expereince

10

Career Week

You can participate in a variety of career workshops.

11

Final Project Intro

Key concepts are reviewed

12

Final Project

You implement what you have learned in a final project.

13

Final Project

You implement what you have learned in a final project.

14

Demo Day

You present your final project

A typical week

Tuesday 19:00 - 21:00

Every Tuesday from 19:00 to 21:00, you have an online coaching session in which you present your weekly milestone to a coach and receive guidance and support to complete it.

Thursday 19:00 - 21:00

Every Thursday from 19:00 to 21:00, you have an online input session during which the teachers introduce new concepts.

Friday - Monday

You work on your weekly project milestone. That means you will be coding hands-on by yourself. If you run into problems, you can contact your class on Slack. You complete the milestone before Tuesday to present it in the session.

Onsite Activities

Based on your location, there are different on-site activities. Find out more below.

If you are located in Berlin and surrounding, we invite you to four on-site community events throughout the semester.

If you are located in NRW, we invite you to four on-site community events throughout the semester. The Demo Day will also take place in person in Düsseldorf.

If you are based in Hamburg, you will join the course four times in person: Onboarding, two regular course sessions, and Demo Day.

Timeline

Month
Topics
Description

June

Open Days

Join Info Sessions to get to know ReDI School & Fall 2025

July

Open Days Application Open

Join Info Sessions to get to know ReDI School & Fall 2025 Complete the application form and finish your prework.

August

Student Interviews

Students are interviewed for the course.

September

Kick-Off Course runs

We kick-off the semester.

October

Course runs

You join the sessions and work on your project.

November

Course runs

You join the sessions and work on your project.

December

Demo Day

Present their final project.

How to Graduate from the Course?

To graduate and receive the ReDI Certificate, we ask you to:

  • Submit all three projects

After the course

  • You completed three projects which you can add to your portfolio.

  • You gained a solid foundation in HTML structure and elements. You mastered essential CSS selectors for styling web pages. You understand and implement responsive web design techniques.

  • You are prepared to move to the ReDI’s JavaScript course.


How to apply?

1

Optional for current ReDI students. Join us to find out more about the courses and requirements.

2

Complete it before the application deadline. Start early! The Prework might take up to 20 hours in total. The deadline is stated in the email with the link to the application form.

3

Hand in Application Form

We ask you for the link to your completed prework in the application form.

4

Interview (25.08 - 29.08)

Depending on your course, you may be interviewed

5

Onboarding (08.09)

Your course starts!

Complete Your Prework


FAQ

Not sure which track you are interested in?

If you don't have any experience with tech, apply to our introduction course: HTML & CSS, Infrastructure Basics, Python Foundations or UX/UI Design Bootcamp. To understand which tech career interests you, check out the following link:

Not sure which course level to apply for?

🤖 Unsure about the course?


The course has two online sessions per week. For on-site events, check out . The session format differs from what you might have seen before.

Attended 80% of the sessions (We have a )

to Join Open Day

Complete

Start applying now by completing the !

Check out the of the different levels. If you are a little bit challenged but able to complete a Prework, then the level is right for you.

Try out our (you need a ChatGPT account to access it). Please keep in mind that the Chatbot might make mistakes. You can find all the correct information on the Applicant Hub.

Still unsure what to do..?

You tried our - and didn’t find the answer you needed? Please make sure to review the Applicant Hub carefully, your answer is likely there. Still stuck? Check our . Alternatively, you can reach out to us via email: .

🌐
On-site Activities
camera on policy
Sign up
Prework
HTML / CSS Prework
How to choose a tech career?
Career Changer Playbook
Prework
AI Chatbot on Open AI
💬
AI Bot
FAQ Page
dcp@redi-school.org
More information
Learn more about the HTML & CSS Course
Example E-Commerce Store you will build in the course
Career Tech Guide

Is this course for me?

ReDI style