Появился вопрос?
Telegram WhatsApp Phone

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

Создание сайтов на
языках HTML, CSS, JavaScript для детей

Курсы школы PIXEL (Пиксель)

Формат
Онлайн и очные занятия в группе или индивидуально в онлайн
Структура
Курс состоит из модулей. В модуле 12 занятий по 90 минут с домашними заданиями
Группа
Группы формируются по возрасту учеников
Возраст
Для детей и подростков в возрасте от 12 лет
Уровень
Курс подойдет для новичков и продвинутых пользователей
10
%
Нравится курс?
Проведите время с пользой
Скидка действует по промокоду, оплатите курс в день обращения и получите скидку
Скидка
Кому подойдет этот курс
Ребенок постоянно сидит за компьютером
Курс поможет освоить базовые навыки программирования
Ребенок любит играть в игры и всегда мечтал создать свою
Если ребенок не знаком со средой программирования, приступите с начала курса
Ребенок уже увлекается программированием
Если ребенок раньше занимался в другой школе, приступите с продвинутого уровня
1
2
3
Процесс обучения
Посмотрите видео и узнайте, как проходит обучение школе PIXEL (Пиксель)
Программа обучения
Программа включает: теорию, практику и решение задач. Регулярно собираем обратную связь и непрерывно улучшаем нашу программу
Личный кабинет
Каждому ученику открыт доступ в личный кабинет, следите за успехами обучения*
*Личный кабинет доступен только в онлайн обучении
Домашние задания
После каждого занятия ученик получает домашнее задание, чтобы повторить тему и закрепить знания*
*Домашние задания доступны только в онлайн обучении
Геймификация учебного процесса
В процессе обучения ученик получает призы за результат. Дополнительная мотивация к знаниям
Пройдя курс, ученик освоит программы
CSS
Формальный язык описания внешнего вида документа
HTML
Cтандартизированный язык разметки документов
ReactJS
JavaScript-библиотека с открытым исходным кодом
Javascript
язык для программного доступа к объектам приложений
Программа курса
Образовательная лицензия №77635
1 модуль | Веб-программирование 1. HTML и CSS
В модуле “Веб-программирование 1. HTML и CSS” ученики познакомятся с языком гипертекстовой разметки HTML и с таблицами стилей CSS для придания странице индивидуальности. На занятиях дети будут создавать веб-страницы с помощью популярной среды разработки Visual Studio Code, добавляя на них картинки, ссылки на другие страницы, списки, таблицы, научатся анимировать элементы на странице, работать со шрифтами, использовать библиотеку Bootstrap для создания страниц с адаптивным отображением на любом устройстве, а в конце модуля ученики загрузят свою страницу в интернет.

Пример занятия:

Ученики на уроке создают элементы на странице и с помощью специальных инструментов учатся ими управлять. В конце урока у каждого ученика получится разноцветная пирамидка.

Результат занятий:

  • Создадим свои первые веб-страницы с надписями, таблицами, картинками и ссылками;
  • Научимся управлять как текстом, так и отдельными элементами страницы, создадим анимацию;
  • Узнаем, как сделать сайт более удобным для экранов разной ширины;
  • По итогу курса разработаем небольшой сайт и разместим его в сети интернет.

Методический план модуля:

  • Знакомство с HTML;
  • Знакомство с CSS;
  • Работа со списками;
  • Работа с изображениями;
  • Работа с таблицами;
  • Что такое контейнер, классы, тег div;
  • Управление элементом;
  • Подключение шрифтов, псевдоклассы;
  • Анимация элементов;
  • Библиотека Bootstrap;
  • Bootstrap: навигация и формы;
  • Bootstrap: карточки и карусель из картинок.
2 модуль | Веб-программирование 2. JavaScript
Модуль “Веб-программирование 2. JavaScript” нацелен на изучение языка программирования JavaScript (JS). Ученики узнают о таких базовых понятиях, как: переменная, условие, циклы, массивы, объекты, множество и рекурсия. Используя JavaScript, ребята научатся программировать кнопки и поля ввода для получения необходимого результата (например, реализация калькулятора, добавление в список важных дел, настройка сортировки слов и чисел и т. д.). 

