Módulo 1: Fundamentos del desarrollo Frontend y mentalidad Vibe

Tema 1: La mentalidad del QA aumentado

● El QA como “Director de Orquesta de la Calidad”
● Casos de uso avanzados: de bugs a predicción de riesgos
● El arte del “problem framing” en QA y DEV
● Introducción a los agentes de IA para testing y desarrollo

Tema 2: Los cimientos de la web: el esqueleto (HTML)

● Primeros pasos con HTML
● Contenedores y semántica
● Etiquetas de texto
● Listas
● Enlaces e Imágenes
● El DOM como mapa de la web

Tema 3: Dando vida a la web: el estilo (CSS)
● Introducción al CSS
● Selectores CSS
● El modelo de caja (Box Model)
● Colores, fondos y tipografías
● Introducción a layouts con Flexbox

Tema 4: El ecosistema del desarrollador: Git y GitHub

● ¿Qué es el control de versiones?
● GIT vs. GitHub
● Comandos básicos
● Ramas (branching) y fusiones (merging)
● Pull Requests: el corazón del trabajo colaborativo

Módulo 2: JavaScript, APIs y React

Tema 1: JavaScript básico y avanzado

● Fundamentos de JavaScript
● El DOM y la interacción con HTML
● Programación asíncrona en JavaScript

Tema 2: React básico

● Primeros pasos en React
● JSX y creación de interfaces
● Componentes
● Props y State

Tema 3: React avanzado

● Estilizando componentes con Tailwind CSS
● Manejo de eventos secundarios
● Fetching de datos en componentes React
● Renderizado condicional y listas

Tema 4: Programando en co-agencia con Cursor.sh

● Generación de código con Cursor
● Refactorización de JavaScript con IA
● Debugging de CSS
● Brainstorming de UX/UI con IA

Tema 5: Construyendo tu primer mini-proyecto con Frontend y React
● Planificación del mini-proyecto
● Construcción con JavaScript
● Integración con React
● Estilizado y usabilidad
● Optimización y co-agencia con IA

Módulo 3: Fundamentos del Backend con Node.js

Tema 1: Introducción al Backend con Node.js
● Arquitectura cliente-servidor
● Fundamentos de Node.js
● El gestor de paquetes npm
● Módulos en Node.js
● Creando una aplicación de línea de comandos (CLI)

Tema 2: CRUD con Node.js y PostgreSQL

● Conceptos de API RESTful
● Introducción a Express.js
● Bases de datos: SQL vs. NoSQL
● Conexión con PostgreSQL
● CRUD: Crear, Leer, Actualizar y Eliminar

Tema 3: Seguridad y autenticación

● Importancia de la autenticación
● Hashing de contraseñas
● JSON Web Tokens (JWT)
● Endpoints de registro y login
● Middleware para protección de rutas

Tema 4: Caching con Redis

● Conceptos de caching
● Introducción a Redis
● Conexión de Node.js con Redis
● Estrategia de caché en un endpoint

Tema 5: Arquitectura asistida por IA
● Diseño de APIs conversacionales
● Generación de esquemas de base de datos
● Creación de código ‘boilerplate’
● Documentación automática de APIs

Módulo 4: Despliegue y automatización

Tema 1: Linux y AWS básico

● Comandos básicos de la terminal de Linux
● La nube: introducción a AWS
● EC2: Tu primer servidor virtual en la nube
● S3: Almacenamiento de archivos estáticos
● VPC y seguridad básica en la nube

Tema 2: Automatizando: CI/CD con GitHub Actions
● CI/CD en GitHub Actions
● Triggers, jobs y steps
● Ejecutar tests automáticos
● Despliegue automático

Módulo 5: Testing y entornos fullstack

Tema 1: Backend en acción: tu primera visión Fullstack
● Arquitectura y flujo de datos
● APIs y persistencia
● Autenticación y seguridad aplicada
● Optimización y rendimiento
● Automatización y apoyo de IA

Tema 2: Integrando tu stack: React y Node.js en acción

● Comunicación frontend-backend
● Gestión de CORS
● Envío de datos desde React
● Consumo y visualización de datos

Tema 3. Introducción al testing

● La importancia de testear
● Tests unitarios
● Tests de integración
● Frameworks de testing
● TDD a nivel conceptual

Tema 4: QA inteligente: pruebas y depuración asistida por IA
● Generación de casos de prueba con IA
● Generación de tests unitarios e integración
● Debugging conversacional
● Refactorización asistida para testabilidad

Módulo 6: Proyecto final

Tema 1: El launchpad del Vibe Coder

● Creación de porfolio con GitHub
● Simulaciones de entrevista con IA
● Estrategias para destacar profesionalmente
● Kick-off del proyecto final
● Modelo de entrega de briefing

Tema 2: Fase 1. Planificación y diseño

● Presentación de la aplicación a construir
● Análisis de requisitos y definición del alcance (MVP)
● Diseño de la arquitectura con ayuda de la IA
● Creación del Product Backlog en Jira

Tema 3. Fase 2. Desarrollo backend

● Creación de la estructura del proyecto Node.js
● Desarrollo de los modelos, controladores y rutas de la API
● Implementación de la lógica de negocio y la conexión con la BBDD

Tema 4: Fase 3. Desarrollo frontend
● Creación de la estructura del proyecto React
● Desarrollo de los componentes de la interfaz
● Integración con la API del backend

Tema 5: Fase 4. Despliegue y testing
● Despliegue del backend y frontend
● Escritura de tests unitarios y de integración
● Creación de un pipeline de CI/CD