Школьники 14–15 лет учатся настоящему программированию — не через конструкторы, а через написание реального кода на HTML, CSS и JavaScript. Они создают с нуля свой сайт и разрабатывают собственную онлайн-игру, осваивая веб-дизайн, графику и игровые алгоритмы. В отличие от курсов с блочным программированием, здесь ребёнок погружается в классический синтаксис, близкий к профессиональным языкам вроде Java или C#.
Цель курса — познакомить подростка с подлинной, а не упрощённой логикой программирования, чтобы он не просто «собирал» проекты, а понимал, как они работают изнутри. Это курс, обучающий школьников кодированию и программированию.
Подробнее …
Изучая HTML, ребёнок научится превращать визуальные элементы веб-страницы в текстовый код — наборы символов и тегов. Затем, переходя к созданию онлайн-игр, он освоит запись команд на языке JavaScript, построение игровых алгоритмов, что формирует прочное понимание структуры и логики классического программирования, где главную роль играют синтаксис и последовательное мышление.
Через этот практический путь школьник учится думать, как разработчик, самостоятельно решать задачи и переходить от идеи к рабочему продукту. Курс помогает понять, насколько близка и интересна профессия программиста, и закладывает фундамент для дальнейшего роста — будь то олимпиады, технические классы или обучение в вузе.
Предварительная подготовка: Наличие уверенных навыков работы за компьютером
Основы веб-дизайна и программирования
Графика для сайта и игры
Основы языка программирования JavaScript
Разработка собственной онлайн игры
Инди-разработка компьютерных игр
Конструирование и публикация сайта
Подробная программа…
Основы веб-дизайна и программирования
- Базовые понятия веб-программирования. Структура html-документа. Атрибуты html-тегов. Текстовые теги. Основные атрибуты-обработчики событий.
Проект «Клад»
- Физическая структура веб-страницы. «Дерево» файловой структуры веб-страницы. Тег img и его атрибуты. Изменение текстовой части тега.
Проект «Взрыв»
- Объектная модель документа. Изменение атрибутов элементов DOM. Полная и сокращённая запись изменения атрибутов.
Проект «Радуга»
- Работа с таблицами. Тег table и его структура. Правила построения таблиц.
Проекты «Крестики-нолики» и «Мороженое»
- Понятие и генерация случайных чисел
Проекты «Однорукий бандит» и «Колесо фортуны»
- Приёмы быстрого набора кода. Использование сниппетов. Управление окном веб-страницы
Проект «Выбери игру»
- Навигация по сайту. Тег гиперссылки и его атрибуты
Проект «Навигация по сайту игр»
Практическая работа по модулю «Основы веб-дизайна»
Графика для сайта и игры
- Основные понятия веб-графики. Интерфейс графического редактора. Обработка графики. Добавление текста.
Проекты «Логотип», «Изображения-обложки»
- Быстрые команды. Создание фона из выделения. Использование стилей слоя. Создание макета.
Проекты «Рамки»
Практическая работа по модулю «Графика для сайта и игры»
Модуль «Основы языка программирования JavaScript»
- Структура программы на языке JavaScript. Внедрённый и внешний JavaScript-код. Переменные в JavaScript. Операции с числовыми и текстовыми переменными.
Проекты «Решение задач с использованием переменных разных типов»
- Логические переменные. Логические выражения и операции сравнения. Условный оператор
Проект «Пароль»
- Функции. Вызов функции из другой функции. Рекурсия. Сложный условный оператор.
Проекты «Однорукий бандит», «Колесо фортуны»
- Работа с таймером. Абсолютное позиционирование.
Проект «Тараканьи бега»
Практическая работа «Найди картинку»
- Массивы. Работа с текстовым массивом.
Проекты «Дразнилки», «Викторина»
- Массивы. Работа с числовым массивом.
Проект «Спортлото»
- Цикл со счётчиком.
Проект «Спасти принцессу»
- События клавиатуры. Цикл с условием. Оператор выбора. Работа с несколькими таймерами
Проект «Марио»
Практическая работа «Арканоид»
Итоговый проект «Разработка собственной компьютерной игры»
Изучаемые программы и технологии
HTML, CSS, веб-графика, JavaScript, верстка сайта, хостинг, публикация, клиентское программирование, алгоритмы онлайн-игр, разработка игр в Unity3D.
Чтобы создать онлайн-игру, недостаточно только написать код, который управляет действиями — нужно ещё построить саму «сцену»: разместить персонажей, фон, кнопки и другие элементы.
HTML отвечает за структуру игры — как будто собирает пазл из всех её частей на экране.
CSS делает игру яркой и красивой: задаёт цвета, размеры, расположение объектов.
Без HTML и CSS игра просто не будет выглядеть как игра — даже если внутри будет сложная логика. Кроме того, именно через HTML подключается JavaScript — язык, который оживляет игру и управляет всем, что в ней происходит. Поэтому эти технологии — обязательная основа для любой онлайн-игры.
JavaScript выбран потому, что это самый подходящий язык для создания онлайн-игр, которые работают прямо в браузере — без установки программ и сложных настроек.
Он позволяет оживлять сайт: персонажи двигаются, кнопки реагируют на клики, происходят события — всё то, из чего состоит игра. При этом JavaScript дружит с HTML и CSS, которые нужны, чтобы игра выглядела красиво и была правильно «собрана».
Кроме того, JavaScript — настоящий, а не упрощённый язык программирования. Его синтаксис похож на профессиональные языки, такие как Java или C#. Значит, осваивая JavaScript, ребёнок не просто делает игру — он получает фундамент для будущего обучения в IT, понимая, как устроен настоящий код.
Добившись определенных результатов, школьнику очень хочется поделиться своим игровым проектом с друзьями, родителями и такими же разработчиками. Для размещения игры в сети идеально подходит портал Github. Это открытое международное сообщество будущих и нынешних разработчиков на всех существующих языках. С момента публикации своего проекта школьник становится часть огромного мира разработчиков, где он может черпать новые идеи, искать решения и находить поддержку. Ссылкой на опубликованный проект можно делиться с кем хочется.
Курс рассчитан на школьников без опыта в программировании. Единственное, что важно — это уверенное владение компьютером (умение пользоваться файлами, браузером и т.п.) и развитое логическое мышление. Всё остальное — от основ HTML до создания собственной игры — ребёнок освоит пошагово, начиная с самых простых понятий.
В отличие от конструкторов, где логика скрыта за блоками или готовыми шаблонами, здесь ребёнок пишет настоящий код на языках, которые используют профессиональные разработчики: HTML, CSS и JavaScript. Это не «игрушечное» программирование, а обучение классической логике и синтаксису — тому, что лежит в основе таких языков, как Java, C# и Python. Это даёт фундамент для серьёзных IT-достижений в будущем.
По итогу курса ребёнок не только создаст и опубликует в интернете собственную онлайн-игру и сайт, но и освоит ключевые навыки веб-разработки: верстку, оформление, программирование логики и работу с графикой. Он научится думать как разработчик, сможет самостоятельно решать задачи и даже получит сертификат. А главное — поймёт, интересна ли ему профессия программиста, и получит уверенность, что способен создавать не просто проекты, а настоящие цифровые продукты.
Как проходят занятия
Так как курс направлен на изучение программирования и учитывая возраст обучающихся, занятия строятся по принципу постепенного перехода от визуального конструирования к написанию кода на конкретном языке. Без сложных алгоритмов и с «умной» поддержкой визуальной среды программирование превращается в захватывающий процесс, доступный каждому. Большое внимание уделяется практическому применению получаемых знаний и достижению конкретных результатов после каждого занятия.
Для ведения занятий используется мультимедийное и сетевое оборудование. Обучение сопровождается презентационными и раздаточными материалами. Материалы занятия, включая домашние задания, публикуются в Личном кабинете. Для контроля знаний и отработки навыков проводятся практические работы и творческие проекты. За посещаемостью и успеваемостью можно следить в электронном журнале.
Предлагаем вашему вниманию видеофрагмент презентационных материалов, используемых в занятиях.
Результат обучения
К концу курса школьник освоит язык HTML для верстки сайтов, научится использовать CSS для оформления сайта в визуальном редакторе, сможет самостоятельно сконструировать и опубликовать сайт в интернете, включая подготовку веб-графики, изучит динамические свойства веб-страниц для создания интерактивного сайта, овладеет языком JavaScript и алгоритмами разработки игровых приложений.
В завершении обучения школьник самостоятельно разработает и опубликует собственную онлайн-игру, а разработанный веб-сайт станет платформой для ее размещения в интернете.
Кроме того, ребенок почувствует себя настоящим программистом, поймет нравится ли ему эта профессия, разовьет навыки самообразования и ведения проектно-исследовательской деятельности, станет явным интеллектуальным лидером в классе.
По окончанию курса школьник получит Сертификат Учебного центра вычислительной техники установленного образца.
Примеры работ
