DEV Community

loading...

7 editores de código en la nube para frontends

duxtech profile image dux ・3 min read

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++, muy básico 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 mítico e inmortal Sublime Text (que a conciencia, todos lo usabamos crakeado XD), Visual Studio Code 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

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.

Stackblitz

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.

CodeSandbox

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

JSFiddle

Editor mucho más sencillo permite probar código frontend básico, HTML, CSS y JavaScript

JSitor

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.

DotnetFiddle

S te gustan o trabajas más a menudo con tecnologías .NET esta página te gustará mucho

JSbin

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:

Discussion (0)

Forem Open with the Forem app