Введение в HTML5 и CSS3
Изучите современные стандарты HTML5 и CSS3: семантическую разметку, Canvas, мультимедиа, WebSockets, WebStorage, анимации, трансформации и адаптивную верстку.
Oleksii Anzhiiak
Софтвер-архитектор, Senior .NET инженер и со-основатель
К концу курса вы сможете
- Создавать сложные адаптивные лейауты
- Разрабатывать анимированные UI-компоненты
- Использовать возможности HTML5
- Строить масштабируемую CSS-архитектуру
- Улучшать UX и производительность
Подходит ли вам этот курс?
Это для вас, если вы…
- Прошли курс по основам HTML/CSS (#6) и хотите следующий слой — анимации, современные лейауты, семантический HTML5
- Устали от войн за CSS-специфичность и хотите настоящую архитектуру (BEM, scoped styles, design tokens)
- Уже умеете сделать статическую страницу и теперь хотите, чтобы она выглядела как 2026, а не 2014
Не берите этот курс, если…
- Вы начинаете frontend с нуля — сначала курс #6; этот предполагает, что вы уже пишете базовый HTML/CSS
- Считаете, что CSS это «просто цвета и шрифты» — половина курса про мышление в системах лейаута, и это самая сложная часть
- Хотите пропустить CSS и полностью опираться на UI-фреймворк — можно, но потолок наступит, как только понадобится кастом
Кто ведёт
Oleksii Anzhiiak
Софтвер-архитектор, Senior .NET инженер и со-основатель
Алексей Анжияк — софтвер-архитектор, Senior .NET инженер и со-основатель ToyCRM.com и ProfectusLab. Имея более 15 лет опыта, он специализируется на распределённых системах, облачной инфраструктуре, высоконагруженной backend-разработке и платформах аутентификации. Занимается проектированием архитектуры, созданием безопасных систем авторизации и разработкой современных образовательных программ, которые помогают студентам получить реальные карьерные результаты.
Сейчас ведёт архитектуру ToyCRM.com — мультитенантной CRM-платформы на .NET, которую строит наша команда. Те же паттерны и архитектурные решения, что используются там, напрямую попадают в курсы: identity и авторизация, распределённые сервисы, культура код-ревью. Вы учитесь у инженеров, которые активно отправляют продакшн-код, а не у учебника.
Программа курса
Курс охватывает современные технологии HTML5 и CSS3:
- 1 Модуль 1: Семантическая разметка
- 2 Модуль 2: Использование Canvas
- 3 Модуль 3: Видео и аудио
- 4 Модуль 4: Geolocation API
- 5 Модуль 5: Новые элементы form
- 6 Модуль 6: Коммуникация
- 7 Модуль 7: WebSockets
- 8 Модуль 8: WebWorkers
- 9 Модуль 9: WebStorage
- 10 Модуль 10: Offline приложения
- 11 Модуль 11: Введение в CSS3
- 12 Модуль 12: Текстовые стили в CSS3
- 13 Модуль 13: Псевдоклассы и стилевые правила
- 14 Модуль 14: Градиенты, трансформации и анимация
- 15 Модуль 15: Адаптивный веб-дизайн
Требования
Базовые навыки работы с компьютером и желание учиться. Учебные материалы проведут вас шаг за шагом.
Опыт не требуется.
Что вы построите
Уходите с современными frontend-навыками, которые РЕАЛЬНО используются сегодня: анимированные UI-компоненты, многоколоночные лейауты, которые выживают на любом экране, доступная вёрстка, performance-aware CSS. Это тот уровень, на котором CV начинают брать на junior frontend.
- CSS-анимации и переходы
- Продвинутые Flexbox и Grid
- HTML5 API (storage, media, canvas)
- Адаптивные UI-паттерны
- CSS-переменные и темы
- Производительная вёрстка
- Доступные UI-компоненты
Где это в вашей карьере
Читать параллельно с курсом
Глубокого разбора, привязанного к этому курсу, пока нет. Открыть весь блог
Первое занятие — за наш счёт. Решение — после знакомства с инструктором.
Поучаствуйте в первой сессии. Если после первого урока решите, что инструктор вам не подходит — вы за него не платите, без неудобных разговоров. (Пробное действует на курсах длиннее 5 занятий; этот курс подходит.)
Стоимость и что входит
Что входит
- 15 живых занятий по 2 часа — ведёт преподаватель лично, а не запись
- Презентация к каждому занятию — остаётся у вас и доступна для повторного просмотра
- Рабочие файлы кода и data-файлы, использовавшиеся на уроке — клонируются к вам на машину
- Еженедельная домашка с личным код-ревью от преподавателя
- Запись по запросу — предупредите преподавателя заранее («не смогу во вторник, пожалуйста, запишите») и занятие будет записано для вас
Частые вопросы
Сколько времени в неделю это займёт?
Закладывайте время на сами занятия плюс примерно 1.5–2 часа практики на каждое. Большинство студентов, которые укладываются в график, тратят 4–6 часов в неделю. Меньше — тоже работает, просто дольше.
Что если я пропущу занятие?
Скажите преподавателю ДО занятия — «не смогу во вторник, пожалуйста, запишите» — и он запишет этот урок и пришлёт вам. Записи не являются автоматическим архивом, они делаются по запросу, когда вы предупреждаете заранее. После урока — выполните домашку и приходите с вопросами на следующее.
Что входит в стоимость?
Живые занятия с преподавателем; презентации к каждому занятию (остаются у вас); рабочие файлы кода и любые data-файлы, использовавшиеся на уроке; домашка с код-ревью каждую неделю; и записи тех занятий, на которые вы предупредили заранее. Всё сверх — сертификат, alumni-доступ, mock-интервью — явно перечислено в «Что входит» над FAQ у тех курсов, где это применимо.
А если я записался, и преподаватель мне не подошёл?
На курсах длиннее 5 занятий первое занятие фактически пробное — если после первого урока решите, что преподаватель вам не подходит, вы за него не платите. Лучше вы уйдёте после одного урока, чем будете 9 недель тянуть на плохой химии. (Курсы из 5 и меньше занятий слишком короткие — пробное предложение там не имеет смысла, действует обычная оплата.)
Можно ли вернуть деньги, если бросаю на середине?
Да — пока неиспользована больше половины курса (т.е. вы прошли меньше 50% занятий). Возврат — пропорционально неиспользованной части. После середины возврат не делаем — считаем, что ценность уже получена.
Можно ли сменить язык преподавания?
Живые занятия идут на языке, указанном в блоке «Доступные языки» выше. Слайды и файлы кода обычно доступны на всех четырёх (английский, русский, украинский, грузинский). Многие студенты слушают занятия на одном языке, а материалы читают на другом — это нормально.
Готов ли я буду к реальной работе после курса?
Один курс редко сам по себе устраивает кого-то на работу — в любой сфере. Этот курс даёт фундамент, который ожидает junior-нанимающий менеджер: рабочий код, который вы написали сами, словарь, чтобы читать чужой код, и привычки, которые делают вас нанимаемым. Честный ответ на «готов ли я?» — на нашей дорожной карте (ссылка в шапке): откройте уровень, на который хотите выйти, и прочитайте чек-лист «Готовы, когда…».
Можно ли оплатить в рассрочку?
Да для курсов, у которых в верхней панели указана «Ежемесячная оплата» — обычно это два-три равных платежа. Курсы без этой опции оплачиваются единовременно. Если цена — преграда, напишите нам, мы смотрим на каждый случай отдельно.
Вам также может понравиться
Введение в HTML & CSS
Изучите основы HTML и CSS, чтобы создавать современные адаптивные веб-страницы с нуля.
Введение в JavaScript
Изучите JavaScript с нуля: синтаксис, логику, массивы, функции, объекты, события, DOM, AJAX и хранение данных на клиенте. Надёжный фундамент для фронтенд-разработки.
Введение в ASP.NET Core
Изучите основы ASP.NET Core, современную серверную разработку, DI, роутинг, контроллеры, REST API и развёртывание.