Пример занятия:

Ребята на занятии узнают, что такое массив, как он записывается и каким образом добавлять в него элементы. Затем, используя цикл for, ученики выведут все элементы на страницу, а с помощью поля ввода и кнопок реализуют как добавление элементов на страницу, так и их удаление.

Методический план модуля:

  • JavaScript. Переменная. Функция;
  • Условие;
  • Циклы;
  • Массив;
  • Объект;
  • Математические функции;
  • Сортировка;
  • Множество;
  • Vue.js. Работа с элементами;
  • Vue.js. Списки. События. Анимирование и переходы;
  • Подготовка к защите проекта;
  • Защита проекта.
3 модуль | Веб-программирование 3. ReactJS
В модуле “Веб-программирование 3. ReactJS” ребята познакомятся с одной из самых популярных JavaScript-библиотек, разработчиком которой является компания Facebook. Данная библиотека используется для упрощенной разработки высокоскоростных сайтов и приложений. На занятиях ученики приобретут навыки создания интерактивных пользовательских интерфейсов, разработки гибких веб-сайтов и более удобного распределения блоков сайта на логические части.

По завершении модуля дети будут знать, как с помощью ReactJS динамически изменять страницу, используя в одном файле одновременно HTML и JavaScript.

Пример занятия:

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

Методический план модуля:

  • ReactJS. Создание первого веб-приложения;
  • Компоненты;
  • CSS-модули. Компонент Login;
  • Props;
  • State;
  • NavLink и Route;
  • Работа с данными;
  • Корзина;
  • Футер сайта;
  • Повторение;
  • Подготовка к защите проекта;
  • Защита проекта.
Получите сертификат о прохождении курса
Наша команда
Примеры работ веб-программирование
Нажимая кнопку оплаты, вы соглашаетесь с политикой конфиденциальности
Скидка 10% при записи в день обращения*
Сэкономьте 13%
Вы можете вернуть 13% денег через налоговый вычет.
* Скидка действует по промокоду на покупку первого абонемента от 12 занятий и более, оплатите курс в день обращения и получите скидку.
Запишитесь на курс, и мы свяжемся с вами для проведения консультации

Остались вопросы?

Есть ли у вас пробный абонемент?
В разделе оплата доступен пробный абонемент на 4 занятия – это возможность попробовать и принять решение по поводу постоянного посещения.
Что такое личный кабинет ученика?
Это аккаунт ученика в онлайн-школе "Пиксель", который вы получаете после оформления абонемента. В личном кабинете открываются все материалы занятия, домашние задания, расписание занятий и есть возможность общения с преподавателем курса. В личном кабинете ученик может собирать баллы, бейджи и получать электронные сертификаты.
Как, когда и в какое время будут проходить занятия?
Курс состоит из модулей, в каждом модуле 12 занятий. Групповые занятия проходят с помощью сервиса видеосвязи ZOOM 1 раз в неделю по 90 минут. До оплаты курса вы можете уточнить расписание групп и выбрать удобное время. Ученик числится в группе и посещает занятия согласно расписанию. Домашние задания ученик выполняет самостоятельно в любое удобное время в течение недели. Индивидуальные занятия проводятся по заранее согласованному расписанию, продолжительность занятия 60 минут.
Что делать, если ученик пропустил занятие?
Если ученик пропустил онлайн-занятие, в личном кабинете будет доступна ссылка на запись пропущенного занятия и откроется доступ к домашней работе. В домашнюю работу входят конспекты и презентация с темами, что позволит самостоятельно изучить пропущенную тему и продолжить обучение со своей группой.
Как формируются группы?
Группы формируются в рамках рекомендованного возраста в программе обучения. Место в группе считается забронированным после оформления абонемента. Для сохранения места в группе у ученика должен быть активный абонемент.
Какое оборудование понадобится для занятий?
Персональный компьютер или ноутбук. Веб-камера, микрофон и наушники. Доступ в интернет, скоростью не менее 5 мб/с.