Merge pull request 4GeeksAcademy#132 from Charlytoc/master

Updated with new version

Author: alesanchezr

.devcontainer/devcontainer.json

@@ -22,7 +22,7 @@
 // Use 'forwardPorts' to make a list of ports inside the container available locally.
 // "forwardPorts": [],
 
-"onCreateCommand": "npm i jest@24.8.0 -g && npm i @learnpack/learnpack@2.1.26 -g && learnpack plugins:install learnpack-html@0.0.20"
+"onCreateCommand": "npm i jest@24.8.0 -g && npm i @learnpack/learnpack@2.1.35 -g && learnpack plugins:install learnpack-html@0.0.20"
 
 // Use 'postCreateCommand' to run commands after the container is created.
 // "postCreateCommand": "yarn install",

README.es.md

@@ -88,11 +88,11 @@ Cada ejercicio es una pequeña aplicación de React que contiene los siguientes
 
 Gracias a estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
 
-1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖
+1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (run-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖
 
 2. [David Hay (haydavid23)](https://github.com/haydavid23), contribución: (tests) ⚠️
 
-3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribución: (build-tutorial) ✅, Traducción 🌍
+3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribución: (run-tutorial) ✅, Traducción 🌍
 
 Este proyecto sigue la especificación [all-contributors](https://github.com/kentcdodds/all-contributors). ¡Todas las contribuciones son bienvenidas!
 

README.md

@@ -90,11 +90,11 @@ Each exercise is a small React application containing the following files:
 
 Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
 
-1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 👀 (build-tutorial) ✅ (documentation) 📖
+1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) 💻 (idea) 🤔, (run-tests) ⚠️ , (pull-request-review) 👀 (run-tutorial) ✅ (documentation) 📖
 
 2. [Paolo (plucodev)](https://github.com/plucodev), contribution: (bug reports) 🐛, contribution: (coder), (translation) 🌎
 
-3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribution: (build-tutorial) ✅, Translation 🌍
+3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribution: (run-tutorial) ✅, Translation 🌍
 
 <!-- hide -->
 This and many other exercises are built by students as part of the 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) by [Alejandro Sánchez](https://twitter.com/alesanchezr) and many other contributors. Find out more about our [Full Stack Developer Course](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer), and [Data Science Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning).

exercises/00-Welcome/README.es.md

@@ -1,5 +1,5 @@
 ---
-intro: "https://www.youtube.com/watch?v=BDKdUPDez-U"
+intro: "https://www.youtube.com/watch?v=mZPmxx18kXo"
 ---
 
 # ¡¡Bienvenido a los ejercicios de CSS!!
@@ -27,8 +27,8 @@ Como te habrás dado cuenta, HTML solo te permite crear sitios web básicos. Nad
 
 Muchas gracias a estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
 
-1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (programador) :computer: (idea) 🤔, (build-tests) :warning:, (pull-request-review) :eyes: (build-tutorial) :white_check_mark: (documentation) :book:
-1. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribución: (programador), (build-tests) :warning:
+1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (programador) :computer: (idea) 🤔, (run-tests) :warning:, (pull-request-review) :eyes: (run-tutorial) :white_check_mark: (documentation) :book:
+1. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribución: (programador), (run-tests) :warning:
 
 Este proyecto sigue las especificaciones
 [all-contributors](https://github.com/kentcdodds/all-contributors)

exercises/00-Welcome/README.md

@@ -1,5 +1,5 @@
 ---
-intro: "https://www.youtube.com/watch?v=BDKdUPDez-U"
+intro: "https://www.youtube.com/watch?v=AuXnQHKhjxw"
 ---
 
 # Welcome to CSS Exercises!!
@@ -26,8 +26,9 @@ As you may have noticed, HTML allows you to create only basic websites. Nobody w
 
 Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
 
-1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) :computer: (idea) 🤔, (build-tests) :warning:, (pull-request-review) :eyes: (build-tutorial) :white_check_mark: (documentation) :book:
-2. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribution: (coder), (build-tests) :warning:
+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)

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

@@ -1,4 +1,8 @@
-# `03` Inline Styles
+---
+tutorial: "https://www.youtube.com/watch?v=c5JeXOnI-Sg"
+---
+
+# `00.1` Inline styles
 
 
 CSS trata sobre agregar estilos (styles) y diseños a tus etiquetas y elementos HTML.

exercises/00.1-Inline-Styles/README.md

@@ -1,7 +1,7 @@
 ---
-tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
+tutorial: "https://www.youtube.com/watch?v=h9WPp8gPMS8"
 ---
-# `01` Hello World in CSS
+# `00.1` Inline styles
 
 CSS is about adding styles to our HTML elements. 
 
@@ -23,15 +23,11 @@ To apply styles you always have to follow thеse steps:
 That is it! The rest is just semantics! 😁
 
 
-## 📝 Instructions
+## 📝 Instructions:
 
-1. Within the `index.html` file, create the basic structure of an html page with the appropriate `<html>`, `<head>` and `<body>` tags.
-2. Inside of the body of the page, create an `<h1>` tag that reads "HELLO WORLD!!!".
-1. Set an inline style to change the text color of the tag to `color: orangered` and give it a solid red border of 1px. 
+1. Set an inline style to change the background color of the table to green (green). For this exercise, DO NOT use the styles.css :(
 
 
 ### 💡 Hint:
-
+- How to use background-color: https://www.w3schools.com/cssref/pr_background-color.php
 - A convenient way to import the basic html structure of your web page is to just type an exclamation mark `!` and select the emmet option that will pop up in VSCode. 
-- Read how to apply borders here: https://www.w3schools.com/css/css_border_shorthand.asp
-- For this exercise, do NOT use `styles.css` file or `<style>` tag.

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

@@ -1,5 +1,7 @@
-
-# `01` Hello World in CSS
+---
+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:
 

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
 

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.