Hexlet/interactive-courses

Список небольших интерактивных курсов (игровых) по разным направлениям

Как помочь?

Мы принимаем Pull Request'ы!

Курсы

Ruby

• https://rubymonk.com/ (en) – Интерактивный курс по Ruby
• https://www.bloc.io/ruby-warrior (en) – Изучение Ruby через игру. Персонаж управляется кодом. Требуется учётная запись в Facebook.

JavaScript

• http://www.crunchzilla.com/ (en) – Простые уроки программирования на JS через рисование.
• https://warriorjs.com/ (en) – Изучение JavaScript через игру. Персонаж управляется кодом.
• https://lab.reaal.me/jsrobot/ (en) – Программирование робота.
• https://jsfight.club/ (en) – Участвуй в боях, программируя персонажей через js
• http://codegames.io/ (en) – Есть космический корабль, необходимо его запрограммировать и победить всех
• https://alexnisnevich.github.io/untrusted/ (en) – roguelike-игра с головоломками на js

CSS

• https://flexboxfroggy.com/ (multi) – Изучение flex в виде игры, где нужно передвигать лягушек по полю
• http://www.flexboxdefense.com/ (en) – Изучение flex в виде игры Tower Defence
• https://cssgridgarden.com/ (multi) – Изучение grid layout в виде игры, в которой нужно сажать морковку на грядки
• https://wattenberger.com/blog/css-cascade (en) – Объяснение CSS каскада с интерактивом
• https://mastery.games/flexboxzombies/ (en) - Изучение flex в виде игры про зомби-апокалипсис. Игра повествует историю мальчика и его ментора, которые выживают в мире полном зомби. В основе игры качественное визуальное оформление и сюжет. Обучение строится через практику flex свойств в контексте основго сюжета игры. Также исполльзуется система интервальных повторений (spaced repetition).
• https://flukeout.github.io/ (en) - Простенькая игра, позволяющая освоить основы CSS. Необходимо выбирать определенные предметы со стола с помощью CSS.

HTML

• https://markup.roppychop.com/ (en) – Платформер, в котором необходимо расставлять HTML теги, чтобы выполнить задачу. Продолжение в виде отдельной игры
• https://eraseallkittens.com/ (en) - Платформер, в котором нужно помочь котику расставлять теги, чтобы пройти игру.

GIT

• https://learngitbranching.js.org/ (en/ru) – Изучение веток в гит
• https://githowto.com/ (multi) – Основы git
• https://lab.github.com/ (en) - Классные и интерактивные курсы от GitHub.
• https://github.com/jlord/git-it-electron#what-to-install (en) - Приложение, которое помогает создать первый репозиторий. Потом сделать форк, внести в него изменения и отправить pull request. Идеальное подходит для первого знакомства с GIT.
• https://github.com/git-game (en) - Очень необычный квест в двух частях на знание/изучение git'a. Клонируем репозиторий и читаем README файл. В котором содержится первая загадка. Для решения надо просто применить правильные команды в консоли.

VIM

• https://vim-adventures.com/ (en) – Интерактивная игра обучающая управлению в VIM
• https://www.openvim.com/ (en) - Интерактивное руководство по VIM

ASM

• Human Resource Machine - Паззл-игра введение в ассемблер.
• 7 billion humans - Продолжение Human Resource Machine, мультипроцессорный ассемблер.
• TIS-100 - Параллельный ассемблер для вымышленного компьютера.
• Shenzhen I/O - Игра, где нужно разводить платы и программировать их на ассемблере.

DevOps

• https://kodekloud.com/ (en) - Курсы + Интерактивная практика на engineer.kodekloud.com. Вы будете работать в придуманной компании системным администратором. Вам будут даваться различные задачи с возрастающей сложностью. По мере их завершения, вы будете повышаться в должности, вплоть до DevOps Architect.
• https://labs.play-with-k8s.com/ (en) - Интерактивная игровая площадка для изучения Kubernetes.

Scala

• https://www.scala-exercises.org (en) - Изучение Scala и ее основных библиотек

Markdown

• Markdown Tutorial (en) - интерактивное руководство по Markdown.

Задачники

• https://codebattle.hexlet.io/ (multi) – Задачки разного уровня сложности для разработчиков. Напишите код быстрее, чем ваш оппонент, используя свой любимый язык.
• https://www.codewars.com/ (en) – Большой сборник задач, которые можно решать online на разных языках программирования
• https://exercism.io/ (en) – Специально подобранные наборы задач (learning tracks) для практики на разных языках. Задачи решаются offline. Решение загружаетя на сайт и проверяется. Можно бесплатно получить обратную связь от ментора или сообщества.
• https://checkio.org/ (en) – Сборник заданий разных уровней сложности для изучения Python и Javascript
• http://www.sql-ex.ru/ (ru) – Сборник заданий по написанию SQL-запросов
• https://pgexercises.com/ (en) – Интерактивная практика написания запросов в PostgreSQL - от самых простых, до сложных.
• https://adventofcode.com/ (en) – Сборник пазлов по программированию на любом языке. Через адресную строку можно выбирать год с задачами с 2015 по 2019.
• https://cmdchallenge.com/ (en) – Набор челленджей для bash.
• https://leetcode.com/ (en) – Платформа с алгоритмическими задачами для подготовки к техническим собеседованиям.

