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

Курс предназначен для детей в возрасте 11-16 лет и охватывает три модуля обучения. За 12 занятий по 2 часа каждое, дети узнают основы и последние тенденции мира веб-разработки, а также научатся создавать сайты, приложения и презентации. В ходе обучения они также ознакомятся с серверами и базами данных. В качестве финальных проектов дети создадут игру "Пятнашки" и приложение "Фотолента". Курс включает изучение ПО, выбор шаблонов, прототипирование, работу со стилями CSS, использование grid-system, работу с библиотеками слайдеров и иконок, а также применение JavaScript для создания анимаций. Дети также узнают, как публиковать проекты и работать с данными. Курс завершается анимацией объектов и доработкой мобильной версии сайта.

Другие курсы по Web-разработке

Расписание онлайн-трансляций

Дата

Время

05.10.2024 - 21.12.2024

16:00 - 18:00 по МСК (по субботам)

Демо-версия недоступна

Можете найти в нашем каталоге другой курс с этой опцией

Каталог

Видео

90 дней доступа к курсу
24 ак.ч.
Лекции

Цена: 950 ₽

Купить

Онлайн

24 ак.часа, 2 ак. ч. в день
12 учебных дней
Лекции 15,5 часов
Практические занятия 8,5 часов
Итоговая аттестация

Цена: 3 290 ₽

Купить

Содержание
Преподаватель
Видео

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

Тема 1. Ход работы над сайтом

Изучение ПО. Выбор шаблона, разбор будущего проекта, файловая структура проекта. Создание шапки.

Тема 2. Главный экран сайта. Блок со слайдером

Меню «гамбургер», работа со стилями CSS. Работа с библиотекой слайдера.

Тема 3. Прототипирование, библиотека иконок. Блок «о нас»

Типографика, иконочные шрифты.

Тема 4. Стили и работа с grid-system. Блок «мы в цифрах»

Верстка с использованием Bootstrap с grid-system. Прототипирование секций.

Тема 5. Закрепление материала. Блок «цены»

Освоение пройденного материала, иконочные шрифты, grid-system, стили CSS. Проверка знаний.

Тема 6. Работа со слайдером. Блок «команда»

Изменение готовых стилей сторонних плагинов.

Тема 7. Форма обратной связи и слайдер партнёров. Блок «контакты» и «партнеры»

Поля ввода данных. Плагин карусели.

Тема 8. Размещение интерактивной карты. Блок «наш офис» и «подвал сайта»

Вставка и настройка виджетов. Плагин раскрытия секции.

Тема 9. Плагин фильтрации объектов. Блок «портфолио»

Фильтр для проектов.

Тема 10. Работа с JavaScript. Полноэкранное меню сайта и смена размера шапки

Практическое применение JS, создание анимаций.

Тема 11. Хостинг, отправка контактных данных. Блок «контакты»

Публикация проекта. Работа с данными.

Тема 12. Анимация объектов. Заставка сайта.

Анимация на сайте. Доработка мобильной версии. Заставка загрузки.

Елена Лаврухина

Ведущий преподаватель центрального Учебного Центра №1. Опыт преподавания проекта "Код будущего" по направлению 1с.
Окончила Московской технический университет связи и информатики по специальности "Информатика и вычислительная техника".