Расширенные возможности вёрстки веб-страниц

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

Тема 1. Осуществление преобразований, переходов и анимации с помощью CSS

Преобразования. Вращение. Масштабирование. Перемещение. Наклон. Множественные преобразования. Исходная точка преобразований.

Переходы. Добавление перехода. Распределение скорости выполнения перехода по времени. Задержка начала перехода. Краткая запись свойства transition.

Анимация. Определение ключевых кадров. Применение анимации. Распределение скорости выполнения анимации по времени. Завершение анимации. Краткая запись свойства animation.

Тема 2. Использование градиентных фонов

Разработка собственного градиентного фона. Линейные градиенты. Цветовые опорные точки. Повторяющиеся линейные градиенты. Радиальные градиенты. Повторяющиеся радиальные градиенты. Конический градиент. Градиентная заливка текста.

Тема 3. Разметка по БЭМ

Основные понятия БЭМ. Свод правил БЭМа. Названия классов по БЭМ. «Плюсы» и «минусы» БЭМ.

Методика разметки по БЭМ. Алгоритм выделения блоков. Блоки и элементы. Миксование. Модификаторы блоков и элементов. Типовые ошибки.

Тема 4. Использование препроцессоров в написании кода CSS

Зачем нужны препроцессоры. Как работают препроцессоры.

Упрощение написания CSS-кода при помощи препроцессора SCSS. Синтаксис SCSS. Создание селекторов. Создание вложенных селекторов. Вложенные свойства. Использование миксинов. Установка CSS-свойств при помощи переменных в препроцессоре SCSS. Интерполяция переменных. Вычисления.

Тема 5. Адаптивный и отзывчивый дизайн веб-страниц

Вёрстка страницы и разработка стилей под разные устройства. Концепция «Mobile First». Медиазапросы.

Адаптивные изображения. Добавление изображений для ретиновых дисплеев.

Вернуться в начало раздела

Примеры работ

Некоторые примеры работ, выполняемых в ходе изучения курса:

Организация занятий

Необходимая подготовка

Для успешного освоения программы курса необходимо иметь подготовку в объеме курса HTML5 и CSS3. Создание сайтов по стандартам W3C или аналогичную.

Продолжительность курса и график занятий

Основная форма обучения взрослых слушателей в нашем Центре — индивидуальные занятия. Такая форма обучения является максимально эффективной: внимание преподавателя сосредоточено только на Вас, и Вы можете проходить программу в комфортном для себя темпе. Продолжительность курса при индивидуальном обучении в среднем составляет ## (1 учебный час равен 45 минутам). Она может оказаться меньше, если у слушателя уже есть подготовка и он может освоить программу курса быстрее, или больше, если слушатель пожелает изучить дополнительные темы сверх программы.

Конкретный график занятий определяется с учетом Ваших пожеланий. Мы рекомендуем 2-3 занятия в неделю по 2 учебных часа. Это позволяет заниматься достаточно интенсивно, но не перегружаться. Продолжительность курса при таком расписании составляет . Однако возможно и другое расписание, всё согласовываем индивидуально.

Также данный курс можно пройти в нашем Центре дистанционно. Для уточнения деталей такого обучения, пожалуйста, свяжитесь с нами любым удобным Вам способом.

Стоимость обучения и запись на курсы

Стоимость академического часа при индивидуальном обучении составляет руб., то есть общая стоимость за весь курс (##) получится  руб. Однако Вы не должны оплачивать всю сумму сразу — и это ещё один «плюс» индивидуального обучения. Оплата производится за каждое занятие по факту его проведения, поэтому финансовая нагрузка на Ваш бюджет распределяется равномерно и не оказывается слишком высокой, как при единоразовом платеже.

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

Документ, подтверждающий прохождение курсов

По окончании обучения и после сдачи практических зачетов вы получите Сертификат по курсу .