Accede a todo EDteam con un único pago¡Sube a premium!

Los mejores 4 editores de código online

¿Sabías que existen editores de código o IDE completamente online? en este blog te mencionaré los mejores 4 para que comiences a trabajar hoy mismo.

Diseño web
8 minutos
Hace 3 años
Los mejores 4 editores de código online

Una de las principales cosas que tienes que instalar en tu computadora personal para comenzar a programar es un editor de código o un IDE (Entorno de desarrollo integrado). Sin embargo, ¿sabías que existen editores de código o IDE completamente online? Es decir, puedes abrir el navegador y empezar a trabajar directamente desde cualquier computadora sin tener que configurar nada.

Algunos de esos editores o IDE online son:

1. CODEPEN

Codepen es uno de los editores de código más conocidos y de los preferidos por los desarrolladores web porque pueden utilizar CSS, JavaScript, HTML (con incluso pre-procesadores) o algunas tecnologías adicionales. También puedes usar librerías externas y hasta hacer experimentos desde básicos hasta un nivel más avanzado. Además, Codepen sirve para mostrar tu trabajo al mundo, por lo que puede ser un portafolio de proyectos personales.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/90018bec-e99a-4456-8146-171acea95f1e/slide_2.png

2. CLOUD9

Cloud9, a diferencia Copeden, es un IDE, en otras palabras, te ofrece todas las herramientas para desarrollar tu proyecto, desde el inicio hasta el final. Amazon la compró hace un tiempo y la incluyó dentro de Amazon Web Services (AWS) en 2016, por lo que es completamente de confianza y puedes probarlo hoy mismo.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/717f2181-a6b4-446b-8b05-681fabaa5dc5/slide_3.png

3. REPL.IT

Uno de los favoritos de EDteam. Repl.it soporta más de 50 lenguajes, por lo que si estás aprendiendo un lenguaje nuevo en EDteam, no tienes que instalar nada para comenzar a practicar. Por ejemplo, solo vas a Repl.it, creas un proyecto nuevo con el lenguaje que quieras y comienzas a practicar todos los ejercicios que los profesores te estén diciendo. Además, tiene integración con GitHub, Hosting y te permite hacer Deploy.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/131fae64-7883-4e39-97ee-e736929ec9c9/slide_4.png

4. STACKBLITZ

Stackblitz es un visual studio code completamente en la web, lo cuál no es de extrañar, ya que Visual Studio Code está creado con TypeScript. Este editor soporta vista previa y hot reloading. Además, tiene los boilerplates listos para los proyectos más comunes en web como React, Angular, Vue, etc.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2e6d3a46-9225-4028-8d24-8cdc8c968239/slide_5.png

Ahora sí, ¡ya no tienes excusa para no aprender un lenguaje nuevo! Ve a ed.team/cursos y elige que curso quieres tomar, abre uno de estos editores en tu navegador favorito y comienza a practicar ahora mismo. Recuerda que la práctica hace al maestro, no esperes más y hazlo hoy mismo.

Comentarios de los usuarios

Pregunta a ChatEDT