If you're seeing this message, it means we're having trouble loading external resources on our website.

Si estás detrás de un filtro de páginas web, por favor asegúrate de que los dominios *.kastatic.org y *.kasandbox.org estén desbloqueados.

Contenido principal

Usar diferentes editores de código

Ya que viste cómo programar en ProcessingJS en una página web fuera de Khan Academy, estás listo para experimentar con más editores de código (solo si quieres, por supuesto).
En cualquier editor que uses, asegúrate de guardar tu archivo principal con un nombre que termine en ".html": esa es la extensión que usan las páginas de HTML para asegurarse de que tanto los editores como los navegadores sepan qué son. Si quieres separar el JavaScript del HTML, entonces puedes guardarlo con una extensión ".js" y referenciarlo con una etiqueta de <script>.

Editores en línea

Una opción es usar un editor en línea, parecido al nuestro pero con características adicionales. Quizá quieras usar un editor en línea si tienes una computadora que no te deja descargar aplicaciones o si quieres usar el mismo editor en distintas computadoras. Algunos editores populares en línea son JSBin, Glitch y Repl.it. Si usas una ChromeBook, puedes instalar una aplicación web de Chrome como Caret o Zed.
Aquí está un video en el que edito una página web en Cloud9 (de nuestro curso sobre hacer páginas web):
Contenedor video de Khan Academy
Editing a webpage in an online editorVer la transcripción del video

Editores de escritorio

Otra opción es usar un editor de escritorio. Se descarga una aplicación a tu computadora y guarda los archivos en el disco duro. Hay muchos editores de escritorio para escoger, dependiendo del sistema operativo y precio que estés buscando. Algunos editores de escritorio populares son Visual Studio Code, Atom, Sublime Text, Adobe Brackets y Notepad++ (para Windows).
Aquí está un video en el que edito una página web en Sublime Text (de nuestro curso sobre hacer páginas web):
Contenedor video de Khan Academy
Editing webpages in a desktop editorVer la transcripción del video

Editores de línea de comando

Una tercera opción es usar un editor de línea de comando. Si aún no estás familiarizado con la línea de comando, probablemente no quieras tomar esta ruta, ya que primero también necesitas aprender bastante acerca de la línea de comando. Por otro lado, si te encanta escribir y navegar con tu teclado en vez de tu ratón, puede ser que encuentres que te encantan las herramientas de línea de comando. Dos editores populares de línea de comando son Emacs y Vim, y a menudo ya están instalados en sistemas basados en Unix, como Mac y Linux.
Aquí está un video en el que edito una página web en Vim (de nuestro curso sobre hacer páginas web):
Contenedor video de Khan Academy
Editing a webpage from a command line editorVer la transcripción del video

Escoger un editor

¿Cuál deberías usar? Eres bienvenido a continuar usando los editores de Khan Academy por ahora. Sin embargo, eventualmente, vas a querer sentirte cómodo con al menos otro editor. Como programador, ayuda saber cómo programar en varios editores, ya que podrías necesitar usar un editor diferente para una clase en la escuela o un trabajo en una compañía.
Quizá quieras probar un par de opciones gratuitas y ver cuál de ellas te gusta más. También puedes preguntar y ver qué usan tus amigos y compañeros. A menudo es útil usar cualquier herramienta que sea la más popular entre tus colegas porque entonces les puedes pedir ayuda.
Por ejemplo, aquí está una gráfica de qué usan mis colegas en Khan Academy:
Gráfica de barras de preferencia de editor: VSCode, Sublime, Emacs, VIM, en ese orden.
Última encuesta realizada en junio de 2018, las preferencias de editor están muy sujetas a cambios.
Si estás leyendo esto y ya usas un editor diferente, puedes compartir que estás usando y por qué te gusta en la sección de Consejos a continuación. Para puntos extra, comparte algún consejo para hacer programas ProcessingJS en tu editor favorito.

¿Quieres unirte a la conversación?

¿Sabes inglés? Haz clic aquí para ver más discusiones en el sitio en inglés de Khan Academy.