При обучении кодированию на каком-либо языке программирования одним из самых сложных начальных шагов является настройка среды. Обычно это включает в себя редактор кода, компилятор (когда язык программирования нуждается в компиляции), некоторые библиотеки и среду выполнения для тестирования кода. Это часто является препятствием для тех, кто не разбирается в технологиях.

К счастью, в этом больше нет необходимости. В Интернете есть значительное количество игровых площадок для кода. Здесь вы можете напрямую ввести свой код, нажать «Выполнить», и отобразится вывод вашего кода. Здесь мы обсудим некоторые из наиболее полезных из них. Мы рассмотрим только игровые площадки, которыми можно пользоваться бесплатно, хотя у многих есть и платные планы с большей функциональностью.

Веб-разработка

Большинство игровых площадок для кода посвящены веб-разработке. Обычно они дают вам формы редактирования для HTML, CSS и JavaScript, а затем показывают вам получившийся веб-сайт. Некоторые также показывают консоль, которую можно использовать для отладки. Они различаются по функциям, которые они предлагают. Некоторые предлагают множество сред разработки, например React и Angular. Другие имеют обширный функционал для командной работы и поддерживают сообщество разработчиков. Для образовательных целей все это менее актуально. Вот некоторые из самых популярных:

  • JSFiddle (https://jsfiddle.net/). Это одна из старейших и крупнейших площадок для веб-разработки. Интерфейс простой, но простой в использовании. Он поддерживает множество библиотек и TypeScript. Он имеет некоторые дополнительные функции, такие как совместная работа и обмен фрагментами. Существует платная версия, но это в первую очередь форма поддержки с ограниченными дополнительными функциями.
  • Codepen (https://codepen.io/pen/). Как и JSFiddle, интерфейс довольно прост, но это также упрощает его использование. Опять же, есть поддержка библиотек и TypeScript, но она немного скрыта. Также есть сообщество разработчиков. Платные планы позволяют хранить файлы и активы, а также совместную работу.
  • CodeSandbox (https://codesandbox.io/s/). Эта игровая площадка обширна и поддерживает множество фреймворков и библиотек. Это также позволяет использовать TypeScript. Вы можете создавать проекты с большим количеством файлов. Это делает его очень универсальным, но несколько более сложным в использовании. Основное внимание уделяется профессиональной веб-разработке. Он использует редактор Monaco, основанный на редакторе Visual Studio Code. Это дает вам много функциональных возможностей. Платные планы позволяют использовать частные песочницы и совместную работу.

Некоторые другие полезные площадки для веб-разработки — Codeply (https://www.codeply.com/), Glitch (https://glitch.com/) и StackBlitz (https://stackblitz.com/). »), который также использует редактор Monaco.

Python, Java и другие языки

Игровых площадок, поддерживающих другие языки, значительно меньше. Вот некоторые полезные:

  • Sololearn (https://code.sololearn.com/). Эта игровая площадка поддерживает множество языков, таких как Java, C++, Python и так далее. Он также поддерживает базовую веб-разработку. Он очень прост в использовании, но не полностью функционален. Например, вы не можете добавлять свои собственные библиотеки. Но для учебных целей он очень хорошо подходит. Я сам склонен использовать этот. Он использует редактор кода Monaco. И это бесплатно. (Они зарабатывают деньги, предлагая платные курсы.)
  • Replit (https://replit.com). Эта игровая площадка также поддерживает множество языков. Для его использования требуется регистрация. Однако, если вы хотите попробовать его без входа в систему, вы можете использовать прямую ссылку, например https://replit.com/languages/python3, чтобы запустить игровую площадку Python. Они уделяют большое внимание совместной работе, в том числе и в бесплатной версии. Платные планы расширяют это и увеличивают объем памяти и скорость.
  • Брелок (https://trinket.io/). Эта игровая площадка в первую очередь предназначена для Python с акцентом на образование. Он поддерживает черепашью графику, что очень весело. Приятной особенностью является то, что его можно встроить в ваш собственный сайт. Платные планы включают поддержку Java и образовательные функции.

Некоторые другие игровые площадки, на которые вы, возможно, захотите обратить внимание, — это Labstack (https://code.labstack.com/) и Rextester (https://rextester.com/). Оба несколько старше, но поддерживают многие языки программирования.

Последнее упоминание — W3Schools (https://www.w3schools.com/). Это не игровая площадка с простым кодом, а сборник руководств по разным языкам. Все эти учебники содержат игровые площадки, где вы можете опробовать обсуждаемые концепции. Как только вы окажетесь на такой игровой площадке, вы можете ввести любой код, который хотите.

Научиться программировать сложно. Таким образом, вам лучше избегать сложностей с настройкой собственной среды и использовать одну из множества онлайн-площадок для кода. Это значительно сэкономит ваше время и нервы.

Мы написали короткую электронную книгу с советами о том, как сэкономить время и улучшить учебный процесс для ваших студентов. Вы можете получить его бесплатно здесь.