https://github.com/hexlet/interactive-courses
Список небольших интерактивных курсов (игровых) по разным направлениям
https://github.com/hexlet/interactive-courses
hacktoberfest
Last synced: 5 months ago
JSON representation
Список небольших интерактивных курсов (игровых) по разным направлениям
- Host: GitHub
- URL: https://github.com/hexlet/interactive-courses
- Owner: Hexlet
- Created: 2020-02-08T15:46:20.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2025-02-26T19:35:14.000Z (over 1 year ago)
- Last Synced: 2025-02-26T20:30:59.580Z (over 1 year ago)
- Topics: hacktoberfest
- Homepage:
- Size: 187 KB
- Stars: 460
- Watchers: 24
- Forks: 65
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Список небольших интерактивных курсов (игровых) по разным направлениям
### Как помочь?
Мы принимаем 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://store.steampowered.com/app/502210/Super_Markup_Man/)
* 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 файл. В котором содержится первая загадка. Для решения надо просто применить правильные команды в консоли.
* https://ohmygit.org/ (en) - Полноценная игра с визуализацией происходящего. Работает локально на Linux/macOS/Windows, требует скачивания бинарника.
#### VIM
* https://vim-adventures.com/ (en) – Интерактивная игра обучающая управлению в VIM
* https://www.openvim.com/ (en) - Интерактивное руководство по VIM
* https://github.com/renzorlive/vimmaster (en) - Ещё одна игра по азам управления в VIM
#### ASM
- [Human Resource Machine](http://tomorrowcorporation.com/humanresourcemachine) - Паззл-игра введение в ассемблер.
- [7 billion humans](http://tomorrowcorporation.com/7billionhumans) - Продолжение Human Resource Machine, мультипроцессорный ассемблер.
- [TIS-100](https://www.zachtronics.com/tis-100/) - Параллельный ассемблер для вымышленного компьютера.
- [Shenzhen I/O](https://www.zachtronics.com/shenzhen-io/) - Игра, где нужно разводить платы и программировать их на ассемблере.
#### DevOps
* https://kodekloud.com/ (en) - Курсы + Интерактивная практика на engineer.kodekloud.com. Вы будете работать в придуманной компании системным администратором. Вам будут даваться различные задачи с возрастающей сложностью. По мере их завершения, вы будете повышаться в должности, вплоть до DevOps Architect.
* https://labs.play-with-k8s.com/ (en) - Интерактивная игровая площадка для изучения Kubernetes.
* https://eksclustergames.com/ (en) - Вы взломали низкопривилегированный под AWS EKS. Используйте веб-терминал, чтобы найти флаги в окружении. Каждая задача выполняется в разных пространствах имен Kubernetes с разными правами.
#### Scala
* https://www.scala-exercises.org (en) - Изучение Scala и ее основных библиотек
#### Markdown
* [Markdown Tutorial](https://commonmark.org/help/tutorial/index.html) (en) - интерактивное руководство по Markdown.
#### Хакинг
* [Hacksplaining](https://www.hacksplaining.com/lessons) (en) - через интерактивные уроки наглядно объясняются основные веб-уязвимости. Каждый урок включает геймифицированную демонстрацию атак и стратегии их устранения.
### Задачники
* 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) – Платформа с алгоритмическими задачами для подготовки к техническим собеседованиям.
* https://www.hackerrank.com/ (en) – Платформа для решения кодинг-задач. Статистику по результатам решений заданий своими пользователями ресурс регулярно публикует в виде рейтинга по 50 странам.
* https://github.com/type-challenges/type-challenges (en) - Набор челленджей по системе типов TypeScript. Можно проходить и онлайн и локально.
* https://github.com/laike9m/Python-Type-Challenges (en) - Набор челленджей по системе типов Python. Можно проходить и онлайн и локально.
### Игры для разработчиков
#### PHP
https://returntrue.win/ (en) - Прикольный набор головоломок из 16 уровней. Сложность возрастает постепенно. Для идеального решения нужно применять некоторые фишки/трюки языка. [Официальная документация в помощь](https://www.php.net/docs.php)
Как узнать что ваше решение идеальное?
Под полем для ввода ответа. Указан **__Absolube best score__** это указатель на то какой длины (количество символов) должен быть идеальный ответ. __Ваш ответ может быть и длиннее.__ И это позволит вам пройти на следующий уровень, с одной стороны. А с другой это будет указывать на вашу **зону роста**.
Подсказка для прохождения 1-го уровня
**!0**
#### JavaScript
* http://play.elevatorsaga.com/ (en) – Программируем поведение лифтов внутри симуляции
* https://screeps.com/ (en) – полноценная MMO-стратегия, в которой нужно программировать колонию-поселение и захватывать новые ресурсы и земли. Игра с открытым исходным кодом. Пишется реальный код (не псевдо) и ты можешь использовать либы из реальных проектов.
#### CSS
* https://cssbattle.dev/ (en) – CSSBattle - [code-golf](https://en.wikipedia.org/wiki/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) – Игра по обучению программированию с нуля, где код является заклинаниями или действиями героя.
#### SQL
* https://mystery.knightlab.com/ (en) - Обучающая игра SQL Murder Mystery. Становимся детективом и расследуем убийство командами SQL, посылая запросы к таблицам и базам данным.
* https://lost-at-sql.therobinlord.com/ - Вы капитан тонующей подводной лодки. Удачи! Кстати, тут есть не только основной сюжет, но и доп.задания без подсказок, а также таблица лидеров.
* http://wwwlgis.informatik.uni-kl.de/extra/game/?lang=en - Вы оказываетесь на острове после авиакатастрофы и должны использовать свои навыки SQL, чтобы найти способ выбраться с него.
* https://sqlpd.com/ - Подтягиваем базовый синтаксис и раскрываем преступления вместе с этой игрой. Данные для анализа вам предоставляет этичный хакер.
* https://datalemur.com/sql-game - Вы на том самом острове в качестве аналитика. И вам нужно рассчитать, например, количество порций, которое создаст «нужное напряжение» и прокормит лишь 90% игроков. Всего 9 уровней.
* https://www.sqlnoir.com/ (en) - SQL Noir - это интерактивная игра по раскрытию тайн, в которой вы раскрываете дела, составляя SQL-запросы.
* https://dbquacks.com/ (en) - DBQuacks - игра-туториал по SQL c уточками.
#### Регулярные выражения
* https://www.therobinlord.com/projects/slash-escape - текстовая обучающая игра по regex выражениям.
#### Shell
* [Terminus](https://web.mit.edu/mprat/Public/web/Terminus/Web/main.html) (en) - браузерная игра от MIT, где игрок изучает команды, перемещаясь по виртуальному миру и обучаясь в Академии Волшебства.
#### C++
* http://www.ceebot.com/ceebot/index-e.php (en) – Изучайте программирование, развлекаясь. Язык программирования, который вы будете использовать, очень похож на тот, который используют профессиональные программисты для разработки своих продуктов. CeeBot представляет множество современных концепций, используемых в наиболее популярных сегодня средах, таких как C++, C# или Java.
#### Java
* https://robocode.sourceforge.io/ (en) - Robocode - это игра в жанре программирования, целью которой является разработка боевого робота-танка для сражения с другими танками на 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.
* https://www.crazymonkeygames.com/QWERTY-Warriors-2.html (en) - Винтажный 2D-шутер. Можно добавлять свои наборы слов для тренировки.
* https://zty.pe/ (en) - Браузерная игра с видом сверху от [phoboslab](https://phoboslab.org). Игровой процесс похож на классическую аркаду, где игроки побеждают врагов, набирая текст на клавиатуре. Чем меньше ошибок, тем выше оценка.
##
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