для 10-17 лет

новичкам

Обучение разработке сайтов за 3 месяца

Ваш ребенок разработает свой первый сайт и погрузится в программирование

всего за

4 000 ₽ / мес

купить обучение

136K+

учеников

>8400

отзывов об обучении

освоите востребованное хобби за 3 месяца

разработаете свой первый сайт

обучение от профессионалов из сферы IT

гаджеты станут полезным и перспективным увлечением

изучите основы программирования и дизайна сайтов

пообщаетесь с реальными разработчиками

Чему научится ваш ребенок

Освоит навыки:

Программирование сайтов

Создание анимаций

HTML и CSS

Работа с DOM-деревом

Публикация сайтов

Логическое мышление и аналитические навыки

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

Творчество и дизайнерское мышление

Фронтенд разработка включает в себя не только написание кода, но и дизайн пользовательского интерфейса. Дети учатся сочетать функциональность и эстетику, что развивает их творческие способности.

Усидчивость и внимание к деталям

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

Ваш ребенок сможет так же

Катя

Разработала сайт “Vetown”

Настя

Разработала сайт “Paper Character”

Олег

Разработал сайт с рецептами

Это направление для вас, если ваш ребенок

Много времени проводит за компьютером

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

Уже пробовал создавать сайты или интересуется разработкой

Ребенок сможет усовершенствовать свои навыки, добавлять уникальные элементы в свои сайты и перейдёт на продвинутый уровень в разработке

Хочет связать свою жизнь с программированием

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

Это обучение затянет лучше любой игры

Сначала вы изучаете наглядную теорию

Визуальные материалы и интересные примеры сделают учебу захватывающей. Ребенок сразу разберется с основами и сможет перейти к практическим занятиям

Потом закрепляете знания на тренажерах и реальных задачах

У ребенка будет онлайн-тренажер для написания кода, задания после каждого урока и лайв-кодинг с преподавателем 2 раза в месяц

И выполняете реальные проекты

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

а ещё...

Онлайн-встречи с действующими разработчиками сайтов

Ребенок сможет общаться с профессионалами, наблюдать за их рабочим процессом и черпать идеи для своих будущих проектов

Дополнительные занятия с преподавателем на интересные темы

Каждые 2 недели будете собираться с преподавателем и одногруппниками, чтобы вместе в режиме реального времени разрабатывать сайты

Соревнования с другими учениками курса

Это поможет ребенку улучшить навыки программирования и получить ценные призы за свои достижения

Преподаватель, который научит вашего ребенка разрабатывать сайты

Преподаватель курса

Никита Щегольков

Преподаватель курса

Никита Щегольков

4 года

опыт в преподавании

7 лет

опыт в программировании

автор youtube-канала

по веб-разработке

профильное образование

по направлению "Информатика и вычислительная техника"

Пройдем путь от основ программирования до cоздания собственного сайта

1 месяц

Блок 1

Настройка редактора кода и первые теги

Теория по настройке редактора

Теория по первым тегам

Практика

Устанавливаем и настраиваем редактор кода Visual Studio Code. Устанавливаем необходимые расширения для комфортной работы. Учимся создавать папки, файлы и редактировать их в программе.

Блок 2

Создание первого сайта-визитки. Основы HTML

Что такое HTML и как с ним работать

Практика

Знакомимся с языком HTML. Изучаем первые теги (команды) для создания заголовков, обычного текста, картинок, цитат. Изучаем стартовый шаблон кода любого сайта. Создаём свой первый сайт-визитку.

Создание первого сайта-визитки. Основы HTML

Блок 3

Создание списков, наклонного и жирного текста. Понятие семантики сайта.

Списки

Стили шрифтов

Семантика сайта

Разбираемся в понятии семантика сайта. Учимся создавать разные виды списков на сайте. Изучаем новые команды для создания наклонного и жирного текста на странице.

Блок 4

Основные секции для создания любого сайта

Теги

Практика с разработкой своего сайта

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

Блок 5

Добавляем на сайт красок. Изучаем новый язык стилей CSS.

CSS

Работа со стилями

Практика с разработкой своего сайта

Знакомимся с языком стилей CSS. Учимся менять цвет текста на сайте, фоновый цвет элемента разными способами. Подключаем на сайт красивые шрифты. Украшаем свой сайт-блог.

2 месяц

Блок 6

Перемещаем стили в отдельный стилевой файл

CSS

Работа со стилями

Работа в Visual Studio

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

Блок 7

Учимся стилизовать элементы точечно на сайте

CSS

Работа со стилями

Работа в Visual Studio

Улучшаем свои навыки выборки элементов для стилизации в CSS. Точечно задаём стили конкретному элементу или сразу группе.

Блок 8

Создаём многостраничные сайты. Добавляем тёмную тему для сайта.

Создание темной темы

Создание веток со страницами

Практика

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

Блок 9

Изменяем размеры элементов. Инструмент разработчика.

Изменение сайта в браузере

Знакомство с инструментами разработчика

Знакомимся с самым важным помощником для каждого веб-разработчика - инструмент разработчика в браузере. Учимся задавать размеры, отступы и рамки элементам на сайте.

Блок 10

Блочная модель

Выравнивание элементов

Структура блоков

Изучаем особенности разных видов элементов на сайте. Учимся выравнивать блоки к левой/правой части сайта или по центру.

Блок 11

Ускорение набора кода

Emmet

Знакомимся со встроенным расширением Emmet в редакторе кода, который позволяет ускорить написание кода для сайта в несколько раз.

3 месяц

Блок 12

Добавляем фоновые картинки

Параллакс-эффект

Эффекты изображений

Теги-пустышки

Добавляем на сайт фоновые картинки с завораживающим параллакс эффектом. Создаём свои собственные фоновые паттерны. Изучаем два новых тега-пустышки. Делаем совместный проект для отработки полученных знаний в ходе курса.

Блок 13

Позиционирование элементов

Система блоков на сайте

Завершение итогового проекта

Учимся размещать элементы на сайте друг над другом. Фиксируем отдельные блоки сайта, чтобы они постоянно следовали за экраном пользователя. Завершаем работу над совместным проектом, а также каждый ученик завершает работу над своим собственным многостраничным сайтом-блогом.