Перейти к содержимому
INTERMEDIATE
1.5 hours4 chapters

Responsive Design

Make your website look good on every device, whether it is a big desktop computer, a tablet, or a small smartphone. We will take it one gentle step at a time.

Vibe Coding Academy Avatar
Progress: 0%In progress

What You'll Learn

Почему у телефонов, планшетов и компьютеров экраны разных размеров
Как страница может "растягиваться", чтобы поместиться на любом экране
Как сделать текст и кнопки достаточно крупными для чтения и нажатия
Как проверить свою работу на настоящем телефоне

Description

Изучайте адаптивный дизайн в своём собственном темпе, с понятными и доброжелательными объяснениями, написанными специально для взрослых учеников. Мы разбиваем каждую идею на маленькие удобные шаги, используем примеры из повседневной жизни и обходимся без запутанного жаргона. Спешить некуда, и заучивать ничего не нужно.

На протяжении всего урока ваш аватар из Vibe Coding Academy будет идти рядом с вами — с мягкими примерами, простыми упражнениями и практическими советами, помогая вам обретать уверенность, одна маленькая победа за другой.

К концу вы поймёте, как сайт может выглядеть именно так, как нужно, и на большом экране, и на маленьком, и научитесь проверять это самостоятельно — без какой-либо сложной настройки.

What's Inside

Four short chapters, about 1.5 hours in total. Take a break whenever you like; the page will remember where you are.

  • 1.Тёплое приветствие и что на самом деле значит "адаптивный"
  • 2.Почему экраны бывают такого разного размера
  • 3.Как сделать всё гибким, чтобы оно помещалось на любом экране
  • 4.Проверка вашей страницы на вашем собственном телефоне
Vibe Coding Academy Avatar
"Take your time, and remember: you cannot break anything by trying. I'll be with you the whole way."