Curso desde cero de JavaScript Capítulo 1 - Ubicación del código
Voy a empezar este curso en JavaScript desde cero para aquellos que no tengan ningún tipo de conocimientos en él. Los que ya sepáis algo, esperar un poco a que salgan unos cuantos tutoriales básicos para ir viendo cosas más avanzadas.
Debes saber que para hacer este curso, debes tener conocimientos en HTML (no hace falta ser un experto) y convendría que también tuvieras de CSS.
El código de JavaScript lo deberás escribir en una página .html o en una página .js de JavaScript.
Si escribes código de JS en una página HTML, deberás etiquetarlo con la etiqueta <script></script>.
Sintaxis de JavaScript - Dónde se pone la etiqueta <script>
En la primera etiqueta <script>, <script src="hola_mundo.js"></script> estoy enlazando a una página externa al documento (más abajo, en el segundo ejemplo tienes el código que va en dicha página), de forma similar a como se enlazaría una página externa CSS.
En el segundo script tengo un sencillo alert en el <head> que lo que hace es mostrar una ventanita en el navegador con el mensaje "¡Hola mundo!".
En el <body> tengo el mismo código.
Con los tres ejemplos, se ejecuta en el navegador exactamente lo mismo. Estos son los 3 sitios donde puedes colocar el código.
No obstante, hay una diferencia entre poner código JS en el <head> o en el <body>. Si pones el código en el <head>, ya sea con una página externa o directamente, dicho código se ejecutará antes de que cargue el contenido de la página que va a ver el usuario, el <body>. Si pones el código en el <body>, se cargará primero todo lo que haya por delante de la etiqueta <script>.
No te preocupes si no entiendes esto todavía, a medida que avances en el curso lo verás claro.
Sintaxis de JavaScript en una Página HTML
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Capítulo 1 - JavaScript en TheHittosLab</title> <script src="hola_mundo.js"></script> <script> alert("¡Hola mundo!"); </script> </head> <body> <script> alert("¡Hola mundo!"); </script> </body> </html>
Sintaxis de JavaScript en una Página externa
En una página externa sería tan fácil como escribir esto sin más.
alert("¡Hola mundo!");
Resultado
