El curso más corto de programación (con JavaScript)
Conceptos fundamentales explicados de la manera más superficial para comenzar a entender de qué se trata la programación
Ahora que sabemos crear archivos personalizados, hablemos un poco del flujo de trabajo que recomendamos usar en este curso.
A pesar de que existen diferentes alternativas para agregar JavaScript a nuestros proyectos, en esta ruta de estudio nos concentraremos en usarlo mediante el procedimiento que aprendimos en la lección pasada.
Nuestra siguiente recomendación es crear un nuevo archivo .html
por cada lección que veamos. Todos van a seguir la misma estructura básica:
variables.html
<script>
Por ejemplo:
Por defecto, cuando modificamos el código dentro de nuestros archivos, debemos recargar la página en el navegador para ver los cambios. Esto puede ser un poco molesto, especialmente cuando estamos aprendiendo.
Para solucionar este problema, podemos usar una extensión de VS Code llamada Live Server.
Una extensión es como un mini programa que le agrega funcionalidad a nuestro editor de código.
Para instalar Live Server, debemos:
Live Server
Una vez instalada la extensión, podemos abrir nuestros archivos HTML de una manera más conveniente:
Open with Live Server
Esto abrirá nuestro archivo en el navegador.
Ahora cada vez que hagamos cambios en el archivo y guardemos, la página se actualizará automáticamente.