Guía 08

Guía 08

DAWM / Proyecto02

Actividades previas

Actividades en clases

Firebase - Realtime Database

  1. Siga el tutorial de Firebase - Realtime Database para crear una colección de datos para su proyecto, en modo de prueba.
    • Compruebe el acceso a la colección de datos mediante el patrón de URL:
     https://<nombre-del-proyecto>.firebaseio.com/<nombre-de-la-coleccion>.json

Fetch - POST

  1. Coloque identificadores únicos al formulrio y a los elementos del formulario, p.e.:

     <form id="formulario" ... >
     ...
     <input id="form_name" type="text" ... >
     ...
     <select id="form_products"> ... </select>
     ...
 </form>

  2. Detenga el comportamiento predeterminado del formulario al evento submit, p.e.:

     ...
     myform.addEventListener('submit', (eventSubmit) => {
			
         eventSubmit.preventDefault() 
         ...
     })
 ...

  3. Verifique la existencia de contenido válido en los elementos del formulario.

     ...
     myform.addEventListener('submit', (eventSubmit) => {

             eventSubmit.preventDefault()

             if (form_name.value.length == 0) {
                 alert("Nombre requerido")
                 form_name.focus()
                 return;
             }

             ...

     })
 ...
  4. Utilice las instrucciones de Gemini para realizar un requerimiento asíncrono HTTP - POST, de los datos de un formulario, mediante fetch.
  5. (STOP 1) Compruebe el resultado en el navegador.
  6. Acceda al URL de la colección de firebase para comprobar el resultado.

Documentación

Fundamental

Sincronía

Asincronía

Términos

fetch, sincronía, asíncrona, firebase, json, xml, HTTP - GET

Referencias