Интенсив на 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

день

Дипломная работа

Предоставляем новый макет
Описываем методы решения задачи
Выполняете дипломную работу

Дополнительно:Шпаргалка с решением задачи и проверка работы от Анны Блок

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

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

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

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

Создатель сообщества Типичный Верстальщик

В веб разработке уже более 9-ти лет

Ведёт несколько соцсетей про веб-разработку Канал Frontend Blok на YouTube

Запустила сервис Frontend Help

Запустила учебную платформу Frontend Blok

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

Во время интенсива вы сверстаете 2 макета, на основе которых потренируетесь в современных методах верстки сайтов.

Учебный макет в Figma.

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

Дипломный макет в Figma.

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

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

Что вас ждет на интенсиве:

Доступ к учебной платформе Frontend Blok

Доступ к учебному чату Telegram

Проверка домашних работ от Анны Блок

Сертификат об окончании обучения

~~{{ course.prices.start.price }} руб~~

{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? course.prices.start.current_price + ' руб' : '' }}

{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? 'или от ' + Math.round(course.prices.start.current_price / 12) + ' руб/мес по рассрочке' : '' }} Купить интенсив

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

Сколько по времени длятся уроки?

Развернуть

В среднем уроки длятся 15-40 минут. Длительность зависит от сложности верстаемого блока.

Стану ли я полноценным веб-разработчиком после прохождения интенсива?

Развернуть

Нет, для этого есть полноценные курсы, где мы изучаем темы глубже и детальнее. Этот интенсив, скорее поможет вам узнать новое о функциях CSS.

Могу ли я зарегистрироваться, а посмотреть интенсив позже?

Развернуть

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

Могу ли я посмотреть уроки в другой день?

Развернуть

Да, уроки не обязательно смотреть строго каждый день, но для системного обучения, лучше не пропускать уроки.

Много ли времени потребуется на обучение?

Развернуть

Рекомендую закладывать хотя бы 1-1.5 часа в день. Но если вы профессиональный верстальщик, то уроки и выполнение домашних работ может занять меньше указанного периода.

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

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

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

Расписание

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

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

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

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

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

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