Курс «Создание сайтов: frontend‑разработка для детей 10-17 лет»

Frontend разработка позволяет создавать визуальную часть сайтов, которая непосредственно взаимодействует с пользователем. Изучение этих навыков помогает детям развивать креативность, логическое мышление и понимание пользовательского опыта. Обучение программированию для детей в детской школе программирования Hello World является первым важным шагом в получении востребованной специальности в IT-индустрии. На этом онлайн-курсе дети научатся создавать сайты, применяя современные технологии.

Уроки создания сайтов для детей — это изучение основ frontend-разработки, работа с HTML, CSS и JavaScript, знакомство с дизайном, графикой, анимацией, которые помогут создавать красивые и функциональные проекты. Занятия проходят дистанционно. На всех этапах ребенка сопровождает куратор, который не дает заскучать и мотивирует продолжать учиться. Курс рассчитан на детей 10-17 лет, поэтому, если нужны знания по разработке для детей дошкольного возраста, обратите внимание на другие программы школы.

Краткая программа курса «Создание сайтов: frontend‐разработка для детей 10-17 лет»:

1. Обзор структуры веб-страницы. Написание кода в простых текстовых редакторах.
2. Создание лендингов и многостраничников с применением актуальных технологий верстки.
3. Язык программирования Javascript.
4. Векторная графика.
5. Архитектура React-приложений SPA.

В результате ребенок освоит работу в HTML, CSS и JavaScript, изучит основы дизайна и пользовательского опыта и создаст несколько собственных проектов, которые сможет разместить в интернете.

Начальный уровень

Ребёнок:

• Узнает структуру веб-страницы, основные теги html и css-свойств.
• Освоит работу со списками, таблицами, с основами блочной вёрстки и фонами.
• Разработает простые сайты с использованием html/css.
• Научится писать программный код в текстовых редакторах.
• Закрепит понятия блочной вёрстки.
• Ознакомится с адаптивностью сайтов (оптимизация под мобильные устройства) через медиа запросы.
• Изучит позиционирование элементов через css.
• Создаст полноценные сайт-визитки (landing-page).
• Познакомится с FlexBox вёрсткой и применит на практике.
• Научится публиковать свой сайт в интернете.

Начальный уровень включает в себя создание 11 проектов, среди них сайт-галерея, лендинг портфолио, лендинг компании.

Базовый уровень

Ребёнок:

• Научится работать с макетами в графическом редакторе Figma.
• Создаст одностраничные и многостраничные сайты с применением современных технологий вёрстки.
• CSS3 (Flex-box, Grid).
• Освоит стратегию Mobile first, а также методологию БЭМ.
• Освоит семантические теги HTML5.
• Расширит знания по работе со шрифтами, адаптивностью и получит навык работы с псевдоэлементами и переменными в CSS.
• Научится создавать сложные анимации с помощью CSS.
• Научится работать с библиотеками: FontAwesome и Bootstrap.

Базовый уровень включает в себя создание 19 проектов, среди них создание сайта о Марсе, сайт кинотеатра, сайт Porsche, карточка звёздных воин, сайт спортивной секции, сайт о мотоциклах, галерея интерьеров, сайта собственного портфолио и т. д.

Средний уровень

Ребёнок:

• Ознакомится с Javascript и документно-объектной моделью (DOM).
• Выучит основные циклические и разветвляющиеся алгоритмы, массивы.
• Закрепит навыки СSS в связке с JavaScript.
• Использовать интерактивность на сайтах.

Средний уровень включает в себя создание от 15 проектов, среди которых создание калькулятора, игр «Найди пару», «Угадай число» и т. д.

Продвинутый уровень

Ребёнок:

• Проработает использование векторной графики на сайтах с помощью SVG.
• Научится писать программы на javascript с взаимодействием с svg и холстом (canvas).
• Ознакомится с использованием библиотек на примере svg. js и canva. js (упрощает создание приложений).
• Освоит или закрепит понимание системы координат, физику столкновения и взаимодействия объектов.

Продвинутый уровень включает в себя создание от 6 проектов, среди которых создание игр «Пинг-понг», «Гоночки», «Динозаврик из гугла» и т. д.

Дополнительный уровень

Ребёнок:

• Познакомится с архитектурой реакт-приложений SPA.
• Освоит принцип работы redux.
• Научится использовать базовые возможности системы контроля версий Git.
• Узнает и закрепит основные понятия из ReactJS (props, route, flusk и т.д).

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

• Формат
  С преподавателем
  Видеоуроки / Консультации
  Обучение в ЛК на сайте автора
• Демодоступ
• Уровень сложности
  Для новичков
• Когда вы будете учиться
  В любой день в любое время
• Домашние задания
  ЕстьС проверкой
• Сопровождение
  Куратором
• Техническая поддержка
  В рабочее времяЧат в мессенджереЭлектронная почтаТелефон
• Что понадобится для обучения
  Если ребенок младше 12 лет, то необходим минимальный опыт в программировании
• Количество проектов
  58
• Количество часов практики
  140