Skip to content

Commit 32342fa

Browse files
committed
https://github.com/learnpack/learnpack/issues/811
1 parent cdc26d5 commit 32342fa

File tree

3 files changed

+91
-3
lines changed

3 files changed

+91
-3
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
!bc.json
88
!learn.json
99
!README.md
10+
!README.es.md
1011

1112
!/exercises
1213
!/exercises/*

README.es.md

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
# Tutorial de Ejercicios de HTML5 de 4Geeks Academy
2+
3+
<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>
4+
5+
6+
7+
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/)
8+
9+
<p>
10+
<img alt="last commit" src="https://img.shields.io/github/last-commit/4geeksacademy/javascript-arrays-exercises-tutorial" class="text-center" />
11+
<img alt="last commit" src="https://img.shields.io/badge/build_by-Developers-blue" class="text-center" />
12+
<img alt="last commit" src="https://img.shields.io/twitter/follow/4geeksacademy?style=social&logo=twitter" class="text-center" />
13+
</p>
14+
15+
¡Selección completa de ejercicios html autograduados para cualquier persona interesada en aprender HTML!
16+
17+
18+
¡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.
19+
20+
### Aprenderás los siguientes conceptos:
21+
22+
1. a familiarizarte con la mayoría de las etiquetas HTML más populares.
23+
2. a usar las etiquetas/tags juntas para crear un sitio web HTML simple.
24+
3. Vinculación de sitios web mediante anclajes/anchors con rutas relativas o absolutas.
25+
4. La etiqueta HTML de audio y video.
26+
27+
#### Antes de empezar... otros tutoriales relacionados
28+
29+
<ol>
30+
<li><a href="https://github.com/4GeeksAcademy/html-tutorial-exercises-course">Aprende HTML</a>← Estás aquí</li>
31+
<li><a href="https://github.com/4GeeksAcademy/css-tutorial-exercises-course">Aprende CSS</a></li>
32+
<li><a href="https://github.com/4GeeksAcademy/bootstrap-exercises-tutorial">Aprende Bootstrap</a></li>
33+
</ol>
34+
35+
## Instalación en un clic
36+
37+
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/4GeeksAcademy/html-tutorial-exercises-course.git)
38+
39+
## Instalación manual
40+
41+
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 12+:
42+
43+
```
44+
$ npm i learnpack -g
45+
$ learnpack plugins:install learnpack-html
46+
```
47+
48+
2. Descarga estos ejercicios en particular usando learnpack y luego `cd` para entrar en la carpeta:
49+
50+
```
51+
$ learnpack download html-tutorial-exercises-course
52+
$ cd html-tutorial-exercises-course
53+
```
54+
55+
Nota: Una vez que termines de descargar, encontrarás una carpeta "exercises" que contiene todos los ejercicios.
56+
57+
3. Inicializa el tutorial/ejercicios ejecutando el siguiente comando en el mismo nivel donde se encuentra tu archivo bc.json:
58+
59+
```sh
60+
61+
$ learnpack start
62+
```
63+
64+
Nota: Estos ejercicios son autograduados. Los tests son muy rígidos y estrictos, mi recomendación es que ignores los tests y usarlas solo como una recomendación o puedes frustrarte.
65+
66+
<p align="center">
67+
<img src="https://raw.githubusercontent.com/4GeeksAcademy/react-exercises/master/preview.gif">
68+
</p>
69+
70+
## ¿Cómo están organizados los ejercicios?
71+
72+
Cada ejercicio es una pequeña aplicación de react que contiene los siguientes archivos:
73+
74+
1. **index.js:** representa el archivo de entrada para toda la aplicación.
75+
2. **README.md:** contiene las instrucciones de los ejercicios.
76+
3. **test.js:** no tienes que abrir este archivo, contiene el script del test para el ejercicio.
77+
78+
## Colaboradores
79+
80+
Gracias a estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
81+
82+
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖
83+
2. [David Hay (haydavid23)](https://github.com/haydavid23), contribución: (tests) ⚠️
84+
3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribución: (build-tutorial) ✅, Traducción 🌍
85+
86+
Este proyecto sigue la especificación [all-contributors](https://github.com/kentcdodds/all-contributors). ¡Todas las contribuciones son bienvenidas!

README.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,14 +21,15 @@ Hi! I'm [Alejandro Sanchez @alesanchezr](https://github.com/alesanchezr), really
2121
3. Linking websites together using Anchors with Relative or Absolute paths.
2222
4. The HTML audio and video tag.
2323

24-
<h4>Before we start... other related tutorials</h4>
24+
#### Before we start... other related tutorials
25+
2526
<ol>
2627
<li><a href="https://github.com/4GeeksAcademy/html-tutorial-exercises-course">Learn HTML</a>← your are here now</li>
2728
<li><a href="https://github.com/4GeeksAcademy/css-tutorial-exercises-course">Learn CSS</a></li>
2829
<li><a href="https://github.com/4GeeksAcademy/bootstrap-exercises-tutorial">Learn Bootstrap</a></li>
2930
</ol>
3031

31-
<h2>One-click installation</h2>
32+
## One-click installation
3233

3334
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/4GeeksAcademy/html-tutorial-exercises-course.git)
3435

@@ -57,7 +58,7 @@ $ npm i [email protected] -g
5758
$ learnpack start
5859
```
5960

60-
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.
61+
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.
6162

6263
<p align="center">
6364
<img src="https://raw.githubusercontent.com/4GeeksAcademy/react-exercises/master/preview.gif">

0 commit comments

Comments
 (0)