Дата
Идет набор
3 нед.
Цена
Компания
Место проведения
Онлайн или очно, г. Новосибирск, ул. Красный проспект, 200, 5 эт., офис 614
Научитесь верстать адаптивные веб-страницы и добавлять эффекты и анимацию на сайт
- 3 недели на курс
- 2 занятия в неделю
- 5 практических занятий
- каждое по 2 часа
Программа обучения
Общая продолжительность курса: 13 академических часов.
Язык разметки HTML
Изучите
- 1. Структура HTML-документа
- 2. Работа в редакторе кода
- 3. Панель разработчика
- 4. Семантика в HTML
- 5. Разбор видов тегов и атрибутов
- 6. Применение гиперссылок и якорных ссылок
- 7. Размещение изображений, таблиц, списков и спецсимволов
Освоите
- HTML-документ
- Теги и атрибуты
- Таблицы и списки
- Visual Code Studio
На практике
-
Написание кода для схематичного представления макета с использованием инструментов разработчика.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
Язык оформления стилей CSS
Изучите
- 1. Подключение стилей к странице
- 2. Виды селекторов и их вес
- 3. Свойства текста и шрифта
- 4. Работа с цветом
- 5. Блочные, строчные и строчно-блочные элементы
- 6. Свойства блоков: box-sizing, margin, padding, border
- 7. Позиционирование блоков
- 8. Применение блоков для построения макета
Освоите
- CSS синтаксис
- Свойства стилей
- Позиционирование блоков
- Блочная верстка
На практике
-
Верстка блочной модели.
-
Добавление стилей: цвет, размер, отступы, позиционирование блоков.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
Работа с макетом
Изучите
- 1. Разбор дизайн-макета страницы
- 2. Flexbox: контейнеры и элементы
- 3. Свойства flex-элементов
- 4. Управление пропорциями
- 5. Управление порядками блоков
Освоите
- Дизайн-макет
- Контейнеры
- Flexbox верстка
- Порядок блоков
На практике
-
Верстка макета на Flexbox.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
Адаптивная верстка
Изучите
- 1. Применение инструментов разработчика для адаптивной верстки
- 2. Подходы к разработке
- 3. Изменение стилей элемента в определенных условиях
- 4. Условия @media
- 5. Применение @media для различных типов и размеров экранов
- 6. Адаптивные шаблоны
Освоите
- Адаптивность
- Desktop First
- Условия @media
- Мобильная верстка
На практике
-
Адаптация макета под мобильные устройства.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
Анимация на странице
Изучите
- 1. Взаимодействие пользователя с элементами на странице
- 2. Выбор элементов для анимации
- 3. Правила пользовательского дизайна
- 4. Наложение эффектов на кнопки
- 5. Этапы работы над анимацией: движение и вращение
- 6. Разработка сложной анимации
Освоите
- Анимация
- Эффекты
- Пользовательский дизайн
- Вращение элемента
На практике
-
Наложение эффектов на кнопки страницы.
-
Создание блока с анимацией.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
Формат обучения: ОЧНО или ОНЛАЙН
Международная школа профессий (бывшее название СПБШТ) - это международная сеть образовательных центров, работающая в 5 странах и более 50-ти городах.
С 2010 года в наших учебных центрах обучилось более 70 000 учеников. В наших школах вы можете пройти обучение по 54 специальностям в области маркетинга, бизнеса, дизайна, медиа, программирования и бьюти-индустрии. Каждый курс - это выжимка прикладных знаний от более чем 600 экспертов-практиков, трудившихся над созданием наших программ. Обучение проходит в двух форматах: онлайн, в виде живых трансляций с обратной связью и домашними заданиями, и традиционном - непосредственно в вашем городе.
ДЕКЛАРАЦИЯ ПРИНЦИПОВ
Политика доступных цен
В эпоху глобализации не должно существовать барьеров для знаний. Больше 10 лет мы держим комфортные цены, протестуя против скрытой платы за “брендовый капитал”, “громкие имена” и ненужные знания.
Высокое качество обучения
Мы ищем экспертизу по всему миру: слушаем европейских и американских лекторов, смотрим обучающие курсы конкурентов, ищем практикующих экспертов в отрасли и собираем из этого лучшие методические пособия. Преподавателей мы выбираем строго из практикующих на рынке специалистов.
Живое обучение
Мы верим, что обучение - это всегда диалог между преподавателем и учеником. Будь-то онлайн и офлайн курсы, ученик должен иметь возможность задать вопрос, переспросить и даже посмеяться с преподавателем. Домашнее задание и проверка его педагогом - это обязательный элемент работы.