Интенсив на 7 дней «Современная вёрстка сайтов на HTML и CSS» — Frontend Blok
И да пребудет с тобой сила!
Главная Марафоны Современная вёрстка сайтов

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

Научишься грамотно пользоваться CSS с новыми методами для создания адаптивных сайтов: clamp(), min(), max()
Записаться
Дата старта
17 ноября 2023
Длительность
7 дней
Стоимость
от 1990 РУБ
Интенсив на 7 дней «Современная вёрстка сайтов на HTML и CSS»

Кому подойдет интенсив?

Знает базу
вёрстки сайтов
Если вы недавно изучили азы вёрстки и уже познакомились с темой создания адаптива, то вам точно понравится.
Хотел бы быть
в курсе новинок
В последний год в CSS полявилось много нового, поэтому лучше узнать об этом не только в теории, но и на практике
Хочет пополнить
своё портфолио
Это возможность пополнить портфолио не только новой работой, но и показать, какие технологии были использованы.

Какие новинки CSS изучим на интенсиве?

Функция
clamp()
Задаёт значение в диапазоне между указанными нижней и верхней границами.
Функция
min()
Принимает одно или большее количество значений и возвращает наименьшее из них.
Функция
max()
Принимает одно или большее количество значений и возвращает наибольшее из них.

Расписание

1

день

Знакомство с макетом
  • Что нового появилось в Figma?
  • Под какие экраны актуально готовить адаптив?
  • Подготовка проекта к вёрстке
Дополнительно:Макет Figma
2

день

Верстаем шапку сайта
  • Теория про clamp()
  • Верстаем блок и делаем его адаптивным
Дополнительно:Конспект про clamp()
3

день

Верстаем 1-й блок
  • Теория про min() и max()
  • Верстаем блок и делаем его адаптивным
Дополнительно:Конспект про min() и max()
4

день

Верстаем 2-й блок
  • Как верстать колонки текста без @media?
  • Верстаем блок и делаем его адаптивным
5

день

Верстаем 3-й блок
  • Как сохранить пропорции крупного заголовка?
  • Как сохранить пропорции кнопки?
  • Верстаем блок и делаем его адаптивным
6

день

Верстаем подвал сайта
  • Можно ли грид и флексбокс менять без подключения медиа-запроса?
  • Верстаем блок и делаем его адаптивным
7

день

Дипломная работа
  • Предоставляем новый макет
  • Описываем методы решения задачи
  • Выполняете дипломную работу
Дополнительно:Шпаргалка с решением задачи и проверка работы от Анны Блок

Обучение проходит на авторской платформе

Frontendblok education platform

В CSS появились функции clamp(), min() и max()

И на этом интенсиве моя цель, как преподавателя, показать на практике, как эти изменения способны упростить жизнь верстальщика и в некоторых моментах вовсе отказаться от лишних медиа-запросов. О новинках CSS я постоянно рассказываю на Youtube канале, но на интенсиве вы потренируетесь использовать clamp(), min() и max().

Автор интенсива Анна Блок

Создатель сообщества Типичный Верстальщик
В веб разработке уже более 8-ми лет
Ведёт несколько соцсетей про веб-разработку Канал Frontend Blok на YouTube
Запустила сервис Frontend Help
Запустила учебную платформу Frontend Blok
Anna Blok photo

Учебные проекты

Во время интенсива вы сверстаете 2 макета, на основе которых потренируетесь в современных методах верстки сайтов.
Предыдущий
Следующий
Учебный макет в Figma.

Во время интенсива Вы сверстаете небольшой сайт из Figma, где вы научитесь использовать на практике новые функции CSS: clamp(), min(), max().
Дипломный макет в Figma.

В конце обучения мы предоставим вам дипломный макет. Визуально он хоть и небольшой, но его цель не ограничивать вас в поиске наилучшего решения. Отправляйте работу нам и мы дадим по нему обратную связь.

Сколько стоит

Что вас ждет на интенсиве:
Доступ к учебной платформе Frontend Blok
Доступ к учебному чату Telegram
Проверка домашних работ от Анны Блок
Сертификат об окончании обучения

Часто задаваемые вопросы

Сколько по времени длятся уроки?
Развернуть
В среднем уроки длятся 15-40 минут. Длительность зависит от сложности верстаемого блока.
Стану ли я полноценным веб-разработчиком после прохождения интенсива?
Развернуть
Нет, для этого есть полноценные курсы, где мы изучаем темы глубже и детальнее. Этот интенсив, скорее поможет вам узнать новое о функциях CSS.
Могу ли я зарегистрироваться, а посмотреть интенсив позже?
Развернуть
Да, но помните, что интенсив закроется через 3 недели после старта, но вы можете взять услугу «Вечный Доступ» сразу при покупке интенсива или в учебном кабинете, чтобы Вы могли вернуться к учебным материалам в любое удобное время.
Могу ли я посмотреть уроки в другой день?
Развернуть
Да, уроки не обязательно смотреть строго каждый день, но для системного обучения, лучше не пропускать уроки.
Много ли времени потребуется на обучение?
Развернуть
Рекомендую закладывать хотя бы 1-1.5 часа в день. Но если вы профессиональный верстальщик, то уроки и выполнение домашних работ может занять меньше указанного периода.