Английский

Предметы

Тесты

Записаться

Помочь армии

Войти

Курси "Создание сайтов: Frontend разработчик" для детей

Мы освоим топовую IT-профессию и научим создавать сайты с нуля

Длительность курса: 8 месяцев
Занятий в неделю: 2 занятия по 90 минут
Количество занятий на курсе: 64 урока
Формат: онлайн
Что нужно для обучения: компьютер с гарнитурой или ноутбук и хороший интернет

Скидка до -50% на все программы

Празднуем 8 лет лидерства JustSchool

Подходит для подростков 13-16 лет

Занятия длятся
90 минут

Знакомство с языком программирования JavaScript + HTML/CSS

Погружение в реальный мир разработчиков

Как проходит обучение на курсе

Программа рассчитана на 64 занятия

Содержит 8 модулей, каждый из которых формирует у ребенка компетенции дизайнера, веб-разработчика и SEO-аналитика.

Разберем принципы языков, которые используются в Frontend разработке

Освоим синтаксис HTML, CSS и JavaScript. На базе этого создадим макеты сайтов с помощью специальных инструментов. Изучим основные принципы дизайна, которые помогут идти в ногу со временем

Практика на каждом занятии

Каждый урок — изучение чего-то нового и мгновенное закрепление теории на практике! Пошагово изучаем стилизацию страницы, используя три языка программирования.

Создадим собственное портфолио сайтов

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

По окончанию курса выдаем сертификат

Какой результат получит ребенок после завершения курса

Овладевает HTML-верской и CSS-технологиями для создания адаптивных веб-страниц.

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

Научитесь добавлять интерактивные элементы с помощью языка JavaScript.

Освоит работу с хостингами и файловыми клиентами, научится публиковать сайты в Интернете.

Изучите основные принципы адаптивного, доступного и инклюзивного дизайна.

Программа курса по созданию сайтов

Модуль 1

HTML & CSS Junior

8 тем

Перечень тем, которые вы изучите:

Web 2.0. Роль технологий HTML, CSS и JavaScript в разработке современных сайтов.
Текстовые теги. Виды тегов. Ссылки.
Подключение CSS. Селекторы и базовые стили.
Координаты. Создание объектов на случайных координатах. Проект Top-Down Shooter.

Показать больше темСвернуть темы

HEX-цвета. Теги списков.
Добавление кнопок на сайт. Использование псевдоклассов.
Google Fonts. Подключение шрифтов к сайту.
Проектная работа.

Модуль 2

Прототипирование в Figma.

8 тем

Перечень тем, которые вы изучите:

Обзор сервиса Figma. Разработка вайрфрейма визитки.
Создание макета визитки. Использование направляющих.
Добавление эффектов к объектам. Использование Drop Shadow для имитации 3D.
События Onclick и While Hovering. Разработка кликабельного прототипа.

Показать больше темСвернуть темы

Анимация в Figma. Работа с компонентами.
Тренды в дизайне лендингов. Основные элементы GUI. Разработка брендбука.
Создание прототипа мобильного приложения. Основы адаптивного дизайна.
Проектная работа. Разработка прототипа Landing Page.

Модуль 3

Разработка Landing Page

8 тем

Перечень тем, которые вы изучите:

Среда Visual Studio Code. Структура директорий проекта. Базовая HTML-структура.
Способы подключения CSS. Введение в семантическую вёрстку. Оформление блока Header.
Flex-вёрстка. Оформление первого экрана сайта.
Разработка мини-блоков с использованием flex-технологий.

Показать больше темСвернуть темы

Создание формы обратной связи.
Разработка новых страниц. Переход между страницами и якорями.
API. Использование для связи с API других сайтов.
Проектная работа. Оформление блока Footer.

Модуль 4

Графический дизайн. Создание векторных иллюстраций.

8 тем

Перечень тем, которые вы изучите:

Сервис PhotoPea. Логотип в стиле кубизма (с использованием графических примитивов).
Текст. Эффекты слоёв.
ИИ для генерации изображений. Инструменты быстрого выделения.
Корректирующие слои. Создание иллюстрации в стиле поп-арт.

Показать больше темСвернуть темы

Инструмент "Перо". Рисование маскота бренда.
Создание векторной иллюстрации. Основы композиции и колористики.
Мокапы. Создание прототипа рекламной продукции.
Проектная работа. Брендинг.

Модуль 5

JavaScript. Создание функциональных сайтов.

10 тем

Перечень тем, которые вы изучите:

Способы подключения JavaScript-скриптов. Команды ввода и вывода информации. Переменные. Работа с консолью.
Функции. Использование событий браузера для вызова функций. Проект "Угадай число".
Манипуляции с DOM. Условные операторы.
Реализация адаптивности сайта. Смена CSS-файлов в зависимости от параметров устройства.
Хранение данных на стороне пользователя. Local Storage.

Показать больше темСвернуть темы

Создание анимаций методами JavaScript.
Массивы и объекты. Регистрация нового пользователя.
Предикаты. Создание собственных логических операторов.
Константы. Валидация форм на стороне клиента.
Проектная работа. Разработка адаптивного дизайна для людей с нарушением зрения.

Модуль 6

Публикация сайта. Основы SEO и аналитики.

8 тем

Перечень тем, которые вы изучите:

Веб-хостинги и домены. Загрузка сайта на GitHub Pages.
Основы работы с мета-тегами. Оптимизация сайта для поисковых систем.
Основы SEO. Ключевые слова и контентная оптимизация.
Google Analytics. Ключевые показатели и работа в реальном времени.

Показать больше темСвернуть темы

