Need help with interactive-courses?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Hexlet
135 Stars 32 Forks 88 Commits 2 Opened issues

Services available

!
?

Need anything else?

Contributors list

Hexlet Ltd. logo

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

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

Как помочь?

Мы принимаем 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 уровней. Сложность возрастает постепенно. Для идеального решения нужно применять некоторые фишки/трюки языка. Официальная документация в помщь

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

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

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

!0

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.