Cursos online y materiales digitales para estudiantes y desarrolladores web

Herramientas

Herramienta: JSBin

Publicado el por Leave a Comment

¿Qué es JSBin?

JSBin es otra fantástica herramienta online que, al igual que Codepen y JSFiddle permite a los usuarios editar y ejecutar código HTML, JavaScript y CSS en una sola página. Además, permite incluir fácilmente librerías con solo seleccionarlas en un desplegable.

Las posibilidades de configurar la interfaz son más limitadas porque solo permite descubrir u ocultar las diferentes columnas, que no solo incluyen los lenguajes de programación y el resultado, sino también una columna de consola.

¿Qué características ofrece?

  1. Distintos lenguajes de programación web: HTML, XHTML, Markdown, CSS, SCSS, SASS, Processing, Javascript, Typescript, Coffeescript, etc.
  2. Guardado y compartición de código de manera pública (es necesario tener cuenta y estar logueado) y privada (versión premium).
  3. Bifurcación de código (fork) y control de snapshots.

Análisis a fondo de la herramienta

Web oficial

JSBin.com

Versiones

Sólo online

Precio

Versión gratuita
Versión de pago (12,99£/mes o 99,99£/año)

Y tú, ¿la has probado? ¿Qué te parece? ¿Conoces alternativas interesantes? ¡Déjame un comentario y cuéntamelo!

Herramienta: Codepen

Publicado el por Leave a Comment

¿Qué es Codepen?

Codepen es un IDE online que permite a los usuarios editar y ejecutar código HTML, JavaScript y CSS en una sola página. Además, es posible utilizar alternativas a estos lenguajes como SCSS o SASS, Typescript, Coffeescript, etc.
Tiene una interfaz minimalista dividida en cuatro marcos principales correspondientes con los tres lenguajes citados anteriormente y un cuarto marco que muestra el resultado del proyecto ejecutado.

¿Qué características ofrece?

  1. Distintos lenguajes de programación web: HTML, XHTML, CSS, SCSS, SASS, Javascript, Typescript, Coffeescript, Vue, React, etc.
  2. Guardado y compartición de código de manera pública (es necesario tener cuenta y estar logueado) y privada (versión premium).
  3. Bifurcación de código (fork).
  4. Opciones de edición de código: verificación de sintaxis, sangría automática, autocompletar, etc.
  5. Opciones de formateo de código, análisis, maximización y minimización, etc.
  6. Comunidad de desarrolladores que comparten su código, con posibilidad de filtrar, guardar como favoritos, participar en retos, etc.

Análisis a fondo de la herramienta

Web oficial

codepen.io

Versiones

Sólo online

Precio

Versión gratuita
Versión de pago (8€/mes o 96€/año)

Y tú, ¿la has probado? ¿Qué te parece? ¿Conoces alternativas interesantes? ¡Déjame un comentario y cuéntamelo!

Herramienta: JSFiddle

Publicado el por Leave a Comment

JSFiddle
IDE online

JSFiddle

Hoy analizaremos a fondo JSFiddle, una herramienta genial no solo para probar código web de manera online. También nos permitirá compartirlo, trabajar de manera colaborativa, etc.

¿Qué es JSFiddle?

JSFiddle es un IDE online que permite a los usuarios editar y ejecutar código HTML, JavaScript y CSS en una sola página. Además, es posible utilizar alternativas a estos lenguajes como SCSS o SASS, Typescript, Coffeescript, etc.
Tiene una interfaz minimalista dividida en cuatro marcos principales correspondientes con los tres lenguajes citados anteriormente y un cuarto marco que muestra el resultado del proyecto ejecutado.

¿Qué características ofrece?

  1. Distintos lenguajes de programación web: HTML, XHTML, CSS, SCSS, SASS, Javascript, Typescript, Coffeescript, Vue, React, etc.
  2. Guardado y compartición de código de manera pública (sin necesidad de login) y privada (versión premium).
  3. Incrustación de código con script o iframe.
  4. Edición de código colaborativa y simultánea con chat y micrófono.
  5. Bifurcación de código (fork).
  6. Opciones de edición de código: verificación de sintaxis, sangría automática, autocompletar, etc.

Análisis a fondo de la herramienta

Web oficial

jsfiddle.net

Versiones

Sólo online

Precio

Versión gratuita
Versión de pago (8€/mes o 90€/año)

Y tú, ¿la has probado? ¿Qué te parece? ¿Conoces alternativas interesantes? ¡Déjame un comentario y cuéntamelo!