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

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

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

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

Responsive Frontend Development

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

О курсе

By completing this course, you will gain the ability to design and build responsive, scalable, and accessible web interfaces that deliver consistent user experiences across devices and user needs. You will develop key frontend skills including applying a mobile-first approach, creating fluid and adaptive layouts with modern CSS, implementing responsive design techniques, and authoring maintainable CSS for large-scale applications. You will also learn to analyze and resolve cross-browser layout issues using developer tools, and to develop and implement web interfaces that comply with established accessibility standards such as WCAG. Through hands-on practice and guided instruction, you will progress from mastering responsive layout foundations to ensuring your interfaces are inclusive and accessible. This course uniquely combines expertise from multiple industry partners, allowing you to experience how leading organizations approach frontend engineering and inclusive design. You will see core concepts reinforced through multiple teaching styles and real-world perspectives. The curriculum balances practical implementation with best practices, preparing you to build production-ready, user-centered web interfaces. This course is ideal for aspiring frontend developers and designers seeking to strengthen their responsive design and accessibility skills in a professional, industry-aligned context.

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

User Interface (UI) DesignWeb Design and DevelopmentResponsive Web DesignWeb DesignWeb Development ToolsFront-End Web DevelopmentHTML and CSSBrowser CompatibilityDesignWeb Content Accessibility GuidelinesMaintainabilityScalabilityCascading Style Sheets (CSS)

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

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

01Start Here: Get Oriented and Check Your Skills2 материалов
Start Here: How This Skill-Based Course WorksЧтениеSkill Diagnostic: Find Your Recommended Starting PointЗадание
02Interactive CSS54 материалов

Creating layouts

CSS web layoutВидео

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

Professionals from the Industry

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

Responsive Frontend Development
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 16.8 ч

4 модулей

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

Субтитры: Арабский, Французский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
Understanding flexboxЧтение
CSS units of measurementЧтение
Basic flexboxВидео
Flex chartsВидео
CSS flexboxDIALOGUE
CSS gridsВидео
Grids and flexbox cheat sheetЧтение
Grid showcaseВидео
Grid template areaЧтение
Create a grid layoutЛабораторная
Create a grid layout (solution)Чтение
Self review: Create a grid layoutЗадание
Case study: How Meta creates responsive buildsВидео
Knowledge check: Creating layoutsЗадание
Additional resourcesЧтение

CSS Selectors

Widely used selectorsВидеоAll selectors and their specificityЧтениеCombination selectorsВидеоTargeted CSSЛабораторнаяTargeted CSS (solution)ЧтениеSelf review: Targeted CSSЗаданиеPseudo-classesВидеоPseudo-elementsЧтениеPractical use of pseudoВидеоCSS Pseudo cheat sheetЧтениеKnowledge check: CSS selectorsЗаданиеAdditional resourcesЧтениеStyling with Pseudo-Classes and Pseudo-ElementsЛабораторная

CSS Effects

What is an effectВидеоText effectsВидеоText effects cheat sheetЧтениеCSS Transforms and transitionsВидеоTransforming and transitioning elementsЛабораторнаяTransforming and transitioning elements (solution)ЧтениеSelf review: Transforming and transitioning elementsЗаданиеCSS animationВидеоCSS keyframesЧтениеAnimation examplesВидеоAnimation and effects cheat sheetЧтениеPreprocessors: sass, scss, StylusЧтениеKnowledge check: CSS effectsЗаданиеAdditional resourcesЧтение

Debugging

Common errorsВидеоHandling errorsВидеоInstalling a third-party Linter in VS CodeЧтениеDebugging the front-endЧтениеDebugging toolsВидеоBrowser-specific CSSВидеоUI testingВидеоCase study: How Meta performs front-end testingВидеоKnowledge check: DebuggingЗаданиеModule summary: Interactive CSSВидеоAdditional resourcesЧтение
03Accessibility and inclusive design16 материалов

Introduction to inclusive design

Module introduction: Accessibility and inclusive designВидеоWhat is inclusive design?ЧтениеThe business case for inclusive designВидеоExploring inclusive design through real-world examplesЧтениеIntroduction to inclusive designЗадание

Understanding accessibility needs

A day in the life of a user with visual impairmentsВидеоEnsuring readability: Using a color contrast checker toolВидеоActivity: A case study of inclusive designЗаданиеUnderstanding accessibility needsЗадание

Web Content Accessibility Guidelines (WCAG)

Web Content Accessibility Guidelines (WCAG) overviewЧтениеWCAG success criteria for beginnersВидеоWCAG 2.2 at a glanceЧтениеPractical application of WCAGВидеоActivity: WCAG challengeЗаданиеWeb Content Accessibility Guidelines (WCAG)Задание
04Skill Assessment: Responsive Frontend Development2 материалов

Lesson

Learner Expectations for Skill AssessmentЧтениеResponsive Frontend DevelopmentЗадание
Accessibility and inclusive design wrap upВидео