Información sobre la tarea
La entrega será en formato ZIP con 2 vídeos en formato MP4. Leer Entrega y presentación de tareas.
Ejemplo de entrega si mi usuario es mruizg:
1
2
3
mruizg_t07.zip
├───mruizg_a01.mp4
└───mruizg_a04.mp4
La tarea se calificará con una nota de APTO (10) o NO APTO (0).
Duración actividades obligatorias: 10 horas.
RA7. Desarrolla aplicaciones web dinámicas, reconociendo y aplicando mecanismos de comunicación asíncrona entre cliente y servidor.
Actividades
Realiza las siguientes actividades:
Llamadas asíncronas
Existen muchas APIs públicas como son:
Si quieres utilizar una API diferente deberá ser aceptada por el profesor.
Desarrolla una web SPA que haga uso de peticiones AJAX con la que se puedan hacer consultas a una de las APIs anteriores. Las consultas deben ser personalizables por el usuario de manera interactiva. Por ejemplo a través de filtros o un buscador.
Prepara un vídeo
Prepara un vídeo del tiempo que consideres necesario (pero intenta que sea lo más breve posible) que cumpla con los siguientes requisitos:
- Las explicaciones que des deben ser CON TU VOZ.
- Explica brevemente que ventajas tiene utilizar mecanismos de comunicación asíncrona entre cliente y servidor web.
- Muestra el funcionamiento de la web. La web debe actualizarse de manera dinámica, es decir, sin necesidad de actualizar.
- Muestra y explica el código que consideres relevante de tu aplicación. No te dejes la llamada a la API y como transformas y muestras los datos en la interfaz web.
- Muestra y explica como has encadenado peticiones asíncronas. Si no has necesitado usarlas explica un caso donde necesitarías hacerlo y cómo lo harías.
- Indica en que navegadores has probado tu aplicación web.
(Voluntaria) Tutorial Vue
Conoce las principales características que proporciona Vue a través del tutorial oficial de Vue. He preparado el artículo Tutorial: Vue donde he traducido todo el tutorial con DeepL por si tienes dificultades con el inglés.
(Voluntaria) Lista de tareas con Vue
Haz una aplicación de tareas que cumpla con los siguientes requisitos funcionales:
- El usuario puede crear una tarea.
- El usuario puede borrar una tarea.
- El usuario puede editar una tarea.
- El usuario puede marcar una tarea como completada.
¿Qué es el CRUD?
CRUD es un acrónimo que representa las cuatro operaciones básicas que se pueden realizar sobre datos en una aplicación informática, especialmente en contextos de desarrollo web y gestión de bases de datos:
| Letra | Significado en inglés | Significado en español | Acción típica |
|---|---|---|---|
| C | Create | Crear | Añadir nuevos datos |
| R | Read | Leer | Consultar o visualizar datos |
| U | Update | Actualizar o modificar | Cambiar datos existentes |
| D | Delete | Eliminar | Borrar datos |
Por ejemplo, en una aplicación que gestiona usuarios, las acciones CRUD serían:
- Create: Registrar un nuevo usuario.
- Read: Ver la lista de usuarios o los datos de un usuario específico.
- Update: Cambiar el nombre o correo de un usuario.
- Delete: Borrar un usuario del sistema.
Migra a Vue
Migra la Actividad 1 que has desarrollado a Vue, o si lo prefieres, migra la aplicación que desarrollaste en la Tarea obligatoria: DOM.
Prepara un vídeo
Prepara un vídeo del tiempo que consideres necesario (pero intenta que sea lo más breve posible) que cumpla con los siguientes requisitos:
- Las explicaciones que des deben ser CON TU VOZ.
- Muestra el funcionamiento de la web.
- Muestra y explica el código que consideres más relevante.
- Explica que pasos has realizado para migrar todo a Vue.
- Explica que ventajas te ha aportado hacer uso del framework Vue.