add videos in spanish and update packages

Author: Charlytoc

.devcontainer/devcontainer.json

@@ -23,7 +23,7 @@
 	// Use 'forwardPorts' to make a list of ports inside the container available locally.
 	// "forwardPorts": [],
 
-	"onCreateCommand": "npm i jest@29.7.0 jest-environment-jsdom@29.7.0 -g && npm i @learnpack/learnpack@2.1.50 -g && learnpack plugins:install @learnpack/html@1.1.7"
+	"onCreateCommand": "npm i jest@29.7.0 jest-environment-jsdom@29.7.0 -g && npm i @learnpack/learnpack@4.0.2 -g && learnpack plugins:install @learnpack/html@1.1.7"
 
 	// Use 'postCreateCommand' to run commands after the container is created.
 	// "postCreateCommand": "yarn install",

exercises/00-Welcome/README.es.md

@@ -1,3 +1,7 @@
+---
+intro: "https://www.youtube.com/watch?v=328yx6t-RTY"
+---
+
 # Bienvenido a los Ejercicios de Bootstrap!!
 
 Mi nombre es [Alejandro Sanchez](https://twitter.com/alesanchezr). Estoy realmente emocionado de tenerte aquí!! 🎉 😂 Aprender a programar es difícil, necesitas apoyo! Si tienes una pregunta envíame un mensaje directo por Twitter o Slack.

exercises/01-Add-Bootstrap-To-Your-Website/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://youtu.be/X1KzQa83Hb0"
+---
+
 # `01` Add Bootstrap To Your Website
 
 Hay dos formas de agregar Bootstrap a tu sitio web: **Remoto** o **Local** (como cualquier otro archivo CSS), la única diferencia será la ruta URL que especifiques en la etiqueta `<link>` (para los archivos .CSS de Bootstrap) o la etiqueta `<script>` (para los archivos .JS de Bootstrap).

exercises/02-Bootstrap-Skeleton/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://youtu.be/laZA-c3Gf2Y"
+---
+
 # `02` Bootstrap Skeleton
 
 Si quieres importar Bootstrap a tu sitio web, puedes usar esta URL pública que está disponible para todo el mundo:

exercises/03-Bootstrap-Grid/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://youtu.be/OikbBoNvvps"
+---
+
 # `03` Bootstrap Grid
 
 Ahora hablemos del *grid* (sistema de columnas y filas): como sabes, cada fila tiene **12 cajas** con un ancho de **8.33%** del sitio web, una columna puede ocupar de **1 a 12 espacios** de ancho, y todos dentro de la misma fila no pueden sumar más de **12 espacios**.

exercises/04-Navbar/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://youtu.be/bcaixxebDR4"
+---
+
 # `04` Navbar
 
 Como desarrolladores, constantemente hacemos menús de la misma manera: usando la etiqueta `ul`, eliminando la viñeta de `li`, mostrando la lista en una sola línea (in-line), etc.

exercises/05-Sidebar-With-Menu/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://youtu.be/KXCXpHQm8YQ"
+---
+
 # `05` Sidebar With Menu
 
 ## 📝 Instrucciones:

exercises/06-Hero-Section-And-Three-Boxes/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://youtu.be/0XiBE9hZI2Q"
+---
+
 # `06` Hero Section And 3 Boxes
 
 ## 📝 Instrucciones:

exercises/07-Buttons-Alert-And-Table/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=8_MU7wdeQLk"
+---
+
 # `07` Buttons, Alert, and Table
 
 Los enlaces (anchor), el botón, la alerta, las clases auxiliares de Bootstrap y otros elementos de Bootstrap pueden tener 7 estilos diferentes (colores):

exercises/08-Bootstrap-Forms/README.es.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://youtu.be/FQjck31Bhho"
+---
+
 # `08` Bootstrap Forms
 
 ## 📝 Instrucciones: