Skip to content

Latest commit

 

History

History
97 lines (59 loc) · 4.95 KB

README.es.md

File metadata and controls

97 lines (59 loc) · 4.95 KB
Raw

Tutorial de Ejercicios de HTML5 de 4Geeks Academy

Por @alesanchezr y otros colaboradores de 4Geeks Academy

last commit last commit last commit

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

¡Hola! Soy Alejandro Sanchez (Github: @alesanchezr), ¡muy emocionado de tenerte aquí! 🎉 😂 Aprender a programar es difícil, ¡necesitas entrenamiento! Envíame un mensaje privado en Twitter si tienes alguna pregunta.

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.

Antes de empezar... otros tutoriales relacionados

  1. Aprende HTML← 🔥 Estás aquí
  2. Aprende Formularios HTML5
  3. Aprende CSS
  4. Aprende CSS Layouts
  5. Aprende Bootstrap

Instalación en un clic (recomendado)

Puedes empezar estos ejercicios en pocos segundos haciendo clic en: Abrir en Codespaces (recomendado) o Abrir en Gitpod.

Una vez ya tengas abirto VSCode los ejercicios de LearnPack deberían empezar automáticamente, si esto no sucede puedes intentar empezar los ejercicios escribiendo este comando en tu terminal: $ learnpack start

Instalación manual

Clona el repositorio en tu ambiente local y sigue los siguientes pasos:

  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/learnpack -g
  1. Descarga estos ejercicios en particular y luego cd para entrar en la carpeta:
$ git clone https://github.com/4GeeksAcademy/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.

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

Para más detalles sobre instalación o cualquier otra cosa puedes referirte a la documentacion de LearnPack.

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!