Появился вопрос?
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 модуль | Создание веб-сайтов. Программирование HTML и CSS
Курс будет полезен тем, кто хочет изучить основы веб-разработки. Вы освоите основные понятия и получите представление о том, как устроены сайты и как они разрабатываются. На занятиях мы познакомимся с языком гипертекстовой разметки HTML как с основой любого сайта и добавим веб-страницам индивидуальности с таблицами стилей CSS.

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

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

  • Знакомство с HTML;
  • Форматирование текста веб‐страницы;
  • Списки, графика и ссылки;
  • Разметка веб‐страниц с помощью таблиц;
  • Основы CSS;
  • Управление шрифтом;
  • Управление элементом;
  • Дополнительные свойства CSS;
  • Трансформация элементов;
  • Анимация элементов;
  • Адаптивная верстка;
  • Размещение сайта в сети.
2 модуль | Создание веб-сайтов. Программирование JavaScript
Вы освоите основные понятия и типы данных, и научитесь писать алгоритмы для решения поставленных задач и реализовывать их на языке программирования JavaScript.

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

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

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

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

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

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

Методический план модуля:
  • Знакомство с JavaScript;
  • Условия в JavaScript;
  • Циклы в JavaScript;
  • Массивы;
  • Объекты;
  • JQuery;
  • Математические функции;
  • Сортировки;
  • Множества и сравнение массивов;
  • Библиотека Vue.js;
  • События и переходы;
  • Рекурсия.
    3 модуль | Создание веб-сайтов. Библиотека React — JavaScript
    Модуль "Веб Программирование 3 - ReactJS" познакомит учеников с одной из самых популярных JavaScript-библиотек, разработчиком которой является компания Facebook. Данная библиотека используется для упрощенной разработки высокоскоростных одностраничных сайтов, целью которой является создание как небольших веб-приложений, так и больших проектов со сложной структурой.

    На занятиях ребята приобретут навыки:

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

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

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

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

    ПО и Оборудование:

    Обучение будет проходить в текстовом редакторе Brackets. Для установки ReactJS потребуется программная платформа Node.js.

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

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

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