Prólogo

Cuando queremos preguntar (por ejemplo a stack overflow) alguna duda de código que no nos funciona o no entendemos, lo suyo es utilizar algún tipo de playground para reproducir nuestro código y que quien quiera ayudarnos pueda ir allí directamente y evaluar / proponer su solución

En esta entrada discuto las diversas alternativas que tenemos a nuestra disposición

Playgrounds con entornos completos

Los he separado en dos categorías:

• Aquellos playgrounds que te permiten escribir código con las funcionalidades habituales (color, sangría, inclusión de librerías, etc)
• Y aquellos otros que te permiten recrear entornos completos como si tuvieras un ordenador delante

Empezando por estos últimos

Repl.it

Del acrónimo REPL (Read Eval Print Loop) nace un entorno completo para el programador con el que puedes desarrollar y ejecutar aplicaciones enteras desde la nube y gratis (el código será público)

• presentación Amjad Masad
• web repl.i

Stack Blitz

Un entorno online basado en Visual Studio Code orientado a crear proyectos en React y Angular y que se pueden compartir con un sólo click

• presentación Eric Simons
• web stackblitz.com

Sigma

Un entorno completo que se ejecuta enteramente en tu navegador y que facilita el deplyoment a servidores AWS de Amazon

• presentación Janaka Bandara
• web sigma.slappforge.com

Glitch

Como dicen en la presentación, te permite crear "cualquier app que puedas imaginar", lista para compartir y para ejecutarse, y moviendo el paradigma de la programación de los entornos individuales que van colaborando via git a entornos de comunidad con ediciones de archivos en paralelo

• presentación Anil Dash
• web glitch.com

Coding Gound

Otro entorno completo para cualquier lenguaje, más dirigido a guiar los primeros pasos en aprender programación

• presentación ( tutorialspoint )
• web tutorialspoint.com

Playgrounds con entornos simples

Y luego están los playgrounds que se especializan en escribir, ejecutar y compartir código sin necesidad de servidor

Code Pen

Tremenda comunidad, tremendos pins que sirven de inspiración y aprendizaje, uno de los sitios de referencia

• presentación el blog de codepen
• web codepen.io

Js Fiddle

Simplicidad por delante de todo, diseño minimalista, ultra-conocido editor online

• presentación El equipo
• web jsfiddle.net

Js Bin

Muy similar a jsfiddle pero aún más minimalista, con una versión alpha en ciernes que promete un diseño más actual

• presentación Remy Sharp
• web jsbin.com

Live Weave

Muy similar a los anteriores, con un diseño menos minimalista y con capacidades para compartir pantalla

• presentación blog
• web liveweave.com/

Dabblet

Otro entorno simple y sin florituras para poder compartir código, pero que no incluye JavaScript, sólo css

• presentación FAQ
• web dabblet.com/

Plunker

Un histórico, con un diseño un tanto desfasado que quizá lo deja un escalón por detrás de desarrollos más actuales

• presentación Grupo de Plunker
• web plnkr.co

Jsitor

Muy similar a jsfiddle o jsbin, con funcionalidades parecidas a codepen y un diseño también minimalista y actual, pero bastante menos conocido

• presentación Ashvin Suthar
• web jsitor.com

Ideone

Otro entorno online para compilar en una miríada de lenguajes, quizá menos adecuado para lenguajes web

• presentación FAQ
• web ideone.com

Html Pen

Definitivamente un diseño antiguo per funcional, aunque no parece que pueda competir con las referencias existentes

• presentación El equipo
• web htmlpen.com

Web Maker

Otro entorno para desarrollar en tu navegador, con un desarrollo activo aunque poco conocido

• presentación kushagra gour
• web webmaker.app

Resumen

Hay muchos entornos online que nos permiten trabajar offline, compartir, explorar y utilizar para preguntar, aprender o enseñar, que proveen del tooling necesario para que los programadores se puedan centrar más en la lógica de los programas y menos en las estructuras necesarias para que estos funcionen

Sin duda, una época fantástica para aprender y seguir aprendiendo a programar 🙃