Skip to content

Commit 41bf61f

Browse files
CharlytocCharlytoc
committed
Add videos
1 parent e6c5be0 commit 41bf61f

File tree

25 files changed

+72
-12
lines changed

25 files changed

+72
-12
lines changed

‎exercises/00-Welcome/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds
2828

2929
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:
3030
2. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribution: (coder), (run-tests) :warning:
31+
3. [Charly Chacon (charlytoc)](https://github.com/charlytoc), contribution: (tutorials, corrections), 🤖
3132

3233
This project follows the
3334
[all-contributors](https://github.com/kentcdodds/all-contributors)

‎exercises/00.1-Inline-Styles/README.es.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=c5JeXOnI-Sg"
3+
---
4+
15
# `00.1` Inline styles
26

37

‎exercises/00.1-Inline-Styles/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
2+
tutorial: "https://www.youtube.com/watch?v=h9WPp8gPMS8"
33
---
44
# `00.1` Inline styles
55

‎exercises/01-Style-tag/README.es.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=9WrVN0rOg_k"
3+
---
24
# `01` Style tag in CSS
35

46
Otra manera que existe de aplicar estilos es utilizar una etiqueta `<style>` en lugar de la propiedad `style`, siempre debes seguir estos pasos:

‎exercises/01-Style-tag/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
2+
tutorial: "https://www.youtube.com/watch?v=iDwXZoQR8EM"
33
---
44
# `01` Style tag in CSS
55

‎exercises/01.1-Add-a-style-tag/README.es.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=rX-0KNBCxrY"
3+
---
24
# `01.1` The Style Tag
35

46
Veamos otro ejemplo pero esta vez agregando la etiqueta `<style>` nosotros mismos.

‎exercises/01.1-Add-a-style-tag/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=C5sOchuD2d4"
2+
tutorial: "https://www.youtube.com/watch?v=K1SrZxiiM6I"
33
---
44

55
# `01.1` The Style Tag

‎exercises/01.2-RGBA-colors/README.es.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=8RntHMOAFqI"
3+
---
4+
15
# `01.2` Your First Style
26

37
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:

‎exercises/01.2-RGBA-colors/README.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=TqmY9GLTwQ0"
3+
---
24
# `01.2` Your First Style
35

46
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:

‎exercises/01.3-Your-Second-Style/README.es.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=vTS0D_QrbH8"
3+
---
4+
15
# `01.3` Your Second Style
26

37
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:

‎exercises/01.3-Your-Second-Style/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=W0CAqLIAoZI"
2+
tutorial: "https://www.youtube.com/watch?v=ituoKgAh6ds"
33
---
44

55
# `01.3` Your Second Style

‎exercises/02-Separate-Stylesheet/README.es.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=MmnkVGINtbs"
3+
---
4+
15
# `02` Separate Stylesheet
26

37
Si usas la etiqueta html `<link>`, puedes tener tus estilos en un archivo separado que normalmente se llama `styles.css`.

‎exercises/02-Separate-Stylesheet/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=T0anCc5fvSg"
2+
tutorial: "https://www.youtube.com/watch?v=jAfXzx88i-4"
33
---
44

55
# `02` Separate Stylesheet

‎exercises/02.1-Background/README.es.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=a1ACEu996z4"
3+
---
4+
15
# `02.1` Background
26

37
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`.

‎exercises/02.1-Background/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=MJI0-sFmTe8"
2+
tutorial: "https://www.youtube.com/watch?v=fQh2OulBSp8"
33
---
44

55
# `02.1` Background

‎exercises/03-list-styling/README.es.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=qcx31wUVmqI"
3+
---
4+
15
# `03` Estilo de listas
26

37
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.

‎exercises/03-list-styling/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=i7UegJUGnRs"
3+
---
4+
15
# `03` List styling
26

37
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.

‎exercises/04-Class-Selector/README.es.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=0I_xSAQ3vNs"
3+
---
4+
5+
6+
17
# `04` Class Selector
28

39
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`:

‎exercises/04-Class-Selector/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=RffCSMXgWFc"
2+
tutorial: "https://www.youtube.com/watch?v=moLgdg7x84U"
33
---
44

55
# `04` Class Selector

‎exercises/04.1-Combined-Rules/README.es.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=NYlPhkmqgmU"
3+
---
4+
5+
16
# `04.1` Combined Rules
27

38
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.

‎exercises/04.1-Combined-Rules/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=VTOwd98T6FY"
3+
---
4+
15
# `04.1` Combined Rules
26

37
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.

‎exercises/04.2-Apply-several-classes/README.es.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=CaSytmRcVGM"
3+
---
4+
5+
16
# `04.2` Apply several classes
27

38
Hemos preparado una pequeña hoja de estilos CSS que contiene estilos CSS para replicar cartas de poker.

‎exercises/04.2-Apply-several-classes/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=da4tJDx48CY"
2+
tutorial: "https://www.youtube.com/watch?v=RISEpELEzEk"
33
---
44

55
# `04.2` Apply several classes

‎exercises/04.3-id-Selector/README.es.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=tUpL6lUJItk"
3+
---
4+
5+
16
# `04.3` The ID CSS Selector
27

38
También puedes seleccionar un elemento por su `#id` y aplicarle estilos.

‎exercises/04.3-id-Selector/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=9906LCSQJ8M"
2+
tutorial: "https://www.youtube.com/watch?v=DtMVtGdStKw"
33
---
44

55
# `04.3` The ID CSS Selector

0 commit comments

Comments
 (0)