Программа курса
Основы адаптивной верстки и Bootstrap
На этом курсе начинают с основ адаптивной верстки. Рассматривают медиазапросы и принципы создания сайтов, которые корректно отображаются на различных устройствах. Знакомятся с популярными CSS-библиотеками, в частности Bootstrap. Изучают различия между версиями Bootstrap 3 и 4, работу с Grid-системой сеток и другие полезные функции фреймворка. Каждый теоретический блок закрепляют практическими заданиями.
HTML5: расширенные возможности
Далее курс охватывает современные возможности HTML5. Студенты узнают о дата-атрибутах - что это такое и как их использовать. Рассматривают встроенные атрибуты и методы работы со сторонними скриптами. Обучаются создавать якоря и реализовывать плавное прокручивание страницы. Теорию сразу применяют на практике.
Современные подходы к верстке
Этот блок посвящен Flexbox - современной технологии верстки. Студенты изучают направления размещения элементов, способы выравнивания по вертикали и горизонтали, работу с текстом внутри блоков. Разбирают свойства flex-flow, flex-grow, flex-basis и order. Каждый концепт отрабатывают на практических примерах.
Селекторы и графика в HTML5
Модуль охватывает селекторы в HTML5 - какие перешли из предыдущих версий, а какие появились новыми. Студенты получают представление о контекстных селекторах, псевдоклассах и псевдоэлементах. Узнают о спрайтах и ролловерах. Изучают способы введения внешних ресурсов и векторной графики. Отдельно рассматривают создание иконок сайта в ICO-формате и поддержку пиктограмм в различных браузерах.
Доступность и юзабилити
Этот раздел посвящен созданию удобных для пользователя сайтов. Студенты изучают принципы usability и accessibility. Разбирают, какие задачи стоят перед пользователями и как создавать интерфейсы, учитывающие их потребности. Знакомятся с техническими средствами, которые помогают людям с ограниченными возможностями просматривать контент.
Сложные аспекты HTML и CSS
Модуль глубже углубляется в CSS. Рассматривают относительное, абсолютное и фиксированное позиционирование элементов, поведение дочерних компонентов. Изучают механизмы обрезки блоков и переполнения через свойство overflow, включая поддержку в различных браузерах. Практикуют работу со сложными макетами.
Совместимость с браузерами
Этот блок учит обеспечивать корректное отображение сайтов в различных браузерах. Студенты изучают условные комментарии, скрипты для поддержки селекторов и модификации поведения устаревших браузеров. Рассматривают различные типы фильтров и способы их применения.
CSS3: современные возможности
Модуль посвящен расширенным возможностям CSS3. Студенты изучают создание градиентов, анимаций, работу с веб-шрифтами. Разбирают многоколонную верстку, фоновые механизмы и алгоритмы скругления углов. Знакомятся с технологиями, поддерживаемыми современными браузерами, включая альтернативы Flash.
Верстка макетов
На этом этапе студенты переходят к практической верстке. Учатся нарезать макеты из PSD-файлов, правильно выбирать размеры и типы верстки. Осваивают механизмы создания готовых страниц из графических макетов. Каждый шаг отрабатывают на реальных примерах.
Готовые решения и фреймворки
Завершающий модуль знакомит с типовыми решениями, которые используют в веб-разработке. Студенты узнают о содержании популярных фреймворков, CMS-шаблонах и JavaScript-решениях. Знакомятся с динамическим CSS и инструментами, ускоряющими разработку.
Преимущества обучения
Курс ведут преподаватели-практики с реальным опытом в веб-разработке. Доступные форматы обучения включают корпоративные группы и занятия в выходные дни. Выпускники имеют возможность трудоустройства в ведущих IT-компаниях. Доступно индивидуальное обучение по запросу.
