YesCoding
11–17 летОнлайн, из любого города

Создание сайтов для детей 11⁠–⁠17 лет: свой сайт в интернете

Ребёнок делает сайт сам: пишет код страницы на HTML, CSS и JavaScript и выкладывает её в интернет. У сайта появляется адрес, по которому его откроет кто угодно. Занимаемся индивидуально, с нуля.

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

Преподаватель рядом весь урок: смотрит на тот же экран и подсказывает сразу.

11–17
лет
36 ч
в уровне
10
разделов в уровне
45–60
минут занятие
Индивидуально
с преподавателем
от 1 200 ₽
за занятие

Курс создания сайтов для детей: страница, у которой есть адрес

Ребёнок пишет код страницы — и сразу видит её целиком: браузер показывает результат рядом, на том же экране. HTML задаёт, что на странице есть, CSS — как это выглядит, JavaScript — что происходит, когда нажимаешь.

Окно браузера. В адресной строке — адрес сайта, на него показывает выноска «этот адрес открывается у кого угодно». Внутри окна слева тёмный редактор с разметкой HTML страницы про вулканы, справа — сама эта страница: заголовок «Вулканы», подпись «Проект по географии, 6 класс», рисунок извергающегося вулкана и кнопка «Показать ещё». В правом нижнем углу телефон, на нём та же страница

Первый уровень: десять разделов

36 часов

Сначала страница появляется, потом начинает выглядеть так, как задумана, потом отвечает на нажатия. В последнем разделе сайт уезжает в интернет: адрес можно отправить учителю вместе со школьным проектом или положить в портфолио.

  1. Как устроен интернетЧто происходит, когда набираешь адрес: где лежит страница и как она попадает в браузер
  2. Базовый HTMLРазметка страницы: заголовки, абзацы, списки, ссылки, картинки — из чего страница вообще состоит
  3. Макет в FigmaСначала ребёнок рисует, как страница должна выглядеть, и дальше верстает по собственному рисунку
  4. ФормыПоля, кнопки, выбор из списка — то, через что страница спрашивает и получает ответ
  5. Базовый CSSЦвет, шрифт, размеры, отступы. Страница начинает выглядеть так, как была задумана
  6. Картинки и шрифтыКакими бывают изображения и чем они отличаются, как подключить свой шрифт и почему от этого зависит скорость
  7. Сетки и позиционированиеЭлементы встают туда, куда нужно, на любом экране, даже совсем маленьком
  8. Декоративные элементыСкругления, тени, рамки, простые фигуры — то, из чего складывается вид страницы
  9. JavaScriptПервые строки на JavaScript: страница начинает отвечать. Всплывающее окно и память, которая помнит выбор до следующего захода
  10. Git и публикацияСайт уезжает на GitHub Pages: у страницы появляется адрес в интернете
Так это выглядит на занятиях
  1. Код первой страницы в блокноте: doctype, html, head с заголовком «Мой первый сайт» и body с надписью «Привет, это мой первый сайт!»Пробуем создавать сайты «голыми руками»
  2. Тёмное окно редактора кода: слева дерево файлов проекта, справа разметка шапки сайта с меню «Студия, Клиенты, Магазин, Контакты»Используем лучшие инструменты
  3. Страница с роликами про Майнкрафт, рядом открыта панель разработчика: выделен блок заголовка и видны его размеры и шрифтИзучаем известные сайты изнутри
  4. Слева готовая страница веб-студии с заголовком «Только ночь, только хардкор» и тремя карточками услуг, справа окно со стилями CSSИ создаём собственные
  5. Страница репозитория на GitHub: три коммита, одна ветка и файлы проекта — img, index.html, readme.md и style.cssДобавляем в портфолио и в интернет

Что получается на занятиях

Обе работы дети сделали целиком: придумали, нарисовали и сами написали код.

Сайт магазина одежды на трёх экранах сразу: ноутбук с разделом «Новая круизная коллекция», телефон с каруселью платьев и планшет с разделом «О бренде»
Магазин одежды под любой экранАня, 14 лет · 6 месяцев занятий
Первый экран сайта пиццерии Dough Pizza: крупное фото пиццы, меню сверху и две кнопки заказа
Сайт для пиццерииЕсения, 13 лет · макет нарисовала сама, потом сверстала

