7 editores de cdigo en la nube para frontends

Introduccin

A medida que pasan los aos van apareciendo nuevos y mejores editores de cdigo y otros van mejorando sus caractersticas para no morir en un mercado tan exigente.
Empec mis estudios de ingeniera informtica usando Dreamweaver, de hecho muchos desarrolladores de la vieja escuela aun lo usan por su vista de diseador al momento de escribir cdigo; despus investigando un poco ms encontr NotePad++, muy bsico pero interesante; posteriormente Adobe saco su editor Brackets que me encanto pero lastimosamente no fue del gusto total de la comunidad, uno de los ltimos y que lo use mucho fue Atom desarrollado por Github y el mtico e inmortal Sublime Text (que a conciencia, todos lo usabamos crakeado XD), Visual Studio Code de Microsoft al parecer nos acompaara por un buen tiempo.

En fin, despus de una introduccin tan larga y aburrida, vamos al meollo del asunto, editores de cdigo 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 montn espero que sea de su inters y los puedan emplear:

CodePen

Probablemente el ms usado y el ms conocido por los devs, permite crear desde snippets pequeos de cdigo hasta proyectos funcionales enteros usando claro nuestras tecnologas favoritas: HTML5, CSS3 y JavaScript.

Stackblitz

Muy parecido a Visual Studio Code pero completamente online, permite crear variedad de proyectos con mltiples tecnologas, como por ejemplo:

• Angular
• React (con JavaScript)
• React (con TypeScript)
• Vue
• TypeScript puro
• Ionic
• Vanilla Js
• Svelte
• HTML y CSS puros, etc.

CodeSandbox

Al igual que el anterior propone crear proyectos completos con variedad de tecnologas modernas:

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

JSFiddle

Editor mucho ms sencillo permite probar cdigo frontend bsico, HTML, CSS y JavaScript

JSitor

Por defecto para trabajar con vanilla js pero es posible instalarle libreras externas como Moment.js, Chart.js, Bootstrap, y tambin frameworks como React, Angular y Vue.

DotnetFiddle

S te gustan o trabajas ms a menudo con tecnologas .NET esta pgina te gustar mucho

JSbin

Posiblemente el ms simple de todos pero cumple con su propsito de escribir cdigo HTML, CSS y JS con vista de salida de consola y de navegador, personalmente es uno de los que ms uso para probar pequeos fragmentos de cdigo.

La lista presentada no est escrita en ningn orden en concreto, hay mucha variedad de editores en la nube que te ofrecen peculiaridades adaptables a tus necesidades.

Conclusin

Usar editores de cdigo en la nube puede ahorrarte tiempos ya que son sencillos de usar y cada vez te ofrecen una gama ms amplia de tecnologas para trabajar cmodamente. salos cuando los necesites, todos tienen una versin gratuita muy buena.

Te invito a leer ms entradas mas que podran ser de tu inters:

Las bondades del mtodo slice() en Javascript

dux Apr 26 3 min read

#javascript #html #webdev

7 repositorios de desarrollo web que debes conocer

dux Apr 12 2 min read

#github #javascript #webdev #spanish

10 trucos y optimizaciones de cdigo con JavaScript para 2021

dux Mar 29 8 min read

#javascript #webdev #frontend #spanish