Разработка сайтов
и создания чат ботов

Курса по разроботке сайтов, создания чат ботов в рамках 8 занятий (10 часов 40 минут)

Ученик сделает сайт по интересной ему тематике
Изучит основы верстки
Изучит основные категории сайтов, пройдет все циклы разработки и проработает UX/UI

Кому подойдет курс

Ребятам с ярким
воображением

Тем, кто любит играть и хотел бы создавать собственные игры

Всем кто хочет узнать новые языки программирования

Наша цель помочь ребенку сделать создание внешнего вида с использованием HTML,CSS и фреймворка Bootstrap, нешаблонное решение задачи, больший уровень адаптивности, создание собственных стилей (создание в т.ч. собственной формы ОС, подписки, формы регистрации, авторизации)

Начните учиться бесплатно

Решите пробный набор задач и оцените свою алгоритмическую подготовку

Пройти пробное занятие

Проект для студентов:

7 - 9 лет

Сценарии занятий

Ребенок с помощью преподавателя выбирает интересную ему тематику для создания сайта Затем создает макет/прототип сайта, придумывает бренд и логотип На последнем занятии ребята вместе собираются и решают задачу от преподавателя: создают в командах (например, 2 команды) сайты - проходят полный цикл, распределяют роли. Преподаватель визуально показывает ребенку, что можно сделать (например, показывает сайт Minecraft).

Итоговый продукт - варианты

Блог Подробнее Ребенок расскажет о себе, о своих увлечениях

Сайт об играх Подробнее У ребенка есть игры, которые ему интересны, и он сможет рассказать о них через сайт-визитку (2-3 страничный сайт)

Интернет-магазин Подробнее Ребенок сделает сайт, где можно продать скины любимых персонажей, валюту игры + сделает фотогалерею, добавить ссылки на соцсети

Структура занятий

1 Создание макета (прототипа) сайта

Введение в web-разработку. Основы создания макета сайта (Бриф Создание макета с помощью Miro)
Создание прототипа сайта в Tilda: шапка - меню - основная часть - подвал сайта

2 Создание бренда и стилистики сайта

Создание своего логотипа(бренда) на Canva. Использование готовых шаблонов (начальный уровень, создание логотипа,постеров, баннеров с помощью готовых шаблонов)
Создание главной страницы, оформление и настройка (подбор контента)
Создание и оформления страниц сайта. Доработка

3 Адаптация сайта под 2 типа устройств (десктоп и мобильная версия). Дополнительные функции

Настройка адаптивности сайта. Настройка страницы сайта
Создание чат-бота с помощью конструктора. Создание простого бота отвечающего на вопросы пользователя. Добавления на сайт

4 Командная работа: создаем сайт с нуля в команде

Командная разработка сайта

Результат

Miro на начальном уровне для создания прототипа

Canva создание логотипов используя шаблоны, баннеры,
постеры для своего сайта используя шаблоны(начальный уровень)

Tilda начальный уровень создание страниц сайта

Создание простого чат-бота с помощью конструктора 10 - 12 лет

Сценарии занятий

Ребенок с помощью преподавателя выбирает интересную ему тематику для создания сайта Затем создает макет/прототип сайта, придумывает бренд  и логотип На последнем занятии ребята вместе собираются и решают задачу от преподавателя: создают в командах (например, 2 команды) сайты - проходят полный цикл, распределяют роли Проговариваем с ребенком смыслы, логические цепочки. Обсуждаем UX/UI

Итоговый продукт - варианты

Многостраничный сайт об играх Подробнее У ребенка есть игры, которые ему интересны, и он сможет рассказать  о них через сайт + механики: подписка, кнопка “Наверх”, форма обратной связи

landing page Подробнее Призывающий к действию + механики: анимированные элементы, счетчики пользователей, кнопка “Наверх”, форма обратной связи

Блог Подробнее На этом сайте ребенок расскажет о себе, о своих увлечениях + механики: подписка, кнопка “Наверх”, форма обратной связи

Интернет-магазин Подробнее Ребенок сделает сайт, где можно продать скины любимых персонажей, валюту игры + механики: анимированные элементы, счетчики пользователей, фотогалереи, комментарии, соцсети, опросники (например, гугл формы), календари, шрифты, кнопки, форма подписки, кнопка “Наверх”, форма обратной связи

