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

Введение в разработку интерфейсов

На этом курсе начинают с основ. Рассказывают, что нужно знать для старта в профессии и для чего вообще нужны разработчики интерфейсов. Выясняют, что такое веб и какие пути развития существуют в этой отрасли. Сразу же настраивают рабочее окружение - устанавливают необходимые программы и загружают первый сайт.

Основы HTML

Далее учатся работать с HTML. Разбирают теги, атрибуты и семантику. Учат правильно оформлять текст, добавлять изображения и создавать списки. Потом переходят к более сложным элементам - таблицам, медиаконтенту и фреймам. Отдельно рассматривают инструменты разработчика и учат оформлять код по стандартам.

Работа с CSS

Здесь переходят к стилизации. Сначала изучают подключение стилей, синтаксис и селекторы. Разбираются с каскадностью, специфичностью и CSS-переменными. Потом учат работать со шрифтами - подключать их разными способами и оформлять текст. Знакомятся с блочной моделью, типами элементов и структурными псевдоклассами.

Современные технологии верстки

Этот блок посвящен современным подходам к разметке. Детально изучают Flexbox - от основных концепций до практического применения. Потом переходят к CSS Grid, разбирают grid-контейнеры и grid-элементы. Обучаются создавать сложные макеты с использованием обеих технологий.

Декоративные элементы и графика

Здесь учат делать страницы визуально привлекательными. Рассматривают различные типы изображений, работу с фоном, градиентами и тенями. Изучают псевдоэлементы и их практическое применение. Отдельно работают с графикой - растровой и векторной, добавляют SVG на страницы и создают SVG-спрайты.

Сложные техники верстки

В этой части рассматривают позиционирование элементов различными способами, свойство overflow и наложение элементов. Потом переходят к анимации - изучают трансформации, переходы и сложные анимации. Учат оживлять интерфейсы и делать их интерактивными.

Работа с формами

Сначала учат создавать веб-формы - разбирают основы работы, различные элементы форм и способы группировки полей. Потом переходят к валидации - изучают виды проверки данных, методы контроля введенных значений и псевдоклассы состояния полей.

Профессиональные инструменты

На завершающих этапах знакомятся с профессиональными инструментами. Изучают препроцессоры SASS и SCSS, вложенные правила и директивы. Разбирают CSS методологии, в частности БЭМ - блоки, элементы и модификаторы. Учат писать чистый и структурированный код.

Адаптивность и финальная работа

Последний блок посвящен адаптивности. Рассматривают типы верстки, CSS media запросы и стратегии Mobile first/Desktop first. Учат адаптировать графику для различных устройств. Курс завершается финальной работой, после которой выдают диплом.

Особенности курса

Занятия проходят в удобное для студентов время. Каждая тема закрепляется практическими домашними заданиями. В пакете "Pro" доступны дополнительные преимущества. Все студенты получают доступ к личному кабинету с записями занятий.

Что включено

Выдается диплом/сертификат

Гибкий график

Сопровождение ментора

HTML/CSS-фахівець

О курсе

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

Введение в разработку интерфейсов

Основы HTML

Работа с CSS

Современные технологии верстки

Декоративные элементы и графика

Сложные техники верстки

Работа с формами

Профессиональные инструменты

Адаптивность и финальная работа

Особенности курса

Что включено

О школе

Genius.Space

Другие курсы школы

WEB-дизайнер – Genius.Space

Бухгалтер ФОП

Спеціаліст з таргетованої реклами