Современная веб-разработка. Верстка и макеты. Модуль 2

Курс предназначен для выпускников первого модуля курса «Современная web-разработка», освоивших введение в HTML, CSS и JavaScript.

Записаться на обучение Оплатить модуль
Из чего состоит
12 занятий по 2 академических часа
Ближайший старт
28 сентября - 21 декабря 2024
Стоимость обучения

Скидка 15% в до конца июля!

11400 ₽ 9 690 ₽ / модуль

В программе курса
  • Выбираем шаблон будущего сайта, создаем шапку.
  • Главный экран сайта. Блок со слайдером, блоки "о нас", "контакты", "мы в цифрах", цены", "команда" и др.
  • Вставка и настройка виджетов
  • Работа со стилями CSS, с JavaScript
  • Анимация на сайте. Доработка мобильной версии
  • Публикация проекта
Подробная программа
  • Занятие №1. Ход работы над сайтом
    • Изучение ПО. выбор шаблона, разбор будущего проекта, файловая структура проекта.
    • Создание шапки.
  • Занятие №2. Главный экран сайта. Блок со слайдером
    • Меню “гамбургер”, работа со стилями CSS. Работа с библиотекой слайдера.
  • Занятие №3. Прототипирование, библиотека иконок. Блок "о нас"
    • Типографика, иконочные шрифты.
  • Занятие №4. Стили и работа с grid-system. Блок "мы в цифрах"
    • Верстка с использованием Bootstrap с grid-system.
    • Прототипирование секций.
  • Занятие №5. Закрепление материала. Блок "цены"
    • Освоение пройденного материала, иконочные шрифты, grid-system, стили CSS.
    • Проверка знаний
  • Занятие №6. Работа со слайдером. Блок "команда"
    • Изменение готовых стилей сторонних плагинов.
  • Занятие №7. Форма обратной связи и слайдер партнёров. Блок "контакты" и "партнёры"
    • Поля ввода данных. Плагин карусели.
  • Занятие №8. Размещение интерактивной карты
    • Блок "наш офис" и "подвал сайта"
    • Вставка и настройка виджетов.
    • Плагин раскрытия секции.
  • Занятие №9. Плагин фильтрации объектов
    • Блок "портфолио"
    • Фильтр для проектов.
  • Занятие №10. Работа с JavaScript
    • Полноэкранное меню сайта и смена размера шапки.
    • Практическое применение JS, создание  анимаций.
  • Занятие №11. Хостинг, отправка контактных данных. Блок "контакты"
    • Публикация проекта. Работа с данными.
  • Занятие №12. Анимация объектов. Заставка сайта
    • Анимация на сайте.
    • Доработка мобильной версии.
    • Заставка загрузки
Начинайте учиться уже сейчас!
Загрузка...