Who is this course for?

This course is perfect for anyone who wants to learn web development, whether you are a complete beginner or someone looking to enhance their skills in creating responsive websites. It’s also ideal for aspiring web developers, designers, or anyone interested in building functional websites.

How long does it take to complete the course?

The course duration is flexible, as it depends on how quickly you progress through the material. On average, completing the course will take several weeks if you dedicate around 5-8 hours per week. Each project has its own set of lessons, and you can move at your own pace.

Is this course stand-alone or part of a specialization?

This course is a stand-alone course, meaning it focuses solely on building responsive websites with HTML, CSS, and JavaScript. It’s not part of a larger specialization but offers a complete learning experience on its own.

Can I preview a course before enrolling?

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

When will I have access to the lectures and assignments?

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

What will I get when I enroll?

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.

When will I receive my Course Certificate?

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

Why can’t I audit this course?

This course is currently available only to learners who have paid or received financial aid, when available.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Build 5 Responsive Websites with HTML, CSS, and JavaScript

Sparen Sie $160 für die Barrierefreiheit von mehr als 10.000 Programmen - ein wahres Urlaubsvergnügen. Jetzt sparen.

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen.

Build 5 Responsive Websites with HTML, CSS, and JavaScript

Dozent: Packt - Course Instructors

Bei Coursera Plus enthalten

Mehr erfahren

6 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Anfänger

Empfohlene Erfahrung

1 Woche zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

6 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Anfänger

Empfohlene Erfahrung

1 Woche zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

Build 5 full-scale responsive websites using HTML, CSS, and JavaScript
Create navigation bars, footers, contact forms, and interactive UI sections
Use Swiper.js and animated counters to enhance UX and functionality
Apply responsive design techniques for cross-device compatibility

Kompetenzen, die Sie erwerben

Kategorie: Mobile Development
Kategorie: Web Design and Development
Kategorie: User Interface (UI) Design
Kategorie: HTML and CSS
Kategorie: Web Applications
Kategorie: UI Components
Kategorie: Javascript
Kategorie: Front-End Web Development
Kategorie: Responsive Web Design
Kategorie: Animations

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

November 2025

Bewertungen

7 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

In diesem Kurs gibt es 6 Module

This course features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Take your front-end development skills to the next level by building five fully functional, beautifully designed, and fully responsive websites using HTML, CSS, and JavaScript. Throughout this hands-on course, you'll master core web development concepts by applying them to real-world projects like a furniture store, a personal portfolio, and more. Whether you’re enhancing your design skills or strengthening your coding logic, this course offers the tools to create modern, mobile-friendly websites from scratch. The course starts with an introduction and essential setup instructions, then takes you step-by-step through each of the five website projects. You'll begin with foundational structures and gradually implement interactivity, styling, and responsiveness. Each project introduces new elements—like animated banners, Swiper.js sliders, and interactive counters—so you’re constantly applying and expanding your knowledge. As you move through the course, you'll deepen your understanding of layout design, user interaction, and clean, maintainable code. Projects build on each other to help you develop both technical and creative skills. The course wraps with mobile optimization strategies, ensuring your websites are responsive across devices. This course is ideal for aspiring front-end developers, web designers, and coding enthusiasts looking to build a strong portfolio. A basic understanding of HTML and CSS is helpful but not required. The course is beginner-friendly and designed for learners looking for a project-based learning experience. By the end of the course, you will be able to design and build responsive websites with interactive elements using HTML, CSS, and JavaScript, and apply those skills to build polished, user-friendly web projects.

In this module, we will introduce the core concepts and goals of the course, highlighting the practical projects you’ll work on. You will also get familiar with the software tools required to start building your websites. By the end, you'll be prepared to dive into the hands-on projects that follow.

Das ist alles enthalten

3 Videos1 Lektüre

In this module, we will guide you through building a responsive furniture website. You’ll learn how to create and style multiple sections like the navigation, header, products, and pricing. Finally, you’ll make the website fully responsive, so it looks great on any device.

Das ist alles enthalten

9 Videos1 Aufgabe

9 VideosInsgesamt 101 Minuten

Project Preview2 Minuten
Create and Style the Navigation of the Website19 Minuten
Build Header of the Website9 Minuten
Create Products Section8 Minuten
Create and Style Pricing Section17 Minuten
Build Blog Section7 Minuten
Create Contact Section7 Minuten
Create and Style the Footer of the Website4 Minuten
Make the Project Responsive25 Minuten

1 AufgabeInsgesamt 15 Minuten

Project 1 - Furniture Website - Assessment15 Minuten

In this module, we will take you through the process of building a personalized portfolio website. You will learn to design a unique header, create sections to showcase your skills and projects, and ensure the website works seamlessly across all devices through responsive design techniques.

Das ist alles enthalten

8 Videos1 Aufgabe

8 VideosInsgesamt 111 Minuten

