Add videos

Charlytoc · Charlytoc · commit 41bf61f216c9 · 2024-02-21T19:44:28.000Z
diff --git a/exercises/00-Welcome/README.md b/exercises/00-Welcome/README.md
@@ -28,6 +28,7 @@ Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds
 
 1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) :computer: (idea) 🤔, (run-tests) :warning:, (pull-request-review) :eyes: (run-tutorial) :white_check_mark: (documentation) :book:
 2. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribution: (coder), (run-tests) :warning:
+3. [Charly Chacon (charlytoc)](https://github.com/charlytoc), contribution: (tutorials, corrections), 🤖
 
 This project follows the
 [all-contributors](https://github.com/kentcdodds/all-contributors)
diff --git a/exercises/00.1-Inline-Styles/README.es.md b/exercises/00.1-Inline-Styles/README.es.md
@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=c5JeXOnI-Sg"
+---
+
 # `00.1` Inline styles
 
 
diff --git a/exercises/00.1-Inline-Styles/README.md b/exercises/00.1-Inline-Styles/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
+tutorial: "https://www.youtube.com/watch?v=h9WPp8gPMS8"
 ---
 # `00.1` Inline styles
 
diff --git a/exercises/01-Style-tag/README.es.md b/exercises/01-Style-tag/README.es.md
@@ -1,4 +1,6 @@
-
+---
+tutorial: "https://www.youtube.com/watch?v=9WrVN0rOg_k"
+---
 # `01` Style tag in CSS
 
 Otra manera que existe de aplicar estilos es utilizar una etiqueta `<style>` en lugar de la propiedad `style`, siempre debes seguir estos pasos:
diff --git a/exercises/01-Style-tag/README.md b/exercises/01-Style-tag/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
+tutorial: "https://www.youtube.com/watch?v=iDwXZoQR8EM"
 ---
 # `01` Style tag in CSS
 
diff --git a/exercises/01.1-Add-a-style-tag/README.es.md b/exercises/01.1-Add-a-style-tag/README.es.md
@@ -1,4 +1,6 @@
-
+---
+tutorial: "https://www.youtube.com/watch?v=rX-0KNBCxrY"
+---
 # `01.1` The Style Tag
 
 Veamos otro ejemplo pero esta vez agregando la etiqueta `<style>` nosotros mismos.
diff --git a/exercises/01.1-Add-a-style-tag/README.md b/exercises/01.1-Add-a-style-tag/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=C5sOchuD2d4"
+tutorial: "https://www.youtube.com/watch?v=K1SrZxiiM6I"
 ---
 
 # `01.1` The Style Tag
diff --git a/exercises/01.2-RGBA-colors/README.es.md b/exercises/01.2-RGBA-colors/README.es.md
@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=8RntHMOAFqI"
+---
+
 # `01.2` Your First Style
 
 Cuando usas CSS, la idea es aplicar `reglas css` a tus `elementos html`, siempre debes seleccionar primero el elemento y luego especificar qué reglas deseas aplicarle:
diff --git a/exercises/01.2-RGBA-colors/README.md b/exercises/01.2-RGBA-colors/README.md
@@ -1,4 +1,6 @@
-
+---
+tutorial: "https://www.youtube.com/watch?v=TqmY9GLTwQ0"
+---
 # `01.2` Your First Style
 
 When doing CSS, the idea is to apply `css rules` to your `html elements`, you always have to select the element first, and then specify what rules you want to apply to it:
diff --git a/exercises/01.3-Your-Second-Style/README.es.md b/exercises/01.3-Your-Second-Style/README.es.md
@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=vTS0D_QrbH8"
+---
+
 # `01.3` Your Second Style
 
 Cuando usas CSS, la idea es aplicar `reglas css` a tus `elementos html`, siempre debes seleccionar primero el elemento y luego especificar qué reglas deseas aplicarle:
diff --git a/exercises/01.3-Your-Second-Style/README.md b/exercises/01.3-Your-Second-Style/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=W0CAqLIAoZI"
+tutorial: "https://www.youtube.com/watch?v=ituoKgAh6ds"
 ---
 
 # `01.3` Your Second Style
diff --git a/exercises/02-Separate-Stylesheet/README.es.md b/exercises/02-Separate-Stylesheet/README.es.md
@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=MmnkVGINtbs"
+---
+
 # `02` Separate Stylesheet
 
 Si usas la etiqueta html `<link>`, puedes tener tus estilos en un archivo separado que normalmente se llama `styles.css`.
diff --git a/exercises/02-Separate-Stylesheet/README.md b/exercises/02-Separate-Stylesheet/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=T0anCc5fvSg"
+tutorial: "https://www.youtube.com/watch?v=jAfXzx88i-4"
 ---
 
 # `02` Separate Stylesheet
diff --git a/exercises/02.1-Background/README.es.md b/exercises/02.1-Background/README.es.md
@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=a1ACEu996z4"
+---
+
 # `02.1` Background
 
 La regla `background` (fondo) de CSS nos permite asignar y trabajar con el background de cualquier contenedor (container). Los valores de background pueden ser `color` o una `imagen`.
diff --git a/exercises/02.1-Background/README.md b/exercises/02.1-Background/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=MJI0-sFmTe8"
+tutorial: "https://www.youtube.com/watch?v=fQh2OulBSp8"
 ---
 
 # `02.1` Background
diff --git a/exercises/03-list-styling/README.es.md b/exercises/03-list-styling/README.es.md
@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=qcx31wUVmqI"
+---
+
 # `03` Estilo de listas
 
 En el desarrollo front end, a menudo tenemos que listar ítems y la forma de hacerlo es con las etiquetas `<ul>`, para listas desordenadas o con viñetas, y las etiquetas `<ol>` para listas ordenadas o numeradas.
diff --git a/exercises/03-list-styling/README.md b/exercises/03-list-styling/README.md
@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=i7UegJUGnRs"
+---
+
 # `03` List styling
 
 In the front end we often have to list items and the way to do that is with `<ul>` tags, for unordered/bulleted lists, and `<ol>` tags for ordered/numbered lists.  
diff --git a/exercises/04-Class-Selector/README.es.md b/exercises/04-Class-Selector/README.es.md
@@ -1,3 +1,9 @@
+---
+tutorial: "https://www.youtube.com/watch?v=0I_xSAQ3vNs"
+---
+
+
+
 # `04` Class Selector
 
 Hay muchas formas de seleccionar los elementos HTML para aplicarles estilos, hasta ahora solo hemos usado los selectores de etiquetas, así que hablemos sobre el selector `.class`:
diff --git a/exercises/04-Class-Selector/README.md b/exercises/04-Class-Selector/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=RffCSMXgWFc"
+tutorial: "https://www.youtube.com/watch?v=moLgdg7x84U"
 ---
 
 # `04` Class Selector
diff --git a/exercises/04.1-Combined-Rules/README.es.md b/exercises/04.1-Combined-Rules/README.es.md
@@ -1,3 +1,8 @@
+---
+tutorial: "https://www.youtube.com/watch?v=NYlPhkmqgmU"
+---
+
+
 # `04.1` Combined Rules
 
 Los archivos CSS ocupan espacio en tu servidor y también tardan en descargarse (como todo); es otro documento de texto que el navegador debe descargar antes de mostrar la página, por lo que es importante mantener el documento CSS lo más pequeño posible.
diff --git a/exercises/04.1-Combined-Rules/README.md b/exercises/04.1-Combined-Rules/README.md
@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=VTOwd98T6FY"
+---
+
 # `04.1` Combined Rules
 
 CSS files take up space on your server and also take time to download (like everything); it is yet another text document that the browser has to download before rendering the page, which is why it's important to keep the CSS document as small as possible.
diff --git a/exercises/04.2-Apply-several-classes/README.es.md b/exercises/04.2-Apply-several-classes/README.es.md
@@ -1,3 +1,8 @@
+---
+tutorial: "https://www.youtube.com/watch?v=CaSytmRcVGM"
+---
+
+
 # `04.2` Apply several classes
 
 Hemos preparado una pequeña hoja de estilos CSS que contiene estilos CSS para replicar cartas de poker.
diff --git a/exercises/04.2-Apply-several-classes/README.md b/exercises/04.2-Apply-several-classes/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=da4tJDx48CY"
+tutorial: "https://www.youtube.com/watch?v=RISEpELEzEk"
 ---
 
 # `04.2` Apply several classes
diff --git a/exercises/04.3-id-Selector/README.es.md b/exercises/04.3-id-Selector/README.es.md
@@ -1,3 +1,8 @@
+---
+tutorial: "https://www.youtube.com/watch?v=tUpL6lUJItk"
+---
+
+
 # `04.3` The ID CSS Selector
 
 También puedes seleccionar un elemento por su `#id` y aplicarle estilos.
diff --git a/exercises/04.3-id-Selector/README.md b/exercises/04.3-id-Selector/README.md
@@ -1,5 +1,5 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=9906LCSQJ8M"
+tutorial: "https://www.youtube.com/watch?v=DtMVtGdStKw"
 ---
 
 # `04.3` The ID CSS Selector

-Original file line number
+Diff line change
@@ @@ -1,3 +1,7 @@ @@
 +---
 +tutorial: "https://www.youtube.com/watch?v=c5JeXOnI-Sg"
 +---
++
 # `00.1` Inline styles