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

Économiser 160 dollars sur l'accès à plus de 10 000 programmes est un véritable plaisir pour les fêtes de fin d'année. Économisez maintenant.

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Build 5 Responsive Websites with HTML, CSS, and JavaScript

Instructeur : Packt - Course Instructors

Inclus avec Coursera Plus

6 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Débutant

Expérience recommandée

1 semaine à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

6 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Débutant

Expérience recommandée

1 semaine à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

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

Compétences que vous acquerrez

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

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

novembre 2025

Évaluations

7 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Il y a 6 modules dans ce cours

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.

Inclus

3 vidéos1 lecture

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.

Inclus

9 vidéos1 devoir

9 vidéosTotal 101 minutes

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

1 devoirTotal 15 minutes

Project 1 - Furniture Website - Assessment15 minutes

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.

Inclus

8 vidéos1 devoir

8 vidéosTotal 111 minutes

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

1 devoirTotal 15 minutes

Project 2 - Personal Portfolio Website - Assessment15 minutes

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.

Inclus

10 vidéos1 devoir

10 vidéosTotal 97 minutes

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

1 devoirTotal 15 minutes

Project 3 - Architectural Website - Assessment15 minutes

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.

Inclus

9 vidéos1 devoir

9 vidéosTotal 98 minutes

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

1 devoirTotal 15 minutes

Project 4 - Interior Designer Website - Assessment15 minutes

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.

Inclus

9 vidéos3 devoirs

9 vidéosTotal 97 minutes

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

3 devoirsTotal 90 minutes

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

Instructeur

Packt - Course Instructors

Packt

1 176 Cours275 654 apprenants

Offert par

Packt

En savoir plus sur Mobile and Web Development

Packt
Build Real-World Websites Using HTML5, CSS3, Sass and more
Cours
Statut : Essai gratuit
Packt
Web Development Foundations
Cours
Statut : Essai gratuit
Scrimba
Build a Responsive Website with HTML and CSS
Cours
Statut : Essai gratuit
EDUCBA
Build & Optimize Responsive Websites with HTML5 & Bootstrap
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

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.