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

通过 Coursera Plus 解锁访问 10,000 多门课程。开始 7 天免费试用。

Build 5 Responsive Websites with HTML, CSS, and JavaScript

位教师：Packt - Course Instructors

包含在中

了解更多

6个模块

深入了解一个主题并学习基础知识。

初级等级

推荐体验

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

6个模块

深入了解一个主题并学习基础知识。

初级等级

推荐体验

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将学到什么

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

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

该课程共有6个模块

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.

涵盖的内容

3个视频1篇阅读材料

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.

涵盖的内容

9个视频1个作业

9个视频总计101分钟

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

1个作业总计15分钟

Project 1 - Furniture Website - Assessment15分钟

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.

涵盖的内容

8个视频1个作业

8个视频总计111分钟

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

1个作业总计15分钟

Project 2 - Personal Portfolio Website - Assessment15分钟

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.

涵盖的内容

10个视频1个作业

10个视频总计97分钟

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

1个作业总计15分钟

Project 3 - Architectural Website - Assessment15分钟

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.

涵盖的内容

9个视频1个作业

9个视频总计98分钟

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

1个作业总计15分钟

Project 4 - Interior Designer Website - Assessment15分钟

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.

涵盖的内容

9个视频3个作业

9个视频总计97分钟

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

3个作业总计90分钟

Full Course Practice Assessment15分钟
Project 5 - Coffee House Website - Assessment15分钟
Full Course Assessment60分钟

位教师

Packt - Course Instructors

Packt

1,186 门课程292,430 名学生

提供方

Packt

从 Mobile and Web Development 浏览更多内容

Packt
Build Real-World Websites Using HTML5, CSS3, Sass and more
课程
状态：免费试用
Packt
Web Development Foundations
课程
状态：免费试用
Scrimba
Build a Responsive Website with HTML and CSS
课程
状态：免费试用
EDUCBA
Build & Optimize Responsive Websites with HTML5 & Bootstrap
课程

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

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.