Онлайн-курс «Профессиональная вёрстка на HTML и CSS» — это образовательная программа, предназначенная для всех, кто хочет научиться верстать сайты с использованием современных технологий.
Показать полностью →
За 3 месяца обучения вы освоите HTML и CSS с нуля, научитесь создавать адаптивные интерфейсы для различных устройств и разрабатывать сайты, соответствующие последним стандартам веб-разработки.
Обучение построено на практическом подходе: вы будете писать код с первого дня, реализовывать проекты для портфолио и получать обратную связь от опытных наставников. Курс охватывает все ключевые аспекты вёрстки — от семантической разметки до анимаций и оптимизации производительности.
Что вы освоите на курсе:
Современную вёрстку на HTML и CSS
Применение Flexbox и Grid для построения макетов
Принципы адаптивной и отзывчивой вёрстки
Анимации на CSS и SVG
Работа с препроцессорами (Sass, SCSS) и сборщиками (Gulp, Webpack)
Инструменты автоматизации разработки: Node.js, NPM, GitHub
По окончании курса предусмотрена помощь в создании портфолио, подготовке резюме и рекомендациях по прохождению собеседований.
Кому подойдёт курс:
Новичкам в веб-разработке, желающим освоить создание сайтов с нуля;
Веб-дизайнерам, которые хотят научиться реализовывать свои макеты;
Фронтенд-разработчикам, которые хотят улучшить навыки вёрстки.
Программа онлайн-курса
1. Основы HTML и CSS и знакомство с курсом
Проект: сверстать простую веб-страницу по готовому макету
— Понятие вёрстки и её место в веб-разработке
— Основные теги HTML: заголовки, абзацы, списки, ссылки
— Введение в CSS: стилизация текста, цвет, шрифты
— Основы Flexbox и Grid Layout
2. Семантика и лэйаут
Проект: сверстать многостраничный сайт с использованием современных фреймворков
— Семантические теги HTML5
— Адаптивная вёрстка и медиазапросы
— Работа с Bootstrap и Materialize
— Верстка форм и таблиц
3. Доступность и интерактив
Проект: реализовать сайт с интерактивными элементами и доступной навигацией
— Принципы доступности (a11y) в вебе
— Настройка мета-информации для SEO
— Добавление интерактивных элементов: кнопки, формы, модальные окна
4. Дизайн и адаптивность
Проект: сверстать адаптивный лендинг с поддержкой всех экранов
— Принципы адаптивного дизайна
— Flexbox vs Grid: что выбрать для верстки
— Медиазапросы и оптимизация для мобильных устройств
5. Красотища — анимации и декорирование
Проект: разработка лендинга с плавными анимациями и интерактивными эффектами
— CSS-анимации: transitions, keyframes
— SVG-анимации и работа с векторной графикой
— Трёхмерные трансформации и параллакс-эффекты
Выпускной проект
— Создание полноценного многостраничного сайта с адаптивным дизайном
— Интеграция анимаций и SVG
— Подготовка проекта для портфолио и его защита перед экспертами
Отзывы об онлайн-курсе
Отзывов ещё нет. Оставьте первый отзыв.
Оставить отзыв об онлайн-курсе
Похожие онлайн-курсы
