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

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

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

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

Creating Responsive Websites for Any Device

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

О курсе

In this course your web design skills go from good to great. This course is all about responsive design—creating layouts that look just as killer on a smartphone as they do on a desktop. You’ll dive into Flexbox and Grid, the CSS superheroes that make flexible, adaptive designs possible. And with media queries, you’ll fine-tune every pixel, making sure your sites look sharp no matter the screen size. But it’s not just about the code. This course gives you hands-on experience designing for real-world audiences. You’ll test, optimize, and learn best practices for making accessible, visually appealing layouts that stand out. By the end, you won’t just know how to code responsive sites—you’ll know how to think like a pro designer, giving users the best experience on any device.

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

Cascading Style Sheets (CSS)Responsive Web DesignWeb Content Accessibility GuidelinesMockupsHypertext Markup Language (HTML)User Experience DesignJavascriptUser ExperienceWeb DesignGitHubUsabilityFront-End Web DevelopmentSystems Development Life CycleHTML and CSS

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

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

01Module 1: Advanced Layouts with Flexbox and Grids13 материалов

Lesson 1.1: Introduction to Flexbox

About this CourseЧтениеSay Hello to the CommunityОбсуждениеFlexbox IntroЧтениеFlexBox IntroВидео

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

University of Washington Team

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

Creating Responsive Websites for Any Device
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 10.4 ч

4 модулей

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

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

Часть программы вашего университета
FlexBox PropertiesЧтение
FlexBox PropertiesВидео
Lesson 1.1 QuizЗадание

Lesson 1.2: Grid Layouts

HTML Custom GridsЧтениеHTML Custom GridsВидеоCSS GridsЧтениеCSS GridsВидеоFlexbox or CSS Grid?ЧтениеLesson 1.2 QuizЗадание
02Enhancing Design and Deployment13 материалов

Lesson 2.1: Icons and Typography

Font Awesome DemoЧтениеFont Awesome DemoВидеоFont Styling (Review from Course 1)ЧтениеFont Styling (Review from Course 1)ВидеоLesson 2.1 QuizЗадание

Lesson 2.2: Working with Images and Backgrounds

Images in HTML and CSSЧтениеImages in HTML and CSSВидеоGradientsЧтениеGradientsВидеоLesson 2.2 QuizЗадание

Lesson 2.3: Deploying Websites

GitHub PagesЧтениеGitHub PagesВидеоLesson 2.3 QuizЗадание
03User Experience and Design Principles11 материалов

Lesson 3.1: Evaluating Design Mock-ups

Evaluating a Mock-upЧтениеEvaluating a Mock-UpВидеоLesson 3.1 QuizЗадание

Lesson 3.2: User Experience (UX) Principles

User Experience IntroductionЧтениеUser Experience IntroductionВидеоUser StoriesЧтениеUser StoriesВидеоLesson 3.2 QuizЗадание

Lesson 3.3: Planning and Prototyping

Project Life CycleЧтениеProject Life CycleВидеоLesson 3.3 QuizЗадание
04Responsive Design and Accessibility18 материалов

Lesson 4.1: Web Accessibility

Web Accessibility IntroЧтениеWeb Accessibility IntroВидеоTechnical Implementation for AccessibilityЧтениеTechnical Implementation for AccessibilityВидеоLesson 4.1 QuizЗадание

Lesson 4.2: Responsive Images

Responsive Images with srcset and sizesЧтениеResponsive Images with srcset and sizesВидеоLesson 4.2 QuizЗадание

Lesson 4.3: Creating Media Queries

Creating Media QueriesЧтениеCreating Media QueriesВидеоMedia Queries Continued and TestingЧтение Media Queries Continued and TestingВидеоLesson 4.3 QuizЗадание

Lesson 4.4: Introduction to the DOM

DOM IntroductionЧтениеDOM IntroductionВидеоLesson 4.4 QuizЗадание

Peer Review: Restaurant Website Makeover

Restaurant Website MakeoverВзаимная проверка

Congratulations on Completing Course 2!

You’ve Made It—What’s Next?Обсуждение