Aplicaciones web con Google AI Studio + React - Virtual

1

Frontend y React.

Qué es el frontend y su rol dentro de una aplicación web. Conceptos básicos de HTML, CSS y JavaScript. Cómo piensa React: componentes, props, estado y eventos. Cómo pedir bien a Google AI Studio: objetivo, pantallas, datos, reglas y estados. Ejemplo práctico: pantalla de reserva de turnos.

2

API y backend.

Qué es una API y su función como puente de comunicación entre sistemas. Métodos HTTP: GET, POST, PUT/PATCH, DELETE y códigos de estado. Rol del backend: validar, calcular, guardar y conectar con servicios externos. Formato JSON y uso de la función fetch para pedidos HTTP. Introducción a la API de Gemini dentro de una aplicación.

3

Base de datos, autenticación y seguridad.

Qué es una base de datos: tablas, documentos, campos e identificadores. Operaciones CRUD: crear, leer, actualizar y borrar. Autenticación y autorización: diferencias y ejemplos concretos. Seguridad mínima: reglas, permisos, claves privadas y validación de datos. Por qué la protección real debe estar del lado del backend y no solo en la pantalla.

4

Pagos, despliegue y cierre del proyecto.

Integración de pagos con proveedores externos como Mercado Pago o Stripe. Flujo de cobro: carrito, backend, proveedor, confirmación y actualización de datos. Proceso de despliegue: build, dominio, variables de entorno y logs. Estados que debe mostrar una aplicación real: carga, error, vacío y éxito. Cierre del curso: ideas de aplicaciones para seguir practicando.