馃枛 Inicio

SERVICIOS

Salir

noched铆a

Mejores editores online o playgrounds para testear nuestro JavaScript

500 palabras
2 minutos
June 27, 2019
blogjavascript

Te hablo de los distintas alternativas de playgrounds de JavaScript y de por qu茅 son tan 煤tiles

  1. Pr贸logo
  2. Playgrounds con entornos completos
  3. Playgrounds con entornos simples
  4. Resumen

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

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

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

Sigma

Slapp Forge

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

Glitch

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

Coding Gound

Coding Gound

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

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

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

Js Fiddle

Js Fiddle

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

presentaci贸n El equipo

Js Bin

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

Live Weave

Live Weave

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

presentaci贸n blog

Dabblet

Dabblet

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

presentaci贸n FAQ

Plunker

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

Jsitor

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

Ideone

Ideone

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

presentaci贸n FAQ

Html Pen

Html Pen

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

presentaci贸n El equipo

Web Maker

Web Maker

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

presentaci贸n kushagra gour

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 馃檭

Qu茅 tal la entrada?
馃憣 Bien 馃檶馃檶
馃憤 Bien, pero algunas cosas podr铆an explicarse mejor 馃槵
馃し鈥嶁檪锔 Da por sentadas demasiadas cosas 馃槖
馃し鈥嶁檪锔 A ver, hay poca chicha 馃槵
馃し鈥嶁檪锔 Los ejemplos no son muy claros 馃檱鈥嶁檪锔
馃し鈥嶁檪锔 No se entiende, est谩 mal escrito 馃憥
鉁嶏笍 Hay errores, rev铆salo en cuanto puedas 馃檹

Newsletter de kuworking, un correo de tanto en cuanto

Quiz谩 te interese

Privacidad
by kuworking.com
[ 2020 >> kuworking ]