Игры для разработчиков

PHP

https://returntrue.win/ (en) - Прикольный набор головоломок из 16 уровней. Сложность возрастает постепенно. Для идеального решения нужно применять некоторые фишки/трюки языка. Официальная документация в помощь

JavaScript

• http://play.elevatorsaga.com/ (en) – Программируем поведение лифтов внутри симуляции
• https://screeps.com/ (en) – полноценная MMO-стратегия, в которой нужно программировать колонию-поселение и захватывать новые ресурсы и земли. Игра с открытым исходным кодом. Пишется реальный код (не псевдо) и ты модешь использовать либы из реальных проектов.

CSS

• https://cssbattle.dev/ (en) – CSSBattle - code-golf игра для CSS. Есть мишени, которые нужно воспроизвести в CSS (или HTML) в минимально возможном коде. Больше совпадений и меньше кода принесут больше очков.

Python

• https://www.codemonkey.com/ (en) – Онлайн-платформа, которая обучает детей реальным языкам программирования таким как CoffeeScript и Python. Дети и подростки изучают кодинг на основе блоков и текста в игровом формате.

Computer Science

• https://deadlockempire.github.io/ (en) – Игра про многопоточное программирование. Нужно пошагово выполнять несколько параллельных потоков, чтобы сломать программу
• https://david-peter.de/cube-composer (en) – Игра вдохновленная функциональным программированием (композиция функций, map, filter). Надо расставить функции в нужном порядке, чтобы преобразовать картинку, состоящую из разноцветных кубов.
• https://www.codingame.com/ (en) – Учебно - игровая платформа для программистов
• https://codecombat.com/ (multi) – Игра по обучению программированию с нуля, где код является заклинаниями или действиями героя.

C++

• http://www.ceebot.com/ceebot/index-e.php (en) – Изучайте программирование, развлекаясь. Язык программирования, который вы будете использовать, очень похож на тот, который используют профессиональные программисты для разработки своих продуктов. CeeBot представляет множество современных концепций, используемых в наиболее популярных сегодня средах, таких как C++, C# или Java.

Интерактивные справки

• https://explainshell.com/ (en) – Разбирает введённую консольную комманду и описывает все её части
• https://crontab.guru/ (en) – Помогает разобраться в настройке времени запуска команды в cron
• https://jubianchi.github.io/semver-check/#/ (en) – Проверка ограничений Semver
• https://gitexplorer.com/ (en) – Подсказывает git команду исходя из описания задачи
• https://devhints.io/ (en) – Подсказки по разным языкам и технологиям
• https://ndpsoftware.com/git-cheatsheet.html (en) – Интерактивная шпаргалка по командам Git
• http://www.pythontutor.com/ (en) – Визуализация выполнения кода по шагам для Python, Java, C, C++, JavaScript, Ruby.
• https://www.jsv9000.app/ (en) – Визуализация выполнения цикла событий и стека вызовов, показана работа очереди и приоритет выполнения задач.
• https://regex101.com/ (en) — Справочник по регулярным выражениям. Разбирает введённую регулярку и визуализирует, каков будет её вывод на тестовой строке. Поддерживается синтаксис PHP, JavaScript, Pyhton, Golang, Java 8 и C#.

Практика слепой печати

• https://www.ratatype.ua/ru/ (ru) - Хорошо структурированные курсы слепой печати на разных языках (включая итальянский, испанский, французский и украинский) и раскладках (azerty, dvorak, qwerty, йцукен). Есть игровой режим в духе DuoLingo.
• https://monkeytype.com/ (en) - минималистичный тест на случайно генерирующихся абзацах на разных языках. Можно выбрать объем словаря (насколько редкие или частотные слова будут в абзаце), есть таблица лидеров по печати на английском
• https://www.keybr.com/ru/index (multi) - приложение-тренажер со своим алгоритмом генерации уроков, сложность которых адаптируется под текущие навыки учащегося
• https://www.typingstudy.com/ (multi) - курсы по слепой печати на 100+ различных языках и раскладках. Для сохранения прогресса необходима регистрация
• https://typerun.top/ (multi) - простое приложение с небольшим набором упражнений разных уровней сложности на 4-х языках, включая слепую печать на языках программирования (JS, Python, Go и пр.)
• https://klavogonki.ru (multi) - управляй гоночной машинкой и приезжай к финишу первым! Игровое приложение для нескучной прокачки скорости печати. Можно создавать закрытые заезды и тренироваться с друзьями. Либо со случайными игроками
• https://klava.org/delta/ - Это клавиатурный тренажёр (а так же сервис для изучения иностранных языков и скорочтения). Без регистрации, с визуальными подсказками, таймером, возможно добавлять собственные тексты. Показывает скорость печать и количество ошибок. Помимо русского, английского, украинского и эсперанто есть так же языки программирования: C, C++, Go, JavaScript, Pascal, PHP, Python, SQL, XML/XSLT.

Hexlet

This repository is created and maintained by the team and the community of Hexlet, an educational project.
Read more about Hexlet »

See most active contributors on hexlet-friends