К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build 5 Responsive Websites with HTML, CSS, and JavaScript · LearnSpace
Назад в каталог
courseraПрограммирование

Build 5 Responsive Websites with HTML, CSS, and JavaScript

Курс от Packt
Начальный≈ 12.3 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

Responsive Web DesignHTML and CSSCascading Style Sheets (CSS)Hypertext Markup Language (HTML)Web Design and DevelopmentAestheticsAnimationsJavascriptFront-End Web DevelopmentWeb DevelopmentDevelopment EnvironmentUser Interface (UI)Web Design

Программа курса

6 модулей · 60 учебных материалов

01Welcome4 материалов

Welcome

Promotional VideoВидеоFull Course ResourcesЧтениеIntroductionВидеоSetupВидео
02Project 1 - Furniture Website11 материалов

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Build 5 Responsive Websites with HTML, CSS, and JavaScript
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 12.3 ч

6 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета

Project 1 - Furniture Website

Project PreviewВидеоCreate and Style the Navigation of the WebsiteВидеоBuild Header of the WebsiteВидеоCreate Products SectionВидеоCreate and Style Pricing SectionВидеоBuild Blog SectionВидеоCreate Contact SectionВидеоCreate and Style the Footer of the WebsiteВидеоMake the Project ResponsiveВидеоAnalyzing CSS for a Responsive Website ProjectDIALOGUEProject 1 - Furniture Website - AssessmentЗадание
03Project 2 - Personal Portfolio Website10 материалов

Project 2 - Personal Portfolio Website

Project PreviewВидеоCreate and Style the Header of the WebsiteВидеоStyle and Make the Navigation WorkВидеоCreate and Customize Skills SectionВидеоBuild Projects SectionВидеоCreate and Style Contact SectionВидеоCreate and Customize the Footer of the WebsiteВидеоMake the Project ResponsiveВидеоStructuring a Responsive Personal Portfolio WebsiteDIALOGUEProject 2 - Personal Portfolio Website - AssessmentЗадание
04Project 3 - Architectural Website12 материалов

Project 3 - Architectural Website

Project PreviewВидеоCreate and Style the Navigation - Part 1ВидеоCreate and Style the Navigation - Part 2ВидеоCreate and Style the Header of the WebsiteВидеоBuild About SectionВидеоCreate and Customize Projects SectionВидеоCreate and Style Customers SectionВидеоBuild Contact SectionВидеоCreate and Customize the Footer of the WebsiteВидеоMake the Project ResponsiveВидеоResponsive Design with CSS Media QueriesDIALOGUEProject 3 - Architectural Website - AssessmentЗадание
05Project 4 - Interior Designer Website11 материалов

Project 4 - Interior Designer Website

Project PreviewВидеоCreate and Make the Navigation WorkВидеоCreate an Animated BannerВидеоBuild About SectionВидеоCreate and Customize Services SectionВидеоCreate and Style Portfolio SectionВидеоBuild Data Section with CountersВидеоCreate and Customize the Footer of the WebsiteВидеоMake the Project ResponsiveВидеоBuilding an Interactive Interior Designer WebpageDIALOGUEProject 4 - Interior Designer Website - AssessmentЗадание
06Project 5 - Coffee House Website12 материалов

Project 5 - Coffee House Website

Project PreviewВидеоCreate and Style NavigationВидеоCreate Slideshow with Swiper.jsВидеоCreate and Customize About SectionВидеоBuild Menu SectionВидеоCreate and Style Data Section with Animated CountersВидеоBuild Customers SectionВидеоCreate and Style Contact Section and Footer of the WebsiteВидеоMake the Project ResponsiveВидеоProject 5 - Coffee House Website - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание