Школьники 9-11 классов, занятия 1 раз в неделю
36 часов (3-5 мес), общая стоимость: 12600 руб. (2 х 6300руб)
Группа 8-12 человек
Разработка интерактивного сайта
Веб-технологии - все больше используются не только как средство создания информационных площадок и порталов в сети Интернет, но и как универсальная платформа взаимодействия пользователя и информационной системы (предприятия, банка и тп)
Фронтенд разработчики – это программисты, создающие компоненты программных продуктов, реализующих пользовательский интерфейс различных программных комплексов. Специфика их работы в том, чтобы отслеживать и управлять действиями пользователя, не допуская некорректных данных, ошибочных команд и так далее. В тоже время, они решают задачу по визуализации данных, формированию понятного и функционального построения пользовательского экрана.
В рамках занятий по программе кружка «Интерактивный сайт», учащиеся освоят базовые приемы программирования и визуализации информации. Результатом работы станет ИТ-продукт, реализующий следующий функционал:
- Отображение данных в виде активных зон базового изображения – карта, схема устройства, план здания и тп – с привязкой структурированного набора дополнительных сведений. Например: карта местности, с указанием достопримечательностей и краткой исторической справкой, выпадающей по нажатию мыши; или конструкторский чертеж с указанием характеристик основных деталей
- «Шкала времени» - динамический элемент, управляемый пользователем, позволяющий продемонстрировать информацию в развитии. Варианты: развитие сети железных дорог в регионе, или этапы сборки/разборки прибора и т.п
Занятия проводятся под руководством преподавателей Колледжа Цифровых Технологий
Содержание курса
- Введение в HTML: синтаксис, структура HTML-документа, основные теги
- Основы CSS: назначение и синтаксис, селекторы, свойства и значения
- Основные стили: цвет, фон, шрифт, отступы
- Работа с мультимедиа: видео и аудио
- Продвинутый CSS: Flexbox и Grid-системы, анимации и переходы в CSS, мобильная адаптивность: медиа-запросы
- Введение в JavaScript: синтаксис, переменные, типы данных, условные операторы и циклы, работа с функциями
- Inkscape: создание и редактирование векторной графики. Экспорт векторной графики для сайта
- Интерактивные элементы с JavaScript: клики, наведение мыши. Создание динамических элементов: модальные окна, выпадающие списки
- Создание интерактивной карты: Использование JavaScript для работы с векторной графикой. Добавление маркеров и обработка событий на карте
- Модальные окна: привязка детализированной информационной карточки к активным зонам на изображении
- Инофрмационные слои: структурирование визуализированных данных
- Проект интерактивного сайта: ИТ-продукт, взаимодействующий с пользователем
Расписание занятий
- Группа ИC24-1 Вт 16:30 - 18:00
- Группа ИC24-2 Ср 16:30 - 18:00
- Группа ИC24-3 Чт 16:30 - 18:00
- Группа ИC24-4 Пт 16:30 - 18:00