- Сайт: flexboxfroggy.com.
- Регистрация: не требуется.
- Кому подходит: ученикам 3−7-х классов и старше.
В интерактивной Flexbox Froggy 24 уровня.
Flexbox Froggy — игра, с помощью которой можно освоить верстку и CSS flexbox. Сюжет связан с перемещением лягушонка по рабочей области. Для управления используют flex-блоки и свойства. Можно вписывать их вручную или копировать (рабочая область расположена в левой части).
«Flexbox Froggy для изучения CSS и flex-box»
- Сайт: cssgridgarden.com.
- Регистрация: не требуется.
- Для кого: для учеников 3−8-х классов и старше.
Grid Garden — игра для тех, кто собирается освоить основы верстки на гридах (CSS Grid Layout). Сюжет строится вокруг сада, в котором необходимо поливать морковь, защищать от сорняков и т. д.
В бесплатной игре 28 уровней. Если на первых этапах все достаточно просто, то на последних вводимые команды будут выглядеть как grid-template: 1fr 50px / 1fr 4fr.
«Flexbox Froggy для изучения верстки на Grid»
После изучения основ верстки можно попробовать делать веб-сайты или постигать frontend-разработку. На курсе Алгоритмики «Создание веб-сайтов» пишем собственные проекты: блоги, сервисы по выбору фильмов или книг. На «Frontend-разработке» углубляемся в создание сложных веб-приложений с помощью HTML, CSS, JavaScript.
«Уровень Майнкрафт в Code org»
- Где искать: code.org.
- Регистрация: не требуется (но можно создать учетную запись для доступа к дополнительной функциональности).
- Кому подходит: детям от 5 лет.
Code org переведен на более 60 языков мира, включая русский. В Лаборатории игр представлены известные проекты: Minecraft, «Ледниковый период», «Звездные войны». Дошкольникам предлагают простую рабочую среду, где управляют персонажем по нажатию на кнопку. Детям постарше доступны игры с написанием кода на разных языках программирования.
- Сайт: learngitbranching.js.org.
- Регистрация: не требуется.
- Для кого: для детей от 12 лет.
Для совместной разработки используют Git. Разобраться с командами Git не всегда легко даже опытному программисту (init, branch, push, pull, cherrypick). Игра Learn Git Branching как раз и помогает сделать это.
«Изучение системы контроля версия Git с Learn Git Branching»
Для знакомства с Git можно попробовать и другие игры. Например, Oh My Git! (ohmygit.org).
- Сайт: cryptozombies.io.
- Регистрация: не требуется.
- Кому подходит: детям от 13 лет.
Сюжет игры строится вокруг фабрики зомби. Разработчик выбирает персонажа, а затем выполняет задания. В ходе игры знакомится с массивами, функциями, математическими операциями. Специфика CryptoZombies — уклон в блокчейн, смарт-контракты и Web3.0. Писать код нужно вручную.
«Игра CryptoZombies для изучения программирования и блокчейна»
Бесплатные игры и приложения подразумевают, что нужно читать и писать код. Некоторые работают только на английском, но есть и русскоязычные. Помогают освоить CSS, Python, JavaScript, Git.
Игры для обучения кодингу старших школьников
- Где искать: vim-adventures.com.
- Регистрация: не нужна.
- Кому подходит: детям от 8 лет.
Игра предназначена для изучения работы с Vim. Работает только на английском, при этом достаточно много реплик главных персонажей. Ребенку нужно или знать иностранный, или просить помощи у родителей.
- Где искать: developer.apple.com/swift-playgrounds.
- Как получить: скачать и установить программу на Mac и iPad.
- Кому подходит: детям от 13 лет.
Бесплатное англоязычное приложение устанавливается на Mac и iPad и используется для изучения языка программирования Swift. В игровом формате ребенок пишет код и изучает типы данных, циклы, операторы, функции, команды. Интерфейс SwiftUI отвечает за красочную картинку.
«Swift Playgrounds для iOS»