Los formularios son tan importantes en el mundo de HTML, CSS y Javascript que decidí dedicarles un tutorial especial para enfocarme en todas las entradas/inputs, botones y elementos que HTML trae por defecto para centrarme en la interacción. En estos ejercicios aprenderás:
-
Uso de entradas/inputs de texto, text areas, entradas/inputs de fecha y entradas/inputs numéricas.
-
Uso de dropdowns.
-
Formar validaciones preventivas.
-
GET vs POST.
-
Diseñar un formulario.
- 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- Descarga estos ejercicios en particular usando learnpack y luego
cdpara entrar en la carpeta:
$ learnpack download html-forms-tutorial-exercises
$ cd html-forms-tutorial-exercisesNota: Una vez que termines de descargar, encontrarás una carpeta "exercises" que contiene todos los ejercicios.
- Inicializa el tutorial/ejercicios ejecutando el siguiente comando en el mismo nivel donde se encuentra tu archivo bc.json:
$ npm i [email protected] -g
$ learnpack startNota: 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.
Cada ejercicio es una pequeña aplicación de react que contiene los siguientes archivos:
- index.js: representa el archivo de entrada para toda la aplicación.
- README.md: contiene las instrucciones de los ejercicios.
- test.js: no tienes que abrir este archivo, contiene el script del test para el ejercicio.
Gracias a estas personas maravillosas (emoji key):
- Alejandro Sanchez (alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (build-tests)
⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖
Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!