После каждого уровня — диплом

Ребёнок заканчивает уровень и получает именной диплом. Электронный можно распечатать и повесить над столом, для школьного портфолио он тоже подходит.

Как заниматься и сколько это стоит

Занятия индивидуальные: на занятии только ребёнок и преподаватель. Занятие длится 45 или 60 минут: выбираете, как ребёнку легче держать внимание.

45 минут

1 200 ₽за занятие
Занятий в уровне
48
Если раз в неделю
около года

Ребёнку легче держать внимание до конца занятия.

60 минут

1 600 ₽за занятие
Занятий в уровне
36
Если раз в неделю
около девяти месяцев

За час успеваем и разобрать тему, и доделать проект.

Занятия оплачиваются пакетом по 8 занятий: по 45 минут — 9 600 ₽, по 60 минут — 12 800 ₽.

−10% за второе направление и столько же за второго ребёнка из одной семьи — например, к сайтам добавляете математику. Вместе скидки не складываются.

Темп задаёт ребёнок: над макетом в Figma он может просидеть два занятия или пройти раздел за одно. Расписание подбираем под ваши дни.

Первое занятие — бесплатно45 минут, индивидуально. Знакомимся и собираем маленький проект. Готовиться не нужно.
Записаться
Экран ноутбука: слева редактор с разметкой, справа окно браузера с готовой страницей, сверху полоса видеосвязи с двумя участниками

Как проходит занятие онлайн

Занимаемся в Телемосте — это видеосвязь Яндекса, ссылку на занятие присылает менеджер. Ребёнок включает демонстрацию экрана, и преподаватель видит, что он делает: подсказывает следующий шаг и помогает, если что-то не выходит.

От ребёнкаПечатать латиницей: теги и свойства пишутся английскими буквамиЧитать английские слова: разметка состоит из header, button, color и подобныхСкладывать, вычитать и умножать
От компьютераМикрофон и наушники или колонкиПроцессор Intel Core i3 или похожийОперативная память от 4 ГбWindows 10; на Windows 7 занятия тоже идут

Для сайтов хватает обычного компьютера: нужны браузер и редактор кода, и то и другое бесплатное. Если сомневаетесь, потянет ли ваш, скажите преподавателю на первом занятии: проверим вместе.

Куда идти после курса

В курсе три уровня. После первого можно продолжить на втором или перейти в другое направление.

  1. Первый уровеньТот, что описан выше: 36 часов, десять разделов, свой сайт с адресом в интернете.
  2. Второй уровеньСайт подстраивается под телефон и планшетИнтернет-магазин корма для животныхИнструменты, которые ускоряют работуПять тем: как сайт подстраивается под экран, инструменты для стилей и сборки, векторная графика, скорость загрузки.
  3. Третий уровеньПолная база по JavaScriptРисование на холстеJavaScript на сервере — Node.jsВосемь тем: как JavaScript управляет страницей, отвечает на нажатия и обменивается данными с сервером.

Направления для того же возраста, 11⁠–⁠17 лет.

Первое занятие по созданию сайтов — бесплатно

45 минут, индивидуально. Преподаватель посмотрит, с чего начинать, и покажет, как проходит занятие. Родитель может быть рядом.

Перезвоним за 15 минут.

Отличнея школа! Мой сын занимается здесь уже три года. Всегда с удовольствием подключается к занятиям. Есть личный кабинет, и я вижу отзывы о его обучении, видно, что не просто ведут уроки, а заботятся об учениках и их результатах.
Евгения ЖЯндекс.Карты · 10 апреля 2024Читать в источнике

Вопросы, которые задают до первого урока

Сайты мы начинаем с 11 лет — это старшая ступень, 11–17. Теги и свойства пишутся английскими буквами: к одиннадцати ребёнок читает английские буквы и считает в уме — этого хватает, чтобы начать с нуля. Кто младше — начинает с Roblox или Minecraft, это 9–11 лет; совсем маленькие — со Scratch, 7–9. Если ребёнок уже занимался, возьмём ступень выше. Что подойдёт именно вашему, преподаватель скажет на бесплатном первом занятии.

Бесплатнопервое занятие