2026

Clases 2026

Para mirar antes de la clase podés estudiar el primer ejemplo didáctico: Saludo con Spring Boot.
La clase se centrará en las diapositivas de la clase de Springboot y en el ejemplo Tareas de un equipo de desarrollo.
Videos de youtube: Intro a Springboot.

- Repasaremos cómo es trabajar en React con el segundo ejemplo. Conversor: el tradicional conversor de millas a kilómetros: explica el ciclo de vida, mutación de estado y posterior render.
- Input disabled: composición de componentes (props children, slot). Diapositivas: Formulario dinámico, render condicional, children.
- Y por último veremos Pedidos de helados, que permite ver cómo invocar a un pedido asincrónico, relacionado con el ciclo de vida de un componente React. Diapositivas - useRef/useEffect.
- Videos de youtube: Diseño de componentes en React.

Primero vamos a ofrecer la chance de tener preguntas y respuestas de Pelela.

Luego comenzaremos a conocer React (en el link encontrarás las herramientas que tenés que instalar),

- primero conceptualmente con una intro teórica, y luego con ejemplos:
- Hola-mundo: el primer ejemplo en React, contiene dos componentes, la diferencia entre state y props, el manejo de eventos simple. El plugin React Developer Tools nos va a servir para ayudarnos a entender los cambios.
- Luego veremos el testeo unitario de componentes con React Testing Library, la diferencia entre state y props, el manejo de eventos simple. El plugin Reactime nos va a servir para ayudarnos a entender los cambios.
- Videos de youtube: Introducción a React. Tests de frontend en React.

Primero pasaremos el ejemplo de los electrodomésticos al formato async/await.

Luego veremos cómo funciona el mecanismo de routing de Pelela, para que puedas armar tus rutas en el TP.

El ejemplo Carrito de compras tiene el routing definido, pero estaremos viendo el ejemplo de Rick & Morty donde veremos para qué nos puede servir el método initialize
Diapositivas: Routing | Método initialize | Manejo de errores
Video: Routing | Método initialize | y te dejamos el de Manejo de errores

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

El jueves estaremos

repasando el ejemplo de la Ruleta, donde además veremos cómo es el testing que tienen que hacer en Pelela
Carrito de compras: integración entre un componente contador y un carrito de compras. Conceptos: link-, prop-, const-, for-each. Link a las diapositivas.
Videos: Componentes | Testing | Errores de desarrollo (troubleshooting)

El jueves estaremos presentando este contenido

haciendo un repaso del binding con el ejemplo Cuadrados, que presenta el trabajo con for-each
y viendo un ejemplo de un formulario de apuestas de Ruleta virtual, para presentar el manejo de formularios, el manejo de errores y los componentes
Videos: Renderizado condicional (if) | For-each | Componentes

El jueves veremos:

Una intro a PelelaJS, nuestro primer acercamiento a la programación web
Ejemplos asociados:
- Conversor millas a kilómetros: primer proyecto, concepto de binding
- Twitter: ejemplo de binding vista-modelo y modelo-vista directo
Videos: Instalación de PelelaJS | El Binding en PelelaJS