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) - Есть космический корабль, необходимо его запрограммировать и победить всех

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/p/flexbox-zombies (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

DevOps

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

Scala

• https://www.scala-exercises.org (en) - Изучение 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 уровней. Сложность возрастает постепенно. Для идеального решения нужно применять некоторые фишки/трюки языка. Официальная документация в помщь

JavaScript

• http://play.elevatorsaga.com/ (en) – Программируем поведение лифтов внутри симуляции

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

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

• https://explainshell.com/ (en) – Разбирает введённую консольную комманду и описывает все её части.
• https://crontab.guru/ (en) – Помогает разобраться в настройке времени запуска команды в cron
• 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.