Веб-программирование

Слайды и живые демо к лекциям. Новые лекции появляются здесь после того, как прочитаны.

Лектор Баратянц Карен Telegram GitHub

Лекции

Открытые лекции становятся фиолетовыми — так браузеры красят посещённые ссылки с 90-х.

  1. 1 Web и HTML Как устроен веб: клиент и сервер, HTTP, URL, что делает браузер при загрузке страницы. История веба. Структура HTML-документа, семантика, основные элементы и формы. ЛР 1
  2. 2 Основы CSS Откуда взялся CSS. Подключение стилей и синтаксис правила, селекторы и псевдоклассы, каскад, наследование и специфичность, box model, базовый набор свойств.
  3. 3 Вёрстка средствами CSS Поток документа и display, единицы измерения, позиционирование и z-index, Flexbox и Grid. Две мини-игры, семь плейграундов и ответ на вопрос, как отцентрировать div. ЛР 2
  4. 4 Современный CSS CSS-переменные и тёмная тема, адаптивность: viewport, медиазапросы, clamp() и container queries. Transform, transition и анимации @keyframes. Мини-игра «угадай функцию времени» и демо, где главный поток занят, а анимация едет.

Как листать слайды