CodeIA Logo
Inicio
¿Qué es la Ingeniería de Contexto?ExperienciaProyectos realizados
Comunidad
FeedMiembrosCuadro de HonorCalendarioBolsa de trabajoEncuestasProyectos de la Comunidad
NoticiasPrecios
Formación
CursosLecciones
Co-Projects
Propuestas de proyectosEnviar propuesta de proyecto
RoadmapGlosarioContacto
Iniciar Sesión
CodeIA Logo

Transformando ideas en software profesional con IA. La nueva era del desarrollo ágil.

Legal

Política de PrivacidadTérminos de ServicioTérminos de SuscripciónAviso LegalCookies

Sígueme

Contactar

© 2026 CodeIA. Todos los derechos reservados.

Hecho con♥por sn4p.dev

Volver al catálogo
Tu navegador no soporta video.
0:000:00

Codeiando - Workshop 1

Objetivo de la lección: Aprender a integrar herramientas de Inteligencia Artificial en el desarrollo web, gestionar sistemas multi-agente, aplicar técnicas de web scraping de forma segura y establecer protocolos de seguridad y testing utilizando datos sintéticos.

TutorialAvanzado
Hace 1 mes1h 32m 54s10 visualizaciones

Tecnologías

Agentes IATesting

Herramientas IA utilizadas

Claude Code
Iniciar sesión para comenzarCrear cuenta

Módulo 1: Desarrollo Ágil y Creación de Dashboards

El uso de asistentes impulsados por IA está revolucionando la velocidad a la que podemos construir aplicaciones completas.

  • El poder de CloudKit: Herramientas como CloudKit permiten construir un Producto Mínimo Viable (MVP) en apenas dos o tres días, algo que sin estas herramientas tomaría muchísimo más tiempo.

  • Dashboards Modernos: Al desarrollar un panel de control (dashboard) moderno, especialmente migrando a frameworks como Next.js 16.2, es fundamental incluir características avanzadas como impersonación de usuarios, gestión de copias de seguridad, y la integración de agentes específicos (SEO, traducción, análisis de Big Data).

  • Microservicios Internos: Los agentes dentro de tu propia aplicación funcionan como microservicios que complementan la web, permitiendo ejecutar tareas en segundo plano de manera robusta.

Módulo 2: Ecosistemas de Agentes (CrewAI vs. LangGraph)

Entender la diferencia entre las distintas herramientas de IA es clave para estructurar el backend de nuestros proyectos.

  • CrewAI: Es un framework sólido y estable, ideal para crear equipos multi-agente. Funciona como una centralita donde varios agentes interactúan, intercambian información y se lanzan tareas de manera coordinada, pensado para proyectos de gran envergadura.

  • LangGraph: Funciona más como un paquete de Python orientado a flujos de trabajo específicos y estructurados, como tareas de investigación o web scraping paquetizado. Aunque permite conectar agentes, su enfoque principal suele ser el de un único agente que sigue pasos ordenados de manera eficiente (por ejemplo, buscar datos, comparar con la base de datos y raspar lo faltante).

Módulo 3: Seguridad en el Desarrollo (El Eslabón Más Débil)

Los desarrolladores suelen ser el punto más vulnerable frente a ataques maliciosos debido a la rápida adopción de herramientas y dependencias de código abierto.

  • Vulnerabilidades en Dependencias: Librerías muy populares como Axios o LiteLM sufren ataques y descubren vulnerabilidades constantemente. Es crucial auditar regularmente nuestros proyectos.

  • Scam y Repositorios Maliciosos: Existe un riesgo real de "scam" (falsificación con intenciones maliciosas), como ofertas de trabajo falsas que te piden clonar repositorios infectados para robar datos o utilizar tu servidor como proxy.

  • Técnicas de Protección:

    • Hardening: Aplicar "hardening" (endurecimiento) a tus servidores incluye medidas básicas de seguridad como limitar los intentos de acceso (rate limits) para evitar ataques de denegación de servicio (DDoS) que puedan tumbar tu infraestructura.

    • Tener mucho cuidado con la persistencia de datos en el navegador (Local Storage) y la gestión real del consentimiento de las cookies.

    • Se pueden utilizar automatizaciones de pruebas de penetración, como OWASP, integradas en herramientas de IA.

Módulo 4: Testing Avanzado con Usuarios y Datos Sintéticos

Para probar aplicaciones complejas (como tiendas online o sistemas de roles) sin comprometer información sensible, se utilizan elementos sintéticos.

  • Datos Sintéticos: Son conjuntos de información artificial generados por IA que imitan las propiedades estadísticas de los datos reales, pero sin contener información personal. Son ideales para rellenar catálogos de productos inventados o simular registros (logs) de errores.

  • Usuarios Sintéticos: Son perfiles ficticios generados por IA que simulan el comportamiento humano en el software (UX/UI y QA). Permiten testear flujos completos, como el carrito de compras aplicando descuentos y envíos, o probar la accesibilidad para diferentes perfiles demográficos (ej. personas mayores con problemas de visión), acelerando procesos de semanas a minutos.

Módulo 5: Web Scraping Moderno e Indetectable

