Aprender JavaScript moderno es difícil si no haS estado allí desde el principio. El ecosistema está creciendo y cambiando tan rápidamente que es difícil entender los problemas que las diferentes herramientas intentan resolver.
La ides con este post es dar un contexto de cada herramienta a usar entender porque se usa.
Comenzaremos desde el principio y crearemos un ejemplo como lo hicieron los dinosaurios: sin herramientas, solo HTML, CSS y JavaScript. Luego, introduciremos diferentes herramientas de manera incremental para ver los problemas que resuelven uno a la vez. Con este contexto histórico, podrá aprender y adaptarse mejor al panorama de JavaScript en constante cambio en el futuro.
Comencemos con un sitio web de la “vieja escuela” que utiliza HTML y JavaScript, que implica descargar y vincular archivos manualmente. Aquí hay un index.html simple que se vincula a un archivo JavaScript:
<!-index.html-><htmllang = "en"><head><metacharset = "UTF-8"><title> Ejemplo de JavaScript title>
<scriptsrc = " index.js ">script>
head>
<body><h1> ¡Hola desde HTML! h1>
body>
html>
La línea se refiere a un archivo JavaScript separado en el mismo directorio llamado index.js:
// index.js
console.log ("¡Hola desde JavaScript!");
¡Esto es todo lo que necesitas para crear un sitio web!
Continua la segunda parte