Extracto de una clase en vivo donde vemos cómo hacer un paginador de datos tipo Scroll Infinito con la API IntersectionObserver de Javascript.
Cuando el usuario llega al final del scroll en un elemento, pedimos más datos al PHP, agregando los resultados a una lista.
Temas abarcados en esta clase:
00:00 Presentación
00:20 Maqueta del ejemplo (HTML/CSS)
02:42 Base de datos a consumir
03:22 PHP que pide los datos
10:31 Paginador de datos en PHP
12:34 Petición por fetch con JS
16:37 Detectar el scroll del usuario
23:11 Limpiando la petición anterior
24:32 Pausar la cola de peticiones
25:17 Enviar el número de página al PHP
28:39 Finalizar las peticiones
Podés descargarte el código del ejemplo finalizado en este link: bit.ly/3OcgMIt
Si tenés dudas (no solo de este video), podés evacuarlas en los comentarios o participar en las tutorías de programación en vivo, en bit.ly/PadawansTwitch
Buscame sino en tu red social preferida: bit.ly/Pada1sTrainer
4 авг 2024