El scrapping moderno ha evolucionado gracias a la IA visual y herramientas de automatización.

  • Uso de Playwright: Permite conectarse en modo silencioso (headless) y navegar por todas las capas de una web (Network, Performance, Consola).

  • Evitar ser detectado: Para evitar que plataformas como Google bloqueen tu bot, nunca utilices patrones fijos (ej. hacer scroll cada 2 segundos exactos). Debes programar el scroll y las acciones con tiempos aleatorios para simular el comportamiento humano.

  • Snapshots e IA Visual: En lugar de buscar IDs y clases HTML complejas en el código, la técnica actual consiste en tomar capturas de pantalla (snapshots) y dejar que los modelos de IA interpreten la imagen para extraer los datos necesarios directamente.

Módulo 6: Tips de Productividad con Asistentes de Terminal (Claude)

  • El comando "BTW" (By the way): Cuando el modelo de IA está "pensando" o ejecutando una tarea larga, puedes escribir BTW seguido de una nueva instrucción para inyectar contexto adicional sin interrumpir su flujo de trabajo, modificando su respuesta final sobre la marcha.

  • Delegación de tareas: Si la IA te sugiere un comando de terminal (por ejemplo, para reiniciar Docker), permítele que lo ejecute ella misma. Así, si se produce un error, la IA leerá los logs y manejará el estado automáticamente sin que tengas que copiar y pegar el error de vuelta.

  • Saltar permisos: Para flujos de trabajo rápidos y bajo tu propia responsabilidad, puedes utilizar banderas como --dangerously-skip-permissions para que la IA ejecute código sin pedir confirmación en cada paso.

Índice de la sesión

00:002:00
Introducción y Planificación de Sesiones

El presentador da la bienvenida y explica la planificación de las sesiones, enfocándose en código en vivo y workshops basados en proyectos existentes.

02:003:09
Profundizando en MSP y Skills

Se aclara la diferencia entre MSP y Skills, explicando cómo se pueden construir MSPs personalizados y la importancia de entender su funcionamiento para optimizar el uso de tokens y la eficiencia en plataformas como CloudKit.

05:091:31
Seguridad en Desarrollo y Dependencias

Se aborda la seguridad en el desarrollo, discutiendo vulnerabilidades en dependencias como Axios y la importancia de estar al tanto de las actualizaciones para proteger los proyectos de ataques maliciosos.

06:403:20
Agentes y Sistemas Agénticos: LandGraph vs. Creo AI

Se compara LandGraph y Creo AI, explicando sus diferencias en el manejo de agentes y la creación de sistemas agénticos. Se discute cómo los microservicios pueden complementar una aplicación web.

10:002:40
Concepto de Datos y Usuarios Sintéticos

Se introduce y explica el concepto de datos y usuarios sintéticos, destacando su utilidad en pruebas de software, entrenamiento de modelos de ML y simulación de interacciones humanas para acelerar procesos de desarrollo.

12:401:50
Resolución de Problemas con Docker y Cloud

El presentador muestra cómo utiliza Cloud para diagnosticar y resolver problemas con Docker, enfatizando la capacidad de la IA para ejecutar comandos y gestionar el estado del sistema.

14:302:30
Demostración de Scrapping con Playwright

Se presenta un proyecto de scrapping de datos deportivos utilizando Playwright, explicando cómo se extrae información de partidos y clasificaciones de manera automatizada y cómo se gestionan los parámetros de la URL.

17:001:20
Optimización de Scrapping y Detección de Bots

Se discuten estrategias para optimizar el scrapping y evitar la detección de bots, como la aleatorización de los tiempos de scroll y el uso de snapshots para interpretar la información visualmente.

18:201:30
Creación de Dashboard con un Solo Prompt

Se muestra cómo se creó un dashboard completo con un solo prompt utilizando CloudKit, incluyendo funcionalidades como gestión de contenido, SEO, redes sociales y traducciones, destacando la eficiencia de la IA en el desarrollo.

19:5073:01
Herramientas y Próximas Sesiones

Se mencionan herramientas como Shift Tab y Dangerous Skip Permissions para el desarrollo, y se anuncian las próximas sesiones de catch-up y la primera sesión de marca personal, GitHub y LinkedIn.

Lecciones relacionadas

  • Scraping - Datos de una web - Ejercicio práctico

    Scraping - Datos de una web - Ejercicio práctico

    2h 7m 5s

  • CodeIA2026 - Sesión 13 – ChefGPT Backend (NestJS) con IA en OpenRouter (Haiku) + Admin + Deploy

    CodeIA2026 - Sesión 13 – ChefGPT Backend (NestJS) con IA en OpenRouter (Haiku) + Admin + Deploy

    2h 29m 44s

  • CodeIA2026 – Sesión 23 – Reflexión, Estrategia y Futuro de la Comunidad

    CodeIA2026 – Sesión 23 – Reflexión, Estrategia y Futuro de la Comunidad

    2h 9m 51s

  • CodeIA2026 - Sesión 19 – Arquitectura SaaS Multi-Tenant

    CodeIA2026 - Sesión 19 – Arquitectura SaaS Multi-Tenant

    2h 0m