- Home
- Веб-разработка (HTML & CSS)
Веб-разработка (HTML & CSS)
Занятия с топ-экспертами
Быстрый старт к успеху
Получите работу мечты
СТАРТ КУРСА 27.02.2025
Веб-разработка
• Пн - 20:00-22:00 • Чт - 20:00-22:00
Пакетное предложение
• Веб-разработка • JavaScript • Node JS
старт курса - 27.02.2025
Веб-разработка
• Пн - 20:00-22:00 • Чт - 20:00-22:00
Пакетное предложение
• Веб-разработка • JavaScript • Node JS

О профессии
Чему Ты Научишься?
- HTML и CSS – Освой создание структуры и стиль интерфейсов
- Flexbox и Grid – Управляй макетами для адаптивности
- Git и GitHub – Эффективное управление проектами и кодом
- Адаптивный дизайн – Создавай сайты для любых устройств

Что ты будешь изучать?
Описание курса
В ходе курса вы научитесь создавать веб-сайты с нуля. Вы подробно изучите основные структуры HTML и стили CSS (согласно учебному плану). Узнаете, как создавать структуру страницы, добавлять стили и логику. Практические задания помогут вам освоить их совместное использование для создания веб-сайтов разного типа и сложности. На примере реальных проектов вы познакомитесь с принципами работы в этой области.
Последние два воркшопа будут посвящены базовому синтаксису, семантике и лексике JavaScript, что позволит вам увидеть процесс создания полноценного интерфейса веб-сайта в перспективе.
После завершения курса вы сможете самостоятельно создавать веб-сайты, адаптированные для десктопов, планшетов и мобильных устройств.
Учебный план
- Семинар 1: Введение в HTML
Обзор компонентов фронтенд-разработки
Структура документа HTML5
Введение в редактор Visual Studio Code
Изучение расширений VS Code
Организация документов для проекта
Добавление HTML-тегов - Семинар 2: Работа с CSS
Подключение CSS-файлов
Понимание CSS-селекторов и их важность
HTML-атрибуты
Абсолютные и относительные пути
Работа с Figma
Использование Chrome DevTools - Семинар 3: Свойство Display и шрифты
Основные HTML-теги для структуры веб-страницы
Свойство display: block/inline/inline-block/none
CSS-бокс-модель
Веб-шрифты и соответствующие форматы
Управление стилями и размерами шрифтов
Сброс стилей браузера
Форматирование текста - Семинар 4: Git и GitHub
Введение в Git/системы контроля версий
Регистрация на GitHub
Создание репозитория
Обзор GitHub Desktop
Загрузка и скачивание проектов
Внесение изменений
Команды Git
Понимание абсолютных путей - Семинар 5: Flexbox
Понимание Flexbox
Использование FontAwesome / Icomoon
Псевдоклассы
Свойство border-radius
Валидация кода
Обзор финального проекта - Семинар 6: Свойство Position и анимации
Понимание позиционирования: static/absolute/relative/fixed/sticky
Свойство transform
Применение теней: box-shadow/text-shadow
Создание эффектов наведения (hover)
Использование свойства transition
Анимации с ключевыми кадрами (keyframe animations) - Семинар 7: Адаптивный веб-дизайн
Создание адаптивных макетов
Использование CSS @media
Установка точек останова в адаптивном веб-дизайне
Использование проверщиков адаптивности - Семинар 8: Практика адаптивного дизайна
Практика адаптивного дизайна (самостоятельная разработка дизайна)
Использование Autoprefixer CSS для дополнительных префиксов - Семинар 9: CSS Grid Layout
Понимание модуля CSS Grid layout
Использование CSS-переменных
Псевдоэлементы
Обзор финального проекта - Семинар 10: HTML Form Elements
Работа с элементами форм HTML
Использование мета-тегов для браузеров
Оптимизация информации для социальных сетей
Обзор финального проекта - Семинар 11: Введение в JavaScript
Понимание синтаксиса JavaScript
Добавление JavaScript-файлов на сайт
Работа с примитивными типами данных
Объявление переменных
Использование условных выражений
Введение в DOM
Манипулирование DOM с помощью JavaScript - Семинар 12: Простая функциональность на JavaScript
Взаимодействие с HTML-элементами
События JavaScript: click, focus, keydown
Добавление функциональности бургер-меню
Подробные инструкции для финального проекта
ментор

Егор Зудин
Веб-разработчик
Егор родился в 1987 году и с детства увлекался технологиями. Окончил СибГУТИ по специальности “Радиосвязь, радиовещание и телевидение”.
Начинал карьеру как системный администратор и DevOps-инженер, затем руководил IT-отделом на НЗСП. Позже освоил PHP, Python, JavaScript и Node.js, работал над уникальным мессенджером “ДИЧЬ” во ФРИИ и стал CTO блокчейн-проекта Acryl, специализирующегося на распределённом хранении данных.
Егор — опытный специалист, чей путь в IT сочетает инфраструктуру, автоматизацию, криптографию и работу в стартапах. Теперь он с энтузиазмом делится своими знаниями с новым поколением разработчиков.ტრ
ментор

Егор Зудин
Веб-разработчик
Егор родился в 1987 году и с детства увлекался технологиями. Окончил СибГУТИ по специальности “Радиосвязь, радиовещание и телевидение”.
Начинал карьеру как системный администратор и DevOps-инженер, затем руководил IT-отделом на НЗСП. Позже освоил PHP, Python, JavaScript и Node.js, работал над уникальным мессенджером “ДИЧЬ” во ФРИИ и стал CTO блокчейн-проекта Acryl, специализирующегося на распределённом хранении данных.
Егор — опытный специалист, чей путь в IT сочетает инфраструктуру, автоматизацию, криптографию и работу в стартапах. Теперь он с энтузиазмом делится своими знаниями с новым поколением разработчиков.
Сертификат
