Ninja Talent

Los 5 mejores playgrounds de código gratis

En el blog de hoy te traemos los 5 mejores playgrounds de código gratuito, sin necesidad de instalación y con las mejores funcionalidades para practicar la programación web.

¿Qué es un playground?

Playground es una nueva e interesante herramienta que Xcode ha creado para escribir código fuente y ver su resultado en tiempo real sin necesidad de compilarlo ni ejecutarlo. Nos permite trabajar con el Código de una App sin tener que realizar la parte gráfica. Podemos llevar a cabo prototipado de clases de Swift y de juegos 2D o 3D.

Además nos muestra gráficas de rendimiento de nuestro código, nos permite controlar su comportamiento en tiempo real,  mezclar código con documentación, crear entornos interactivos y ¡otras muchas funcionalidades!

En resumen, es uno de los mejores sitios para aprender lenguaje de programación.

¿Para qué sirve un playground?

Su principal funcionalidad es la gran versatilidad que ofrece como herramienta. Son ideales para aquellos que están empezando en el mundo de la programación o incluso quieren formarse. A través de ellos es muy fácil probar y practicar Swift, seguir tutoriales y guías que otros dejan en las plataformas o incluso enseñar programación a gente que empieza si ya dispones de un nivel más avanzado.

blog playgrounds

¿Cuáles son los 5 mejores playgrounds para programar?

Codi.link

Codi.link es un editor en tiempo real para HTML, CSS y JS que  permite editar tu código en vivo y ver el resultado al instante. Entre sus características destaca:

  • Tiene un buscador de dependencias integrado.
  • No necesita registro
  • Comparte tu URL 
  • 100% código abierto

Glitch

Glitch es una plataforma para crear aplicaciones completas y rápidas en tu navegador de forma gratuita. Reúne a millones de creadores, profesionales y educadores que aportan nuevas y útiles herramientas que puedes usar para construir la web abierta. Algunas de sus ventajas son:

  • Soporte para colaboración en tiempo real
  • Remezcla instantánea de proyectos
  • Despliegue automático de tu página
  • Sincronización con GitHub
  • Soporte para SQLite
  • Exploración de realidad virtual con WebXR 
  • Creación de juegos incrementales inventivos

Stackblitz

Stackblitz es un programa online que permite crear y desarrollar de forma rápida proyectos Angular, React, Ionic, TypeScript y Node de forma rápida y sencilla. Sus características más destacadas son:

  • Es un editor basado en Visual Studio Code
  • Permite instalar las dependencias que necesites
  • Ofrece soporte total para Node
  • Permite importar paquetes NPM
  • Puedes seguir desarrollando sin conexión a través de un server en el propio navegador incluido
  • Tiene una experiencia de usuario superior

JS Bin

JSBin es otra maravillosa herramienta online que nos permite editar y ejecutar código HTML, JavaScript y CSS en una sola página. También ofrece la posibilidad de incluir librerías de forma rápida y sencilla con solo seleccionarlas en un desplegable, y además:

  • No requiere de registro
  • La interfaz es limpia y sencilla.
  • Podemos trabajar con diferentes lenguajes de programación web como HTML, XHTML, Markdown, CSS, SCSS, SASS, Processing, Javascript, Typescript … y ¡muchos más!
  • Permite el guardado y la compartición de código de manera pública y privada.
  • Nos deja añadir distintas librerías precargadas

RunJS

RunJS es una aplicación de escritorio que nos permite explorar y experimentar con JavaScript y TypeScript, visualizando nuestras ideas y obteniendo comentarios instantáneos mientras escribimos.

  • Disponible para Mac, Windows y Linux
  • Tiene acceso a Node.js y a las API del navegador ofreciendo un nivel de versatilidad que no es posible en una consola REPL o Chrome estándar
  • Compatibilidad con Babel y TypeScript
  • Permite escribir sintaxis más moderna y actualizada
  • Tiene más funcionalidades pero son de pago.

¡A programar!

 

Estos son algunos de los playground de código gratis que tienes que saber. Ahora es el turno de ponerte manos a la obra y sacarles el máximo partido.

Esperamos que te haya gustado este blog y que te haya sido de ayuda, ¡si decides utilizar alguno de los recursos no dudes en dejar tu experiencia en los comentarios! Así como escribirnos otros que conozcas y el porqué los prefieres.

¡A por todas, Ninja!

Deja un comentario