Структура занятий

1 Создание макета (прототипа) сайта

Введение в web-разработку. Основы создания макета сайта (Бриф Создание макета с помощью Miro)
Создание прототипа сайта в Tilda: шапка - меню - основная часть - подвал сайта

2 Создание бренда и стилистики сайта

Создание своего логотипа(бренда) на Canva. Самостоятельные доработки шаблонов, создание уникального стиля. Использование цветовой гаммы для подбора цветов сайта
Создание главной страницы, оформление и настройка (подбор контента). Оформление страницы согласно прототипу и цветовой гаммы для сайта. Добавление слайдера на главную страницу. Новостная лента
Создание и оформления страниц сайта. Добавление отзывов для сайта, поиск на сайте, расположения по Блокам, форма подписки

3 Адаптация сайта под разные типы устройств. Дополнительные функции

Настройка адаптивности сайта. Каждую страницу оптимизируются под все виды устройств
Создание чат-бота с помощью конструктора.Создание логики с выбором варианта. Добавления на сайт

4 Командная работа: создаем сайт с нуля в команде

Командная разработка сайта

Результат

Miro для разных макетов сайта (средний уровень)

Canva создание логотипов используя создавая с нуля  и доработка имеющихся шаблонов изменяя под стилистику своего сайта, баннеры, постеры для своего сайта используя шаблоны (средний уровень)

Tilda - создание многостраничных сайтов. Расширения функционала с помощью добавления виджетов на сайт (средний уровень)

Создание чат-бота с вариантами выбора на конструкторе чат ботов (средний уровень) 13 - 15 лет

Сценарии занятий

Ребенок с помощью преподавателя выбирает интересную ему тематику для создания сайта Затем создает макет/прототип сайта, придумывает бренд  и логотип На последнем занятии ребята вместе собираются и решают задачу от преподавателя: создают в командах (например, 2 команды) сайты - проходят полный цикл, распределяют роли С помощью Figma создается прототип для разных видов устройств. С помощью HTML, CSS и фреймворка Bootstrap создается адаптивный сайт

Итоговый продукт - варианты

Интернет-магазины Подробнее Создание внешнего вида с использованием HTML,CSS и фреймворка Bootstrap, нешаблонное решение задачи, больший уровень адаптивности, создание собственных стилей (создание в т.ч. собственной формы ОС, подписки, формы регистрации, авторизации)

Новостной портал Подробнее Создание внешнего вида с использованием HTML,CSS и фреймворка Bootstrap, нешаблонное решение задачи, больший уровень адаптивности, создание собственных стилей (создание в т.ч. собственной формы ОС, подписки, формы регистрации, авторизации)

landing page Подробнее Создание внешнего вида с использованием HTML,CSS и фреймворка Bootstrap, нешаблонное решение задачи, больший уровень адаптивности, создание собственных стилей (создание в т.ч. собственной формы ОС, подписки, формы регистрации, авторизации)

Сайт-визитка Подробнее Создание внешнего вида с использованием HTML,CSS и фреймворка Bootstrap, нешаблонное решение задачи, больший уровень адаптивности, создание собственных стилей (создание в т.ч. собственной формы ОС, подписки, формы регистрации, авторизации)

Структура занятий

1 Создание макета (прототипа) сайта

Введение в web-разработку. Создание прототипа сайта в Figma.Создание своего логотипа (бренда) на Canva. Подбор цветов
Основы создания веб-страницы с помощью HTML. Создание начальной структуры страницы (использование HTML5)

2 Создание бренда и стилистики сайта

Оформление страницы страниц с помощью СSS
Блочная верстка

3 Адаптация сайта под разные типы устройств. Дополнительные функции

Использование Bootstap-4 для адаптивной вёрстки. Адаптация под все экраны телефона. Создание на главной страницы сладера новостной ленты
Использование Bootstap-4 для добавления навигационных “Хлебных крошек”, формы авторизации на сайте, навигационной панели,формы подписки, формы регистрации
Создание чат-бота с помощью конструктора. Создание логики взаимодействия бота. Добавление на сайт (на английском языке)