Микроразметка OpenGraph.
Использование FTP-протокола для загрузки файлов. Работа с FileZilla.
Тестирование доступности сайта. Дополнительные способы улучшения доступности для людей с ограниченными возможностями.
Проектная работа. Комплексная оптимизация сайта.

Модуль 7

Фреймворк Vue.js. Создание интернет-магазина.

10 тем

Перечень тем, которые вы изучите:

Настройка среды разработки. Vue CLI. Обзор структуры проекта.
Создание и рендеринг компонентов.
Создание HTML-шаблонов.
Создание массивов данных. Использование v-for для отображения данных в шаблоне.
Парсинг CSV-таблиц. Установка библиотек в Vue. Библиотека Papaparse.

Показать больше темСвернуть темы

SPA. Роутинг между страницами.
Фильтрация товаров и поиск в Vue.js. Использование v-model.
Реализация корзины покупок в Vue.js: управление состоянием и передача данных между компонентами.
Авторизация пользователей на сайте.
Проектная работа.

Модуль 8

Курсовой проект.

4 темы

Перечень тем, которые вы изучите:

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

Показать больше темСвернуть темы

Разработка финальной версии сайта.
Публикация сайта на Dribbble. Защита проектов.

Запишитесь на бесплатное первое занятие

Обязательное поле

Даю согласие на обработку личных данных

Познакомим с нашей онлайн-школой и платформой

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

Поможем создать ее первый минипроект

Подберем оптимальный план занятий и обучения

Результаты учеников на курсе по созданию сайтов

Антон, 15 лет
Сайт для груминг-салона

Я давно интересовался созданием сайтов, и этот курс помог мне понять, как всё устроено. Теперь у меня есть собственная веб-страница!

Антон, 15 лет
Сайт для груминг-салона

Вика, 16 лет
Сайт для коворкинга

Раньше я думала, что сайты могут создавать только взрослые, а теперь у меня тоже есть свой сайт!

Назар, 14 лет
Сайт для бронирования отдыха

Было круто видеть, как обычный код превращается в настоящий сайт!

Катерина, 13 лет
Сайт для платформы по изучению английского

На курсе я создала сайт с нуля — теперь знаю, как всё работает изнутри!

Владислав, 13 лет
Сайт для игры в стиле «кликер»

На курсе я узнал, как сделать веб-страницу. Теперь могу сам создавать сайты и добавлять анимацию!

О JustTech

JustSmart — это онлайн-школа для детей и подростков, которая входит в семейство продуктов JustTech.

428 500+ учеников развиваются с нами

16 500+ преподавателей выбирают наши продукты

500+ сотрудников в команде

7+ лет на рынке

4 образовательных продукта

Преподаватели курса, которые помогают достигать результатов

В команде JustSmart — более 50 преподавателей, которые вдохновляют учеников исследовать мир IT. Они помогают не только изучать код, но и развивать креативность, логику и интерес к технологиям.

Наши преподаватели на курсе по созданию сайтов используют современные цифровые инструменты, чтобы разнообразить обучение и расширить возможности учеников:

CodePen — для быстрого тестирования и просмотра кода

Visual Studio Code — для работы со структурой проекта

Figma — для создания интерфейсов и оформления игр и приложений

Алексей

Специализация: HTML, CSS, базовая веб-структура

Чему учит студентов:

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

годОпыт преподавания

Владислав

Специализация: фронтенд-разработка, клиентская логика, интерактивные элементы

Чему учит студентов:

Создание сайтов с нуля с использованием HTML, CSS и JavaScript
Создание навигации, форм и слайдеров
Основы работы с пользовательскими интерфейсами

летОпыт преподавания

Ростислав

Специализация: современная вёрстка, адаптивный дизайн, работа с макетами

Чему учит студентов:

Как правильно верстать сайты по макетам
Использование инструментов Figma и PhotoPea
Принципы удобного дизайна и структуры веб-страницы

летОпыт преподавания

Станислав

Специализация: интерактивные сайты, анимации, основы JavaScript

Чему учит студентов:

Как оживить сайт с помощью анимаций и эффектов
Основы логики для добавления интерактивности
Работа с простыми сценариями для веб-проектов

летОпыт преподавания

Что родители и ученики говорят о наших курсах по созданию сайтов

Мы рады, что познакомились со школой разработки сайтов JustSmart. Преподаватель доступно и терпеливо объясняет материал по курсу «Разработка сайтов», менеджеры подобрали расписание согласно нашим пожеланиям, всегда готовы прийти на помощь, если возникнут какие-либо проблемы.

Галина Митровка

20 декабря (Facebook)

Моя дочь учится программированию в онлайн-школе JustSmart. Мы довольны обучением. Занятия проводятся в доступной, понятной форме. График занятий очень удобный. Преподаватель очень вежливый и всегда готов помочь и дополнительно объяснить материал каждому ученику. Очень довольна!

Кристина

21 декабря (Facebook)

Лучшая онлайн-школа, которую я видела! Прохождение курса «Создание сайтов» в сфере IT принесло мне много полезных знаний. Преподаватели очень доступно объясняют материал, а задания и проекты действительно применимы. Впечатлена уровнем профессионализма преподавателей и скоростью усвоения материала. Планирую продолжить обучение в этой школе и рекомендую ее всем, кто интересуется развитием в сфере IT!

Katakuri Charlotte

21 декабря (Facebook)

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

Татьяна Бичурина Прохорова

18 декабря (Facebook)

Наш ребенок получает знания по курсу Web-программирования в JustSmart. Преподаватель курса Ярослав объясняет доступно и всегда на позитиве, не считается со временем, когда преподаватели других онлайн-школ минута в минуту заканчивают занятие. Ярослав пытается передать знания, а не формально отчитать часы и отсоединиться, что очень ценно для нас как для родителей.