Aprende lo básico de HTML Interactivamente

Aprenderás los siguientes conceptos:

1. Familiarizarte con la mayoría de las etiquetas HTML más populares.

2. Usar varias etiquetas juntas para crear un sitio web HTML simple.

3. Vinculación de sitios web mediante enlaces (anchors) con rutas relativas o absolutas.

4. La etiqueta HTML de audio y video.

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

1$ npm i learnpack -g
2$ learnpack plugins:install learnpack-html

1. Descarga estos ejercicios en particular usando learnpack y luego cd para entrar en la carpeta:

1$ learnpack download html-tutorial-exercises-course
2$ cd html-tutorial-exercises-course

Nota: Una vez que termines de descargar, encontrarás una carpeta "exercises" que contiene todos los ejercicios.

1. Inicializa el tutorial/ejercicios ejecutando el siguiente comando en el mismo nivel donde se encuentra tu archivo learn.json:

1$ npm i jest@24.8.0 -g
2$ learnpack start

Nota: Estos ejercicios tienen calificación automática. Los tests son muy rígidos y estrictos, mi recomendación es que no prestes demasiada atención a los tests y los uses solo como una sugerencia o podrías 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!