Project Preview1 Minute
Create and Style the Header of the Website32 Minuten
Style and Make the Navigation Work9 Minuten
Create and Customize Skills Section15 Minuten
Build Projects Section14 Minuten
Create and Style Contact Section17 Minuten
Create and Customize the Footer of the Website4 Minuten
Make the Project Responsive15 Minuten

1 AufgabeInsgesamt 15 Minuten

Project 2 - Personal Portfolio Website - Assessment15 Minuten

In this module, we will walk you through creating an architectural website, including features like a hamburger menu and a clean, professional design. You'll learn how to build and customize sections such as About, Projects, and Customers. The final result will be a fully responsive website that looks great on all devices.

Das ist alles enthalten

10 Videos1 Aufgabe

10 VideosInsgesamt 97 Minuten

Project Preview2 Minuten
Create and Style the Navigation - Part 113 Minuten
Create and Style the Navigation - Part 213 Minuten
Create and Style the Header of the Website6 Minuten
Build About Section9 Minuten
Create and Customize Projects Section11 Minuten
Create and Style Customers Section8 Minuten
Build Contact Section6 Minuten
Create and Customize the Footer of the Website5 Minuten
Make the Project Responsive19 Minuten

1 AufgabeInsgesamt 15 Minuten

Project 3 - Architectural Website - Assessment15 Minuten

In this module, we will guide you through building an elegant and engaging interior designer website. You’ll create custom sections, including an animated banner, services, and portfolio. Additionally, we will teach you how to add dynamic data counters and ensure the website’s responsiveness across devices.

Das ist alles enthalten

9 Videos1 Aufgabe

9 VideosInsgesamt 98 Minuten

Project Preview2 Minuten
Create and Make the Navigation Work23 Minuten
Create an Animated Banner6 Minuten
Build About Section14 Minuten
Create and Customize Services Section9 Minuten
Create and Style Portfolio Section10 Minuten
Build Data Section with Counters11 Minuten
Create and Customize the Footer of the Website5 Minuten
Make the Project Responsive15 Minuten

1 AufgabeInsgesamt 15 Minuten

Project 4 - Interior Designer Website - Assessment15 Minuten

In this module, we will teach you how to build a coffee house website with features like a slideshow using Swiper.js and an interactive menu. You will also learn how to design a clean and functional navigation system, and apply responsive techniques to ensure the website is accessible on all devices.

Das ist alles enthalten

9 Videos3 Aufgaben

9 VideosInsgesamt 97 Minuten

Project Preview2 Minuten
Create and Style Navigation18 Minuten
Create Slideshow with Swiper.js14 Minuten
Create and Customize About Section5 Minuten
Build Menu Section9 Minuten
Create and Style Data Section with Animated Counters13 Minuten
Build Customers Section10 Minuten
Create and Style Contact Section and Footer of the Website10 Minuten
Make the Project Responsive13 Minuten

3 AufgabenInsgesamt 90 Minuten

Project 5 - Coffee House Website - Assessment15 Minuten
Full Course Assessment60 Minuten
Full Course Practice Assessment15 Minuten

Dozent

Packt - Course Instructors

Packt

1.177 Kurse277.613 Lernende

von

Packt

Mehr von Mobile and Web Development entdecken

Packt
Build Real-World Websites Using HTML5, CSS3, Sass and more
Kurs
Status: Kostenloser Testzeitraum
Packt
Web Development Foundations
Kurs
Status: Kostenloser Testzeitraum
Scrimba
Build a Responsive Website with HTML and CSS
Kurs
Status: Kostenloser Testzeitraum
EDUCBA
Build & Optimize Responsive Websites with HTML5 & Bootstrap
Kurs

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Neue Karrieremöglichkeiten mit Coursera Plus

Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten

Mehr erfahren

Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.

Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online

Erkunden Sie die Abschlüsse

Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.

Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.

Mehr erfahren

Häufig gestellte Fragen

This course teaches you how to build responsive websites using HTML, CSS, and JavaScript. You will work on five different projects, ranging from a furniture website to a coffee house website, allowing you to apply your skills in practical, real-world scenarios. With the increasing demand for mobile-friendly and user-responsive websites, this course is highly relevant as it focuses on essential web development skills that are crucial for modern web design.

After completing the course, you will be able to design and build responsive websites from scratch. You’ll gain the ability to structure a website using HTML, style it with CSS, and add interactivity with JavaScript. You will also learn how to ensure your websites work seamlessly across different devices by making them responsive.

No prior web development experience is required to enroll in this course. It is designed for beginners, and the course starts from the basics of HTML, CSS, and JavaScript. However, a basic understanding of computers and web browsing would be beneficial to get the most out of the course.

In this course, you’ll learn how to create five different websites from scratch, each focusing on different types of businesses or personal sites. You’ll gain a solid understanding of how to use HTML for structure, CSS for styling, and JavaScript for interactivity. Additionally, you'll learn how to make these websites responsive to work well across devices like phones, tablets, and desktops.