Чему вы научитесь
- Находить и исправлять баги в интерфейсе
- Отлаживать HTML и CSS
- Работать с состояниями элементов (hover, focus)
- Проверять адаптивность и работать с сетками
- Находить и анализировать meta-данные страницы
- Проводить базовый анализ качества страницы
О курсе
Практический курс, в котором вы научитесь работать с DevTools на реальных примерах.
Вы будете находить и исправлять баги в интерфейсе, менять стили и HTML прямо в браузере, проверять адаптив и разбираться, почему верстка ведет себя не так, как ожидается.
Вы узнаете, как:
- Работать с элементами и стилями;
- Использовать состояния (hover, focus и др.);
- Редактировать HTML;
- Проверять meta-данные страницы;
- Работать с адаптивом и сетками.
БОНУС: анализировать качество страницы с помощью Lighthouse.
Курс подойдет начинающим разработчикам, тестировщикам и всем, кто хочет уверенно работать с интерфейсом сайтов через DevTools.
Присоединяйтесь!
Для кого этот курс
Начальные требования
Для прохождения курса желательно иметь базовые знания HTML и CSS - на уровне понимания структуры страницы, простых стилей и основ работы с кодом в браузере.
Специальная подготовка не требуется, курс подходит для начинающих, но базовое понимание верстки поможет быстрее усваивать материал.
Наши преподаватели
Как проходит обучение
Курс максимально практический.
Вы разбираете реальные задачи прямо в браузере, работаете с DevTools и сразу видите результат своих изменений.
Формат простой:
- Короткие объяснения;
- Примеры из реальных сайтов;
- Практические задания после каждого блока.
Все задачи построены так, как это происходит в реальной работе: вы находите проблему, проверяете ее в DevTools и исправляете.
Программа курса
Что вы получаете
- Практические навыки работы с DevTools
- Умение находить и исправлять баги в интерфейсе
- Опыт правки HTML и CSS прямо в браузере
- Навык работы с meta-данными и Lighthouse
- Уверенность при работе с реальными сайтами