Desarrollar páginas web fuera de Khan Academy

Proporcionamos un editor incorporado al navegador para ti aquí en Khan Academy, para que sea fácil que pruebes HTML, obtengas retroalimentación inmediata y compartas tu trabajo.

Sin embargo, nuestro editor de código no te deja probar todo, tanto por razones de seguridad como porque es difícil hospedar un editor completo ¡en un espacio tan pequeño!

Una vez que hayas aprendido HTML/CSS aquí, probablemente quieras empezar a desarrollar páginas web en un editor más completo fuera de Khan Academy, el cual agregaría características como múltiples archivos, búsqueda de archivos y complementos personalizados. En cualquier editor que uses, asegúrate de que al guardar tu archivo termine con ".html", esa es la extensión de archivo que se usa para todas las páginas HTML para asegurarse de que tanto los editores como los navegadores sepan qué es.

Una opción es usar un editor en línea, parecido al nuestro pero con características adicionales. Puede que 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 varias computadoras. Algunos editores en línea populares son JSBin, Repl.it. Glitch y CodePen. Si usas una ChromeBook, puedes instalar una aplicación web de Chrome como Caret o Zed. Aquí está un video en el que estoy editando una página web en Cloud9:

Otra opción es usar un editor de escritorio. Descargas una aplicación a tu computadora y guardas los archivos en tu disco duro. Hay muchos editores de escritorio de donde escoger, dependiendo del sistema operativo que tengas y del 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 estoy editando una página web en Sublime Text:

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í hay un video en el que estoy editando una página web en Vim:

¿Cuál deberías escoger? Bueno, eres bienvenido a seguir usando el editor de HTML/CSS de Khan Academy por ahora. Sin embargo, eventualmente querrás sentirte cómodo con al menos otro editor. Puede que quieras probar un par de opciones gratuitas diferentes y ver cuál te gusta más. También puedes preguntarles a tus amigos y colegas cuál usan. A menudo es útil usar cualquier herramienta que sea la más popular con tus compañeros, porque entonces les puedes pedir ayuda.

Por ejemplo, aquí está una gráfica que muestra lo que usan mis colegas en Khan Academy. Algunos de ellos no escriben HTML/CSS, así que su editor favorito puede no ser una buena opción para ti.

Si estás leyendo esto y ya usas un editor diferente para desarrollar páginas web, puedes compartir lo que estás usando y por qué te gusta en la sección de Consejos más abajo. Si tienes cualquier complemento para los editores o herramientas de desarrollador del navegador, también compártelos. Compartir es bueno. 😊