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

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

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

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

Advanced CSS & Responsive Web Design

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

О курсе

Updated in May 2025. This course now 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. In this course, you’ll master advanced CSS techniques and responsive web design, enabling you to create modern, adaptive websites. By the end of the course, you'll be proficient in using Flexbox, CSS Grid, media queries, and container queries to build responsive layouts that adapt to various devices. You’ll also gain experience with rem, em, and viewport units for flexible typography and learn how to optimize your designs for mobile-first development. The course begins with foundational principles of responsive design, guiding you through layout flexibility using percentages and viewport units. You'll learn to implement responsive typography and effective media queries for device-specific styles. Next, you'll tackle practical projects like building a responsive pricing grid and a landing form, refining your skills with real-world challenges. Ideal for intermediate developers and designers, this course requires a basic understanding of HTML and CSS. By the end, you’ll have the confidence to design and implement responsive websites effectively.

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

Cascading Style Sheets (CSS)Responsive Web DesignWeb DesignHypertext Markup Language (HTML)Git (Version Control System)GitHubBrowser CompatibilityWeb Development ToolsWeb Design and DevelopmentApplication DeploymentWeb DevelopmentFront-End Web DevelopmentVersion ControlHTML and CSSTypographyWeb Content Accessibility Guidelines

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

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

01Responsive Design14 материалов

Responsive Design

Introduction to the Course 'Advanced CSS & Responsive Web Design'ЧтениеFull Specialization ResourcesЧтениеSection IntroВидеоWhat Is Responsive Design?Видео

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

Packt - Course Instructors

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

Advanced CSS & Responsive Web Design
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 14 ч

8 модулей

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

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

Часть программы вашего университета
Flexible Layouts & PercentagesВидео
rem & em UnitsВидео
Viewport Units (vh & vw)Видео
Media QueriesВидео
Responsive Pricing GridВидео
Responsive Flexbox LayoutВидео
Container QueriesВидео
Container UnitsВидео
Responsive Web Design EssentialsDIALOGUE
Responsive Design - AssessmentЗадание
02Landing Form Mini-Project8 материалов

Landing Form Mini-Project

Project IntroВидеоSetup & HTMLВидеоBase CSS & Header StylesВидеоMain Content Flex & AlignmentВидеоInner StylesВидеоMobile Layout & Media QueriesВидеоCreating a Responsive Webpage with CSS FlexboxDIALOGUELanding Form Mini-Project - AssessmentЗадание
03Various CSS Features10 материалов

Various CSS Features

Section IntroВидеоCustom PropertiesВидеоVendor PrefixesВидеоFiltersВидеоSmooth Scroll Mini-ProjectВидеоSticky Nav & Style On ScrollВидеоcalc() FunctionВидеоNestingВидеоExploring Advanced CSS FeaturesDIALOGUEVarious CSS Features - AssessmentЗадание
04Lumina Creative Website Project12 материалов

Lumina Creative Website Project

Project IntroВидеоSetup & Base CSSВидеоHeader & NavigationВидеоHero TextВидеоCustom PropertiesВидеоGallery Section FlexboxВидеоFooterВидеоAbout PageВидеоContact PageВидеоImage Lightbox EffectВидеоImplementing a Lightbox with JavaScript LibrariesDIALOGUELumina Creative Website Project - AssessmentЗадание
05Git, GitHub & Web Hosting9 материалов

Git, GitHub & Web Hosting

Section IntroВидеоIntro To Git & GitHubВидеоGenerate SSH KeysВидеоGit Workflow & CommandsВидеоDeploy Website To NetlifyВидеоContact Form SubmissionВидеоConnect & Configure a Domain NameВидеоHosting and Version Control with Git and GitHubDIALOGUEGit, GitHub & Web Hosting - AssessmentЗадание
06Web Accessibility Introduction9 материалов

Web Accessibility Introduction

Section IntroВидеоWhat Is Web Accessibility?ВидеоSkilltide Browser ExtensionВидеоScreen Reader TestingВидеоRole AttributeВидеоARIA AttributesВидеоAria Expanded & Dynamic ElementsВидеоIntroduction to Web AccessibilityDIALOGUEWeb Accessibility Introduction - AssessmentЗадание
07Advanced Selectors - Pseudo Classes & Elements13 материалов

Advanced Selectors - Pseudo Classes & Elements

Section IntroВидеоAttribute SelectorsВидеоChild & Sibling CombinatorsВидеоPseudo ElementsВидеоPseudo Classes - first-child, last-child & nth-childВидеоPseudo Classes - first-of-type, last-of-type, nth-of-typeВидеоbefore & after Pseudo ElementsВидеоImage Overlay With :beforeВидеоis(), where() & has()ВидеоStyling FormsВидеоSelectors ChallengeВидеоExploring CSS Selectors: Pseudo-classes and Pseudo-elementsDIALOGUEAdvanced Selectors - Pseudo Classes & Elements - AssessmentЗадание
08CSS Grid19 материалов

CSS Grid

Section IntroВидеоCSS Grid OverviewВидеоGrid Columns & GapВидеоrepeat() & minmax()ВидеоGrid RowsВидеоGrid Challenge 1ВидеоAlign & Justify PropertiesВидеоrepeat() With autofit & autofillВидеоPositioning & Spanning ItemsВидеоNamed Grid LinesВидеоGrid Challenge 2ВидеоCSS Grid & Media QueriesВидеоGrid Template AreasВидеоLumina Creative Grid RefactorВидеоConclusion to the Course 'Advanced CSS & Responsive Web Design'ЧтениеExploring CSS Grid LayoutDIALOGUECSS Grid - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание