README.es.md

Tutorial de Ejercicios de HTML5 de 4Geeks Academy

Por @alesanchezr y otros colaboradores at 4Geeks Academy

¡Selección completa de ejercicios html autograduados para cualquier persona interesada en aprender HTML!

¡Hola! Soy Alejandro Sanchez @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

1. Aprende HTML← Estás aquí
2. Aprende CSS
3. Aprende Bootstrap

Instalación en un clic

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:

$ npm i jest@24.8.0 -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.

¿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):

1. Alejandro Sanchez (alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖

2. David Hay (haydavid23), contribución: (tests) ⚠️

3. Daniel Machota (@d4rkm0nst3r), contribución: (build-tutorial) ✅, Traducción 🌍

Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!