Merge pull request #53 from ElviraQDP/readme.es

Readme.es

Author: tommygonzaleza

.gitignore

@@ -7,6 +7,7 @@
 !bc.json
 !learn.json
 !README.md
+!README.es.md
 
 !/exercises
 !/exercises/*

README.es.md

@@ -0,0 +1,91 @@
+# Tutorial de Ejercicios de HTML5 de 4Geeks Academy
+
+<a href="https://www.4geeksacademy.co"><img height="280" align="right" src="https://github.com/learnpack/html-tutorial-exercises-course/blob/master/HTML-badge.png"></a>
+
+      
+      
+Por [@alesanchezr](https://twitter.com/alesanchezr) y [otros colaboradores](https://github.com/4GeeksAcadem/html-tutorial-exercises-course/graphs/contributors) at [4Geeks Academy](https://4geeksacademy.co/)
+
+<p>
+<img alt="last commit" src="https://img.shields.io/github/last-commit/4geeksacademy/javascript-arrays-exercises-tutorial" class="text-center" />
+<img alt="last commit" src="https://img.shields.io/badge/build_by-Developers-blue" class="text-center" />
+<img alt="last commit" src="https://img.shields.io/twitter/follow/4geeksacademy?style=social&logo=twitter" class="text-center" />
+</p>
+
+¡Selección completa de ejercicios html autograduados para cualquier persona interesada en aprender HTML!
+
+
+¡Hola! Soy [Alejandro Sanchez @alesanchezr](https://github.com/alesanchezr), ¡muy emocionado de tenerte aquí! 🎉 😂 Aprender a codificar es difícil, ¡necesitas entrenamiento! [Envíame un mensaje privado en Twitter] (https://twitter.com/alesanchezr) si tienes alguna pregunta. 
+
+### Aprenderás los siguientes conceptos:
+ 
+1. a familiarizarte con la mayoría de las etiquetas HTML más populares.
+
+2. a usar las etiquetas/tags juntas para crear un sitio web HTML simple.
+
+3. Vinculación de sitios web mediante anclajes/anchors con rutas relativas o absolutas.
+
+4. La etiqueta HTML de audio y video.
+
+#### Antes de empezar... otros tutoriales relacionados
+
+<ol>
+  <li><a href="https://github.com/4GeeksAcademy/html-tutorial-exercises-course">Aprende HTML</a>← Estás aquí</li>
+  <li><a href="https://github.com/4GeeksAcademy/css-tutorial-exercises-course">Aprende CSS</a></li>
+  <li><a href="https://github.com/4GeeksAcademy/bootstrap-exercises-tutorial">Aprende Bootstrap</a></li>
+</ol>
+
+## Instalación en un clic
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/4GeeksAcademy/html-tutorial-exercises-course.git)
+
+## Instalación manual
+
+1. Instala learnpack, el package manager para tutoriales de aprendizaje y el html compiler plugin para learnpack, asegúrate también de tener node.js 14+:
+
+```
+$ npm i learnpack -g
+$ learnpack plugins:install learnpack-html
+```
+
+2. Descarga estos ejercicios en particular usando learnpack y luego `cd` para entrar en la carpeta:
+
+```
+$ learnpack download html-tutorial-exercises-course
+$ cd html-tutorial-exercises-course
+```
+
+Nota: Una vez que termines de descargar, encontrarás una carpeta "exercises" que contiene todos los ejercicios.
+
+3. Inicializa el tutorial/ejercicios ejecutando el siguiente comando en el mismo nivel donde se encuentra tu archivo bc.json:
+
+```sh
+$ npm i [email protected] -g
+$ learnpack start
+```
+
+Nota: Estos ejercicios tienen calificación automática. Los tests son muy rígidos y estrictos, mi recomendación es que ignores los tests y los uses solo como una recomendación o puedes frustrarte.
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/4GeeksAcademy/react-exercises/master/preview.gif">
+</p>
+
+## ¿Cómo están organizados los ejercicios?
+
+Cada ejercicio es una pequeña aplicación de react que contiene los siguientes archivos:
+
+1. **index.js:** representa el archivo de entrada para toda la aplicación.
+2. **README.md:** contiene las instrucciones de los ejercicios.
+3. **test.js:** no tienes que abrir este archivo, contiene el script del test para el ejercicio.
+
+## Colaboradores
+
+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) 📖
+
+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 🌍
+
+Este proyecto sigue la especificación [all-contributors](https://github.com/kentcdodds/all-contributors). ¡Todas las contribuciones son bienvenidas!

README.md

@@ -16,12 +16,15 @@ Hi! I'm [Alejandro Sanchez @alesanchezr](https://github.com/alesanchezr), really
 <!-- endhide -->
 
 1. Get familiar with most of the most popular HTML Tags.
+
 2. Using the tags together to create a simple HTML Website.
+
 3. Linking websites together using Anchors with Relative or Absolute paths.
+
 4. The HTML audio and video tag.
 
-<!-- hide -->
-<h4>Before we start... other related tutorials</h4>
+#### Before we start... other related tutorials
+
 <ol>
   <li><a href="https://github.com/4GeeksAcademy/html-tutorial-exercises-course">Learn HTML</a>← your are here now</li>
   <li><a href="https://github.com/4GeeksAcademy/css-tutorial-exercises-course">Learn CSS</a></li>
@@ -39,7 +42,7 @@ This exercises are configured to [easily open in gitpod by clicking here](https:
 
 ### B) Manual installation
 
-1. Install learnpack, the package manager for learning tutorials and the html compiler plugin for learnpack, make sure you also have node.js 12+:
+1. Install learnpack, the package manager for learning tutorials and the html compiler plugin for learnpack, make sure you also have node.js 14+:
 
 ```
 $ npm i learnpack -g
@@ -62,7 +65,7 @@ $ npm i [email protected] -g
 $ learnpack start
 ```
 
-Node: The xercises have automatic grading but its very rigid and string, my recomendation is to ignore the tests and use them only as a recomendation or you can get frustrated.
+Note: The exercises have automatic grading but its very rigid and string, my recomendation is to ignore the tests and use them only as a recomendation or you can get frustrated.
 
 <p align="center">
   <img src="https://raw.githubusercontent.com/4GeeksAcademy/react-exercises/master/preview.gif">
@@ -80,8 +83,10 @@ 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) :computer: (idea) 🤔, (build-tests) :warning:, (pull-request-review) :eyes: (build-tutorial) :white_check_mark: (documentation) :book:
+1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) :computer: (idea) 🤔, (build-tests) :warning:, (pull-request-review) :eyes: (build-tutorial) ✅ (documentation) 📖
+
 2. [David Hay (haydavid23)](https://github.com/haydavid23), contribution: (test) ⚠️
+
 3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribution: (build-tutorial) ✅, Translation 🌍
 
 This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind are welcome!

exercises/08-relative-vs-absolute-path/README.es.md

@@ -43,4 +43,4 @@ Si usas **rutas relativas** , tienes que asumir que la parte inicial de la ruta
 
 + Si construyes (`build`) el ejercicio, abre el sitio web y haz un clic derecho en la imagen, el menú contextual mostrará una opción 'Copiar dirección de imagen' que copiará tu URL absoluta en tu portapapeles.
 
-+ Aquí hay un video que explica [la diferencia entre rutas relativas y absolutas](https://www.youtube.com/watch?v=ephId3mYu9o)
++ Aquí hay un video que explica la diferencia entre rutas relativas y absolutas [https://www.youtube.com/watch?v=ephId3mYu9o](https://www.youtube.com/watch?v=ephId3mYu9o)

exercises/08-relative-vs-absolute-path/README.md

@@ -44,4 +44,4 @@ If you use **relative paths**, you have to assume that the initial part of the p
 
 + If you build the exercise, open the website, and right click on the image, the context menu will show an option 'Copy Image Address' that will copy it's absolute URL into your clipboard.
 
-+ Here is a video explaining [the difference between relative and absolute paths](https://www.youtube.com/watch?v=ephId3mYu9o)
++ Here is a video explaining the difference between relative and absolute paths [https://www.youtube.com/watch?v=ephId3mYu9o](https://www.youtube.com/watch?v=ephId3mYu9o)