Responsive Websites with HTML and CSS

Today, there is a large number of frameworks and platforms that you can use to create your own website. You don’t even need to write one line of code if you don’t want to.

These tools, libraries, frameworks, content management systems and platforms that you can use to create website have a common underlying base: HTML and CSS. And if you have a solid understanding of these technologies, you will master your web projects.

Say goodbye to cryptic problems, insecurities and recurring frustration and hello to better productivity and the success of your website!

📖 Syllabus

In this course, we will cover these topics:

• CSS: foundations, selectors; inheritance and cascade
• CSS layout with grid and flexbox
• Responsive web design
• Making images and navigation responsive
• File formats like SVG and AVIF
• Content First, Mobile First and Progressive Enhancement
• Modern web design
• Web typography
• Basic animations
• Accessibility
• Tools, libraries and frameworks
• Optimizing performance
• Error handling and quality control
• Working with an agency or developer
• Best practices

🎯 Learning Objectives

After this course, participants…

• can implement basic responsive websites,
• can read and write HTML and CSS,
• have a solid understanding of web technologies and their workings,
• know the basics of modern web development and web design,
• know the most important tools and libraries,
• feel confident in handling errors and bugs,
• are able to discuss requirements with professional developers.

👨‍🏫 Teaching Methods

• Remote course (live)
• Presentations with exercises
• Hands-on coding exercises
• Q&A

🧑‍💻 Target Group

This course is for you if you…

• maintain one or multiple websites themselves,
• need to build a website for their own business,
• want to learn a new skill and
• don’t have a coding background.

This course is rather not for you if you…

• are a software developer or
• want to become a software developer.

Prior Knowledge:
no prior knowledge required

Technical Requirements / Preparation:
Bring a laptop on which you can install programs (admin rights).
Make sure your internet connection is stable for participating in the remote class.
Create a Google account.
Install and set up the web browsers Chrome and Firefox

🏫 What Makes Us Special

We put a lot of emphasis on supporting each participant individually. Nobody should be left behind. The teacher will always be open to answer questions and will help each individual participant if they get stuck at the coding exercises.

Individual Support

The teacher will pay attention to every participant. Noone will be left behind.

Supportive Learning Environment

Every participant should feel comfortable in class.

High Quality of Teaching

We use proven didactic methods that prevent learner frustration and maximize learning success.

Bleeding Edge

Our course content is always up to date with the latest technology.

🏅 Quality of Teaching

Hamburg Coding School is an educational organization that has been audited for quality by Weiterbildung Hamburg e.V.. This means that, as a member organization, we adhere to their quality criteria. We check and improve the quality of our courses on a regular basis.

The quality of teaching of individual teachers is checked as well. Teachers need to pass a pedagogical qualification test before they can teach courses at Hamburg Coding School.

Quality Standard

Course Summary

Location

Virtual Course

Schedule

29.4.2025 - 22.5.2025

7 sessions, Tue + Thu
6pm - 9pm

Certificate

Certificate of Participation

Language

German