Seguimiento de clases

Clases 2025

8

Comenzaremos viendo el ejemplo de Países: asincronismo mediante 1. llamadas a una API con axios, 2. debouncing en la UI para demorar las llamadas asincrónicas. Introducción a routing client-side rendering. Testeo end to end con Playwright. Diapositivas llamadas a un backend, debounce.

Luego pasaremos a explicar el componente de backend en base a lo que construimos en Algo2, para lo cual

veremos el primer ejemplo didáctico: Saludo con Spring Boot
Y luego estudiaremos las Tareas de un equipo de desarrollo.
Para la materia, tenés que armar el proyecto de backend utilizando como base este proyecto (seguí las instrucciones)
Te dejamos el link a la página de Spring Boot
Diapositivas de la clase
Videos de youtube: Intro a Springboot.

7

Jueves

Vamos a terminar de ver asincronismo en JS: Promise.all + await expect.toThrow de vitest.

Luego vamos a reforzar el taller de routing que darán el martes en la práctica con Routing: ejemplo básico que cuenta las letras de un input CSR (client-side rendering) vs. SSR (server-side rendering). Diapositivas SSR vs. CSR.

Martes

Vamos a ver el ejemplo de cursos , para demostrar cómo funciona lo básico de las rutas en SvelteKit.

6

Veremos asincronismo, concurrencia y paralelismo en la VM de JS:

Promises - Ejemplo electrodomésticos
Diapositivas de Promises
Videos de youtube: Asincronismo en JS / Promises.
BONUS: Yendo del yield al async/await. Video: Asincronismo en JS - Parte II: del yield al async/await.

5

Terminaremos el ejemplo del Carrito de compras con el testeo de stubs sobre una fecha.
Apuestas de una ruleta: combos combinados para apostar a pleno o docena, manejo de validaciones de un formulario, objetos de dominio complejos. Testeo unitario de frontend. Diapositivas: formularios, validaciones, testeos con spies.

4

Comenzaremos repasando los conceptos de binding con el ejemplo Twitter: runas $state y $derived. Testeo unitario de frontend.

Luego veremos cómo implementar tests de frontend. Diapositivas tests de frontend.

Y por último trabajaremos en el Carrito de compras: runas $state, $derived, $bindable (manejo de eventos entre componentes), $props. Definición de componentes propios en Svelte. Testeo unitario de frontend. Diapositivas componentes + runas $props y $bindable.