Современная вёрстка сайтов

Name: Современная вёрстка сайтов
Price: 1100 RUB
Availability: InStock

11 участников

О чём курс

Вам больше не придётся перегружать код медиа-запросами, чтобы сайт корректно выглядел на разных экранах. Интенсив обучает современным CSS-техникам, которые позволяют создавать адаптивные элементы буквально в несколько строк кода. В основе программы — переход от классической вёрстки к использованию математических функций CSS: clamp(), min() и max(). Вы научитесь управлять пропорциями заголовков, кнопок и колонок текста без привязки к конкретным точкам перелома. Материал рассчитан на тех, кто уже знаком с основами HTML/CSS и хочет обновить свой стек до актуальных стандартов, чтобы создавать гибкие сайты и пополнить портфолио технически продвинутыми проектами.

Программа обучения

Модуль 1: Знакомство с макетом
- Что нового появилось в Figma?
- Под какие экраны актуально готовить адаптив?
- Подготовка проекта к вёрстке
- Дополнительно: Макет Figma
Модуль 2: Верстаем шапку сайта
- Теория про clamp()
- Верстаем блок и делаем его адаптивным
- Дополнительно: Конспект про clamp()
Модуль 3: Верстаем 1-й блок
- Теория про min() и max()
- Верстаем блок и делаем его адаптивным
- Дополнительно: Конспект про min() и max()
Модуль 4: Верстаем 2-й блок
- Как верстать колонки текста без @Media?
- Верстаем блок и делаем его адаптивным
Модуль 5: Верстаем 3-й блок
- Как сохранить пропорции крупного заголовка?
- Как сохранить пропорции кнопки?
- Верстаем блок и делаем его адаптивным
Модуль 6: Верстаем подвал сайта
- Можно ли грид и флексбокс менять без подключения медиа-запроса?
- Верстаем блок и делаем его адаптивным
Модуль 7: Дипломная работа
- Предоставляем новый макет
- Описываем методы решения задачи
- Выполняете дипломную работу
- Дополнительно: Шпаргалка с решением задачи

Складчина создана 13 апреля 2025 г. · описание обновлено 23 марта 2026 г.

Другие материалы автора 3

АБ Анна Блок Все материалы

JavaScript с Анной Блок 5 709 ₽ 23 990 ₽ −76%

Elementor в Wordpress 1 098 ₽ 7 990 ₽ −86%

Ручной тестировщик 3 078 ₽ 17 990 ₽ −83%

Отзывов пока нет. Будьте первым!

Почему полный курс стоит всего 1 100 ₽?

Влада Администратор сайта

Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.

Как получить курс?

Влада Администратор сайта

Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.

Можно ли скачать курс после покупки?

Влада Администратор сайта

Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».