Расширенные возможности вёрстки веб-страниц
- от 18 учебных часов
- в группе, индивидуально
- очно, онлайн
Краткое описание курса
Изучение продвинутых инструментов для вёрстки веб-страниц.
Подробно о курсе
Для эффективной работы html-верстальщика, контент-менеджера, веб-мастера сегодня требуется не только уметь писать валидный код на HTML и CSS, но и владеть инструментами быстрой и удобной вёрстки. На курсе Расширенные возможности вёрстки веб-страниц вы можете повысить свой профессиональный уровень, изучив принципы вёрстки веб-страниц по методологии БЭМ, возможности создания анимации на CSS, «прокачать» навыки работы с градиентным фоном. Также вы узнаете, как оптимизировать и ускорить свою работу при помощи препроцессоров.
Основное внимание на курсе уделяется вопросам создания адаптивного дизайна страниц. Слушатели знакомятся с концепцией вёрстки «mobile first» и учатся создавать медиазапросы для различных устройств. В течение курса выполняются практические уроки-упражнения, каждый из которых является завершенным проектом.
Продолжительность курса от 18 учебных часов при индивидуальном обучении является достаточной для того, чтобы улучшить ваши навыки HTML-вёрстки и повысить конкурентоспособность на рынке труда.
Программа курса
Тема 1. Осуществление преобразований, переходов и анимации с помощью CSS
Преобразования. Вращение. Масштабирование. Перемещение. Наклон. Множественные преобразования. Исходная точка преобразований.
Переходы. Добавление перехода. Распределение скорости выполнения перехода по времени. Задержка начала перехода. Краткая запись свойства transition.
Анимация. Определение ключевых кадров. Применение анимации. Распределение скорости выполнения анимации по времени. Завершение анимации. Краткая запись свойства animation.
Тема 2. Использование градиентных фонов
Разработка собственного градиентного фона. Линейные градиенты. Цветовые опорные точки. Повторяющиеся линейные градиенты. Радиальные градиенты. Повторяющиеся радиальные градиенты. Конический градиент. Градиентная заливка текста.
Тема 3. Разметка по БЭМ
Основные понятия БЭМ. Свод правил БЭМа. Названия классов по БЭМ. «Плюсы» и «минусы» БЭМ.
Методика разметки по БЭМ. Алгоритм выделения блоков. Блоки и элементы. Миксование. Модификаторы блоков и элементов. Типовые ошибки.
Тема 4. Использование препроцессоров в написании кода CSS
Зачем нужны препроцессоры. Как работают препроцессоры.
Упрощение написания CSS-кода при помощи препроцессора SCSS. Синтаксис SCSS. Создание селекторов. Создание вложенных селекторов. Вложенные свойства. Использование миксинов. Установка CSS-свойств при помощи переменных в препроцессоре SCSS. Интерполяция переменных. Вычисления.
Тема 5. Адаптивный и отзывчивый дизайн веб-страниц
Вёрстка страницы и разработка стилей под разные устройства. Концепция «Mobile First». Медиазапросы.
Адаптивные изображения. Добавление изображений для ретиновых дисплеев.
Примеры работ
Некоторые примеры работ, выполняемых в ходе изучения курса:
Организация занятий
Необходимая подготовка
Для успешного освоения программы курса необходимо иметь подготовку в объеме курса HTML5 и CSS3. Создание сайтов по стандартам W3C или аналогичную.
Продолжительность курса и график занятий
Основная форма обучения взрослых слушателей в нашем Центре — индивидуальные занятия. Такая форма обучения является максимально эффективной: внимание преподавателя сосредоточено только на Вас, и Вы можете проходить программу в комфортном для себя темпе. Продолжительность курса Расширенные возможности вёрстки веб-страниц при индивидуальном обучении в среднем составляет 18 учебных часов (1 учебный час равен 45 минутам). Она может оказаться меньше, если у слушателя уже есть подготовка и он может освоить программу курса быстрее, или больше, если слушатель пожелает изучить дополнительные темы сверх программы.
Конкретный график занятий определяется с учетом Ваших пожеланий. Мы рекомендуем 2-3 занятия в неделю по 2 учебных часа. Это позволяет заниматься достаточно интенсивно, но не перегружаться. Продолжительность курса при таком расписании составляет 2-3 недели. Однако возможно и другое расписание, всё согласовываем индивидуально.
Также данный курс можно пройти в нашем Центре дистанционно. Для уточнения деталей такого обучения, пожалуйста, свяжитесь с нами любым удобным Вам способом.
Стоимость обучения и запись на курсы
Стоимость академического часа при индивидуальном обучении составляет 800 руб., то есть общая стоимость за весь курс (18 учебных часов) получится 14400 руб. Однако Вы не должны оплачивать всю сумму сразу — и это ещё один «плюс» индивидуального обучения. Оплата производится за каждое занятие по факту его проведения, поэтому финансовая нагрузка на Ваш бюджет распределяется равномерно и не оказывается слишком высокой, как при единоразовом платеже.
Если одновременно поступает несколько заявок на курс, мы можем предложить обучение в мини-группе (до 4 человек). Стоимость учебного часа в этом случае будет ниже (будет зависеть от количества людей), а количество часов для прохождения курса увеличится, так как при групповом обучении интенсивность подачи материала снижается. Если Вам интересен формат обучения в мини-группе (например, вместе с друзьями или коллегами), свяжитесь с нами, и мы рассчитаем точную стоимость.
Документ, подтверждающий прохождение курсов
По окончании обучения и после сдачи практических зачетов вы получите Сертификат по курсу Расширенные возможности вёрстки веб-страниц.
Ещё вопросы?
Задайте их, и наш менеджер свяжется с Вами в ближайшее время.
Согласие на обработку персональных данных
Настоящим в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» от 27.07.2006 года свободно,
своей волей и в своем интересе выражаю свое безусловное согласие на обработку моих персональных данных АНО ДПО «ИНСТИТУТ СОВРЕМЕННОГО ОБРАЗОВАНИЯ» (ОГРН 1143600000290, ИНН 3666999768), зарегистрированным в соответствии с законодательством РФ по адресу: ул. Карла Маркса, дом 67, Воронеж, Воронежская область, Россия, 394036 (далее по тексту — Оператор).
Персональные данные — любая информация, относящаяся к определенному или определяемому на основании такой
информации физическому лицу.
Настоящее Согласие выдано мною на обработку следующих персональных данных:
— Имя;
— Телефон.
Согласие дано Оператору для совершения следующих действий с моими персональными данными с использованием средств
автоматизации и/или без использования таких средств: сбор, систематизация, накопление, хранение, уточнение
(обновление, изменение), использование, обезличивание, а также осуществление любых иных действий, предусмотренных
действующим законодательством РФ как неавтоматизированными, так и автоматизированными способами.
Данное согласие дается Оператору для обработки моих персональных данных в следующих целях:
— предоставление мне услуг/работ;
— направление в мой адрес уведомлений, касающихся предоставляемых услуг/работ;
— подготовка и направление ответов на мои запросы;
— направление в мой адрес информации, в том числе рекламной, о мероприятиях/товарах/услугах/работах Оператора.
Настоящее согласие действует до момента его отзыва путем направления соответствующего уведомления на электронный адрес osnova@webfly.pro. В случае отзыва мною согласия на обработку персональных данных Оператор вправе продолжить обработку персональных данных без моего согласия при наличии оснований, указанных в пунктах 2 — 11 части 1 статьи 6, части 2 статьи 10 и части 2 статьи 11 Федерального закона № 152-ФЗ «О персональных данных» от 27.07.2006 г.