VOOZH about

URL: https://www.coursera.org/learn/packt-build-5-responsive-websites-with-html-css-and-javascript-t0dwp

⇱ Build 5 Responsive Websites with HTML, CSS, and JavaScript | Coursera

Build 5 Responsive Websites with HTML, CSS, and JavaScript

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Build 5 Responsive Websites with HTML, CSS, and JavaScript

Included with

Ask Coursera

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

1 week to complete
at 10 hours a week
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

1 week to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

What you'll learn

  • 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

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

7 assignments

Taught in English

There are 6 modules in this course

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.

What's included

3 videos1 reading

3 videos•Total 11 minutes
  • Promotional Video•2 minutes
  • Introduction•7 minutes
  • Setup•2 minutes
1 reading•Total 10 minutes
  • Full Course Resources•10 minutes

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.

What's included

9 videos1 assignment

9 videos•Total 101 minutes
  • Project Preview•3 minutes
  • Create and Style the Navigation of the Website•19 minutes
  • Build Header of the Website•9 minutes
  • Create Products Section•9 minutes
  • Create and Style Pricing Section•17 minutes
  • Build Blog Section•7 minutes
  • Create Contact Section•8 minutes
  • Create and Style the Footer of the Website•4 minutes
  • Make the Project Responsive•25 minutes
1 assignment•Total 15 minutes
  • Project 1 - Furniture Website - Assessment•15 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.

What's included

8 videos1 assignment

8 videos•Total 111 minutes
  • Project Preview•2 minutes
  • Create and Style the Header of the Website•33 minutes
  • Style and Make the Navigation Work•9 minutes
  • Create and Customize Skills Section•15 minutes
  • Build Projects Section•14 minutes
  • Create and Style Contact Section•18 minutes
  • Create and Customize the Footer of the Website•5 minutes
  • Make the Project Responsive•15 minutes
1 assignment•Total 15 minutes
  • Project 2 - Personal Portfolio Website - Assessment•15 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.

What's included

10 videos1 assignment

10 videos•Total 98 minutes
  • Project Preview•2 minutes
  • Create and Style the Navigation - Part 1•14 minutes
  • Create and Style the Navigation - Part 2•13 minutes
  • Create and Style the Header of the Website•7 minutes
  • Build About Section•10 minutes
  • Create and Customize Projects Section•12 minutes
  • Create and Style Customers Section•9 minutes
  • Build Contact Section•6 minutes
  • Create and Customize the Footer of the Website•6 minutes
  • Make the Project Responsive•20 minutes
1 assignment•Total 15 minutes
  • Project 3 - Architectural Website - Assessment•15 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.

What's included

9 videos1 assignment

9 videos•Total 99 minutes
  • Project Preview•2 minutes
  • Create and Make the Navigation Work•23 minutes
  • Create an Animated Banner•6 minutes
  • Build About Section•15 minutes
  • Create and Customize Services Section•10 minutes
  • Create and Style Portfolio Section•10 minutes
  • Build Data Section with Counters•11 minutes
  • Create and Customize the Footer of the Website•6 minutes
  • Make the Project Responsive•16 minutes
1 assignment•Total 15 minutes
  • Project 4 - Interior Designer Website - Assessment•15 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.

What's included

9 videos3 assignments

9 videos•Total 98 minutes
  • Project Preview•2 minutes
  • Create and Style Navigation•18 minutes
  • Create Slideshow with Swiper.js•15 minutes
  • Create and Customize About Section•5 minutes
  • Build Menu Section•10 minutes
  • Create and Style Data Section with Animated Counters•13 minutes
  • Build Customers Section•11 minutes
  • Create and Style Contact Section and Footer of the Website•10 minutes
  • Make the Project Responsive•13 minutes
3 assignments•Total 90 minutes
  • Project 5 - Coffee House Website - Assessment•15 minutes
  • Full Course Assessment•60 minutes
  • Full Course Practice Assessment•15 minutes

Instructor

Offered by

Explore more from Mobile and Web Development

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked 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.

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.

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.

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.

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.

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.

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.

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.

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.

This course is currently available only to learners who have paid or received financial aid, when 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.

Financial aid available,