Contenido principal
Curso: Programación de computadoras > Unidad 4
Lección 8: Herramientas avanzadas de desarrolloUsar 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):
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):
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):
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:
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?
- Porque no le ponen subtitulos en español a los videos, si alguien conoce a pamela preguntele(5 votos)
- yo se ingles y tambien espanol pero conosco a pamela pero no tengo su contacto o algo a si talvez pueda traducir pero no se si KA va a dejarme(4 votos)
- VScode, Eclipse, PyCharm, Arduino Uno y Glitch. Utilizo cada uno según sea el caso a hacer, no obstante, me gusta más VScode, por su facilidad de uso y, porque no consume muchos recursos.(2 votos)
- Falta información sobre como cargar imágenes y sonidos y mosrarlos, en el codigo processing dentro de una página web.
ya entendí que hay que usar PImage, pero no funciona.(hay que cargar una librerìa para imágenes?)
Por ejemplo, yo hice ésto...pero no puedo hacer que muestre imágenes y reproduzca sonidos. https:// dos-canvas-p5js (Punto) glitch (punto) me/
si P5.js y Processing tienen ejemplos de como subir imagen y sonidos, por que aquí no se puede en los proyectos de páginas web ?(1 voto) - ¿Por qué VSCode es el mas utilizado? ¿y Por qué Sublime y Emacs son utilizados también de forma preferencial, quedando todos los otros rezagados?(1 voto)
- Porqué es una encuesta del 2018. Por lo tanto, la preferencia de editores ha cambiado.(3 votos)