Curso de Vibe Coding: IA + Full Stack Developer

Curso de Vibe Coding: IA + Full Stack Developer

Módulo 1: Fundamentos del desarrollo Frontend y mentalidad Vibe
Tema 1: La mentalidad del QA aumentado.
Tema 2: Los cimientos de la web: el esqueleto (HTML)
Tema 3: Dando vida a la web: el estilo (CSS)
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
Primeros pasos con HTML
Contenedores y semántica
Etiquetas de texto
Listas
Enlaces e Imágenes
El DOM como mapa de la web
Introducción al CSS
Selectores CSS
El modelo de caja (Box Model)
Colores, fondos y tipografías
Introducción a layouts con Flexbox
Plan de estudios
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
Tema 2: React básico
Tema 3: React avanzado
Fundamentos de JavaScript
El DOM y la interacción con HTML
Programación asíncrona en JavaScript
Primeros pasos en React
JSX y creación de interfaces
Componentes
Props y State
Estilizando componentes con Tailwind CSS
Manejo de eventos secundarios
Fetching de datos en componentes React
Renderizado condicional y listas
Plan de estudios
Tema 4: Programando en co-agencia con Cursor.sh
Tema 5: Construyendo tu primer mini-proyecto con Frontend y React
Generación de código con Cursor
Refactorización de JavaScript con IA
Debugging de CSS
Brainstorming de UX/UI con IA
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)
Plan de estudios
Tema 2: CRUD con Node.js y PostgreSQL
Tema 3: Seguridad y autenticación
Tema 4: Caching con Redis
Tema 5: Arquitectura asistida por IA
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
Importancia de la autenticación
Hashing de contraseñas
JSON Web Tokens (JWT)
Endpoints de registro y login
Middleware para protección de rutas
Conceptos de caching
Introducción a Redis
Conexión de Node.js con Redis
Estrategia de caché en un endpoint
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
Plan de estudios

Módulo 4: Despliegue y automatización
Tema 1: Linux y AWS básico
Tema 2: Automatizando: CI/CD con GitHub Actions
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
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
Plan de estudios
Tema 2: Integrando tu stack: React y Node.js en acción
Tema 3. Introducción al testing
Tema 4: QA inteligente: pruebas y depuración asistida por IA
Comunicación frontend-backend
Gestión de CORS
Envío de datos desde React
Consumo y visualización de datos
La importancia de testear
Tests unitarios
Tests de integración
Frameworks de testing
TDD a nivel conceptual
Generación de casos de prueba con IA
Generación de tests unitarios e integración
Debugging conversacional
Refactorización asistida para testabilidad
Plan de estudios

Módulo 6: Proyecto final
Tema 1: El launchpad del Vibe Coder
Tema 2: Fase 1. Planificación y diseño
Tema 3. Fase 2. Desarrollo backend
Tema 4: Fase 3. Desarrollo frontend
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
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
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
Creación de la estructura del proyecto React
Desarrollo de los componentes de la interfaz
Integración con la API del backend
Plan de estudios
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