Categorías: Web

JSFIDDLE tu IDE online para desarrollo web

En el artículo de hoy os presentamos una web que os ayudará en gran medida para realizar pruebas y compartir código de proyectos web.

Descubriendo JSFIDDLE

JSFIDDLE es una página web, que actúa como si fuera un IDE (un entorno de desarrollo) con algunas características que te van a permitir probar cosas de manera muy rápida.
Algunas de sus características son:

  • Soporte de bibliotecas con un click: para ayudarnos a realizar las pruebas, tenemos la posibilidad de usar algunas de las bibliotecas más utilizadas de JavaScript con sólo seleccionarlas de la lista:


Soporte para cargar recursos externos: en este caso si por ejemplo necesitamos una biblioteca que no está en el menú, la podemos cargar desde aquí, así como plantillas CSS ya definidas:


Soporte para formateado de código: con pulsar sobre la opción TidyUp nuestro código será formateado para que sea más fácil de leer.
Análisis del código: con pulsar sobre la opción JSHint nos realizará una validación de nuestro código JavaScript:

La colaboración la clave de JSFIDDLE

Llegados a este punto, seguramente estaréis pensando que no incorpora nada novedoso respecto a otros programas que ya hay en el mercado para realizar desarrollo web. Sin embargo la clave que ha hecho que JSFIDDLE se este usando en gran medida, es debido a las posibilidades de compartir y colaborar en desarrollos.

En esta siguiente imagen se puede ver cómo hemos creado una sesión donde dos usuarios colaboran, pudiendo ver el cursor de la otra persona, añadir su audio o hablar por un chat con él:

En cuanto a las opciones de compartición, podemos ver como tiene soporte para insertarlo directamente en una web, para compartirlo en Twitter o en Facebook:

Aquí podéis ver un pequeño ejemplo que he creado:

En resumen os puedo decir, que quizás no sea la mejor herramienta para desarrollar una compleja página web, pero si creo que es la mejor herramienta (y la más usada actualmente) para hacer pequeñas pruebas, para enseñar a otros código de ejemplo y para compartirlo en foros, redes sociales u otros medios.

Jorge Durán

Entusiasta de la tecnología desde los 10 años, desarrollador y creador de varios proyectos de software y autodidacta por naturaleza. Ingeniero Informático por la USAL y .Net backend developer en idealista.

Share
Publicado por
Jorge Durán

Recent Posts

Docker: conceptos principales y tutorial paso a paso

Hoy queremos hablaros de Docker un proyecto que cada día es más usado, porque permite…

3 años hace

Crea diagramas rápidamente usando código

Cada vez estamos más acostumbrados a usar código para generar la infraestructura (IaC), documentar nuestro…

3 años hace

Procesamiento del lenguaje natural con ElasticSearch

Uno de los problemas que se presentan con una mayor frecuencia hoy en día, es…

4 años hace

Elige tecnología clásica y aburrida

Uno de los problemas que solemos tener los programadores, es que nos gusta estar a…

4 años hace

Cómo usar Docker en Windows

Docker es una de las herramientas más usadas por los desarrolladores, sin embargo, usarlo en…

4 años hace

Analiza el coste del uso de JavaScript

Como seguramente sabrás el uso de JavaScript ha crecido exponencialmente en los últimos tiempos, sin…

5 años hace