7 editores de código en la nube para frontends
Tags: javascript, webdev, spanish, frontend
Published: 2021-05-04 21:31:34

## Introducción
A medida que pasan los años van apareciendo nuevos y mejores editores de código y otros van mejorando sus características para no morir en un mercado tan exigente. 
Empecé mis estudios de ingeniería informática usando Dreamweaver, de hecho muchos desarrolladores de la vieja escuela aun lo usan por su vista de diseñador al momento de escribir código; después investigando un poco más encontré [NotePad++](https://notepad-plus-plus.org/downloads/), muy básico pero interesante; posteriormente Adobe saco su editor [Brackets](http://brackets.io/) que me encanto pero lastimosamente no fue del gusto total de la comunidad, uno de los últimos y que lo use mucho fue [Atom](https://atom.io/) desarrollado por Github y el mítico e inmortal [Sublime Text](https://www.sublimetext.com/) (que a conciencia, todos lo usabamos crakeado XD), [Visual Studio Code](https://code.visualstudio.com/) de Microsoft al parecer nos acompañara por un buen tiempo.

En fin, después de una introducción tan larga y aburrida, vamos al meollo del asunto, editores de código online que uso y sugiero.
Muchas veces necesitamos probar algo simple que no vale la pena instalar o abrir nuestro editor de escritorio, los siguientes lo recomiendo un montón espero que sea de su interés y los puedan emplear:

## [CodePen](https://codepen.io/following)
Probablemente el más usado y el más conocido por los devs, permite crear desde snippets pequeños de código hasta proyectos funcionales enteros usando claro nuestras tecnologías favoritas: HTML5, CSS3 y JavaScript.
{% codepen https://codepen.io/twhite96/pen/XKqrJX %}

## [Stackblitz](https://stackblitz.com/)
Muy parecido a Visual Studio Code pero completamente online, permite crear variedad de proyectos con múltiples tecnologías, como por ejemplo:
* Angular
* React (con JavaScript)
* React (con TypeScript)
* Vue
* TypeScript puro
* Ionic
* Vanilla Js
* Svelte
* HTML y CSS puros, etc.

{% stackblitz ball-demo %}

## [CodeSandbox](https://codesandbox.io/)
Al igual que el anterior propone crear proyectos completos con variedad de tecnologías modernas:

* Adonis
* Angular
* React (con JavaScript)
* Gatsby
* React (con TypeScript)
* Next.js
* Vue
* TypeScript puro

{% codesandbox ppxnl191zx %}

## [JSFiddle](https://jsfiddle.net/)
Editor mucho más sencillo permite probar código frontend básico, HTML, CSS y JavaScript

{% jsfiddle https://jsfiddle.net/link2twenty/v2kx9jcd %}

## [JSitor](https://jsitor.com/)
Por defecto para trabajar con vanilla js pero es posible instalarle librerías externas como Moment.js, Chart.js, Bootstrap, y también frameworks como React, Angular y Vue.

{% jsitor https://jsitor.com/embed/B7FQ5tHbY %}

## [DotnetFiddle](https://dotnetfiddle.net/)
S te gustan o trabajas más a menudo con tecnologías .NET esta página te gustará mucho

## [JSbin](https://jsbin.com/)
Posiblemente el más simple de todos pero cumple con su propósito de escribir código HTML, CSS y JS con vista de salida de consola y de navegador, personalmente es uno de los que más uso para probar pequeños fragmentos de código.

> *La lista presentada no está escrita en ningún orden en concreto, hay mucha variedad de editores en la nube que te ofrecen peculiaridades adaptables a tus necesidades.*

---

## **Conclusión**
Usar editores de código en la nube puede ahorrarte tiempos ya que son sencillos de usar y cada vez te ofrecen una gama más amplia de tecnologías para trabajar cómodamente. Úsalos cuando los necesites, todos tienen una versión gratuita muy buena.

Te invito a leer más entradas mías que podrían ser de tu interés:

{% link duxtech/las-bondades-del-metodo-slice-en-javascript-1efa %}

{% link duxtech/7-repositorios-de-desarrollo-web-que-debes-conocer-4g6l %}

{% link duxtech/10-trucos-y-optimizaciones-de-codigo-con-javascript-para-2021-3759 %}