Классическая вёрстка

Базовая программа по HTML и CSS.

На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.

Для понимания тем курса рекомендую посмотреть видео, расположенное рядом.

Курс предназначен для тех, кто
Уже познакомился с простейшими основами HTML и CSS
Не понимает, как расставлять элементы на нужные места
Хочет освоить главные темы и приёмы языков HTML и CSS

Программа курса

17.01 – урок 1
  • Теги оформления текста
  • Заголовки и их грамотное использование
  • Списки, формы, ссылки
  • Абсолютные и относительные пути
  • Правила вложенности тегов
20.01 – урок 2
  • Разнообразные CSS-селекторы
  • Псевдоэлементы и псевдоклассы
  • Приоритеты применения стилей
  • Популярные CSS-свойства
  • Основные единицы измерения
24.01 – урок 3
  • Классическая блочная модель
  • display: block, inline, inline-block
  • Внутренние и внешние отступы
  • Нюансы вертикальных отступов
  • Определение размеров элементов
  • Размеры и свойство box-sizing
27.01 – урок 4
  • Создание базовой разметки
  • Стартовый сброс стилей
  • Макет: фиксированный, резиновый, адаптивный
  • Структура внешних контейнеров
  • Обтекаемые элементы
  • Простейшие media-запросы
31.01 – урок 5
  • Основы применения Flexbox
  • Размеры и выравнивания элементов
  • Эффективная стратегия вёрстки
  • Контейнер, строка и столбец
  • Положительные и отрицательные отступы
  • Расположение элементов по сетке
03.02 – урок 6
  • Адаптивная вёрстка
  • Классический подход vs MobileFirst
  • Работа с макетом
  • Взаимодействие дизайнера и верстальщика
  • Виды макета: psd, figma
  • Подключение шрифтов
07.02 – урок 7
  • Примеры решения популярных проблем
  • Фиксированные и резиновые элементы
  • Позиционирование и адаптивное меню
  • Фоновые картинки у секций
  • Сила CSS-переменных
10.02 – урок 8
  • Разбор финальных ДЗ
  • Основы npm и gulp
  • Готовая сборка проекта с Gulp
  • Список тем для изучения CSS
  • Направления дальнейшего развития
Дмитрий Лаврик

Дмитрий Лаврик

Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Какие начальные знания необходимы?
Самые основы HTML и CSS: теги и атрибуты, простые CSS-селекторы, подключение файла со стилями и т.п.
Где получить эти стартовые знания?
На моём сайте есть видео марафона web-junior. Материал, конечно, древний, но и основы вёрстки тоже неизменны.
Как и когда проходят уроки?
Уроки проходят в формате вебинаров по вторникам и пятницам с 20:00 МСК. Продолжительность в районе двух часов. Ученики видят преподавателя и демонстрацию экрана, могут общаться в чате.
Будут ли домашние задания?
Да, конечно. Домашние работы разбираются в начале следующего урока. Если ДЗ много, урок просто длится дольше, но обратная связь даётся по каждой работе.
Будут ли записи занятий?
Да, видео выкладывается через 2-3 часа после завершения урока. В облаке видеозаписи хранятся полгода, при этом их без проблем можно скачать.
Что я смогу после курса?
Верстать несложные макеты, применяя ровно одну, зато проверенную временем стратегию вёрстки. За месяц нельзя стать гуру, а вот научится верстать так, чтобы сайт не рассыпался, можно!
А на работу после этого курса возьмут?
И не мечтайте! Если бы на работу попадали через месяц, весь мир верстал бы. Знания нужно переварить, закрепить тренировочными макетами, а после этого уже можно будет о чём-то говорить.
Почему на курсе нет новшеств CSS?
Потому что это базовый курс, приёмы и темы которого не устаревают. Нет толку от знания Grid Layout, если у вас из-за незнания классической блочной модели плывут мелкие элементы.

Отзывы о курсе

ИП Лаврик Дмитрий Витальевич © 2024. Политика конфиденциальности.