/interactive-courses

Hexlet Ltd. logo

Данный репозиторий создан и поддерживается командой и сообществом образовательного проекта Хекслет. Подробнее о проекте.

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

Как помочь?

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

Курсы

Ruby

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

JavaScript

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

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

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.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.

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

PHP

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

Как узнать что ваше решение идеальное?

Под полем для ввода ответа. Указан Absolube best score это указатель на то какой длины (количество символов) должен быть идеальный ответ. Ваш ответ может быть и длиньше. И это позволит вам пройти на следующий уровень, с одной стороны. А с другой это будет указывать на вашу зону роста.

Подсказка для прохождения 1-го уровня

!0

JavaScript

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) – Игра по обучению программированию с нуля, где код является заклинаниями или действиями героя.

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