Skip to content

L7: Practica 2_3

Juan Gonzalez-Gomez edited this page Feb 14, 2022 · 2 revisions

Sesión Laboratorio 7: Práctica 2-3

  • Tiempo: 2h
  • Fecha:
  • Objetivos de la sesión:
    • Practicar con peticiones AJAX
    • Implementar la caja de búsqueda en tu tienda

Contenido

Introducción

En esta sesión añadiremos la caja de búsqueda con autocompletado a nuestra tienda: Cada vez que tecleamos algo en esta cája de búsqueda deberán aparecer sugerencias con los diferentes productos cuyo nombre empiece por la cadena introducida. Esta implementación se hace mediate peticiones AJAX

¡A practicar!

Te propongo las siguientes actividades:

Ejercicio 1: Practicas con peticiones AJAX

Haz los ejemplos del 1 al 5 de la Sesión 7: Peticiones AJAX. Súbelos a la carpeta P2/S7 de tu repositorio. Estudia y asimila estos ejemplos. Te permitirán entender cómo funcionan las peticiones AJAX y distinguir bien todos los actores implicados en ello

Ejercicio 2: Implementa la caja de búsqueda en tu tienda

Estudia a fondo el Ejemplo 5 de la Sesión 7 e integralo en tu tienda. Lee las especificaciones de la práctica y asegúrate que cumples lo que se indica ahí (no puedes implementar cualquier cosa. Debes cumplir especificaciones)

Ejercicio 3: Termina tu tienda

Con todo lo que llevamos hasta ahora ya puedes terminar una primera versión de tu tienda. Mi sugerencia es que primero cumplas con los requisitos pedidos, aunque la tienda sea "fea". Céntrate primero en el back-end. Cuando ya te funcione bien y tengas claros todos los mecanismos que hay implicados, ya puedes introducir mejoras y hacer un front-end más bonito. No te olvides de indicar en la documentación en la wiki qué mejoras has introducido

Resumen de tareas a realizar

  • Ejemplos 1-5 de la Sesión 7: Peticiones AJAX. Súbelos a la carpeta P2/S7
  • Implementa la caja de búsqueda en tu tienda
  • Termina la primera versión de tu tienda. Céntrate en el back-end

Conclusiones

Tras finalizar la práctica P2-3, deberías saber lo siguiente:

  • Realizar peticiones AJAX al servidor
  • Tener una idea general de los mecanismos más importantes que hay involucrados en una aplicación web

Autores

Licencia

Enlaces

TEORIA

Soluciones

LABORATORIO

Prácticas y sesiones de laboratorio

Práctica 0: Herramientas

Práctica 1: Node.js: Tienda Básica

Práctica 2: Interacción cliente-servidor. Tienda mejorada

Práctica 3: Websockets: Chat

Practica 4: Electron: Home Chat

  • L11: Home chat (26-Abril-2022)
  • L12: Laboratorio puro. NO hay contenido nuevo (9-Mayo-2022)
  • L13: Laboratorio/Tutorias. No hay contenido nuevo (10-Mayo-2022)

EXAMENES

Curso 2020-2021

Clone this wiki locally