Add spanish videos

Author: Charlytoc

README.md

@@ -46,15 +46,15 @@ Clone the repository in your local environment and follow the steps below:
 1) Make sure you have [LearnPack](https://github.com/learnpack/learnpack-cli), `node.js` version v14+, and jest v27 installed. This is the command to install the learnpack-cli and jest:
 
 ```bash
-$ npm i learnpack jest@27.0.6 -g
+$ npm i learnpack jest@29.7.0 jest-environment-jsdom@29.7.0 -g
 ```
 
 2) Clone or download this repository. Once you finish downloading, you will find a new folder with a subdirectory "exercises" that contains all the exercises within.
 
 3) Install the LearnPack plugin to test and compile vanillajs:
 
 ```bash
-$ learnpack plugins:install learnpack-dom
+$ learnpack plugins:install @learnpack/dom
 ```
 
 4) Start the tutorial/exercises by running the following command from the root of the project:

exercises/00-introduction/README.es.md

@@ -1,3 +1,7 @@
+---
+intro: "https://www.youtube.com/watch?v=TbciSCu2kFQ"
+---
+
 # ¡Bienvenido a Eventos de JavaScript!
 
 En este tutorial estaremos viendo los eventos de JavaScript:

exercises/01-alert-on-click/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=5L0_li8L16E"
+---
+
 # `01` Alert onclick
 
 Puedes establecer funciones de Event Listener para manejar cualquier tipo de eventos ¡La lista de eventos posibles es inmensa! Click, Double Click, Mouseover, Load, Print, etc... 

exercises/02-on-click-Hello-World/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=fFNighEUZuE"
+---
+
 # `02` onclick Hello World
 
 ## 📝 Instrucciones:

exercises/03-sum-values/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=qoax-ggb740"
+---
+
 # `03` Sum Values
 
 ## 📝 Instrucciones:

exercises/04-hide-on-click/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=_bjCwo4ptBw"
+---
+
 # `04` Hide onclick
 
 ## 📝 Instrucciones:

exercises/05-the-load-event/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=1P3i4ea4WfI"
+---
+
 # `05` The load Event
 
 Es una muy buena práctica esperar a que el navegador termine de cargar la página antes de iniciar el flujo de tu sitio web/aplicación, para hacerlo, usamos el evento LOAD.

exercises/06-add-listener-with-js/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=aIZsIz09GcY"
+---
+
 # `06` Add Listener With JS
 
 A veces debemos añadir listener de eventos DURANTE EL TIEMPO DE EJECUCIÓN.

exercises/07-count-on-click/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=AtGZsioWZ14"
+---
+
 # `07` Count onclick
 
 Si tienes **variables globales**, puedes cambiar su valor durante el tiempo de ejecución usando los handlers de eventos. Por ejemplo, este código incrementa el valor de la variable `counter` cada vez que el usuario hace clic en el botón **Increase**.

exercises/07.1-change-turn-on-click/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=XUGMHH4RaOY"
+---
+
 # `07.1` Change Turn on Click
 
 Digamos que quieres crear una herramienta para cambiar de turno entre dos jugadores: Mario y Juan.