El Flujo de Trabajo del Desarrollador Asistido por IA: Construye Más Rápido e Inteligente Hoy

This ad is not shown to multipass and full ticket holders
JSNation US
JSNation US 2025
November 17 - 20, 2025
New York, US & Online
See JS stars in the US biggest planetarium
Learn More
In partnership with Focus Reactive
Upcoming event
JSNation US 2025
JSNation US 2025
November 17 - 20, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

Desbloquea la próxima generación de productividad para desarrolladores. En esta masterclass, profundizaremos en cómo las herramientas impulsadas por IA están transformando la forma en que construimos software. Descubre técnicas para la iteración rápida, la depuración inteligente y la creación de experiencias de usuario excepcionales. Ya sea que estés utilizando modelos de IA de vanguardia o explorando la primera ola de asistencia de IA, esta masterclass te equipará con estrategias para mejorar tu flujo de trabajo.

This talk has been presented at JSNation US 2024, check out the latest edition of this JavaScript Conference.

Addy Osmani
Addy Osmani
31 min
18 Nov, 2024

Comments

Sign in or register to post your comment.
  • Peter Olu
    Peter Olu
    So enlightening. AI is a significant plus to dev processes.
  • Christos kuznos
    Christos kuznos
    None
    For DevOps too
  • Sulley Abdul Latif
    Sulley Abdul Latif
    TechVerge Africa
    AI is really a game changer for developers
Video Summary and Transcription
La IA está transformando la ingeniería de software al usar agentes para ayudar con la codificación. Los agentes pueden completar tareas de manera autónoma y tomar decisiones basadas en datos. La IA colaborativa y la automatización están abriendo nuevas posibilidades en la generación de código. Bolt es una herramienta poderosa para la resolución de problemas, corrección de errores y autenticación. Las herramientas de generación de código como Copilot y Cursor brindan soporte para la selección de modelos y la conciencia de la base de código. Cline es una extensión útil para la inspección y prueba de sitios web. Las pautas para codificar con agentes incluyen definir requisitos, elegir el modelo correcto y realizar pruebas frecuentes. Las instrucciones claras y concisas son cruciales en el código generado por IA. Los ingenieros experimentados siguen siendo necesarios para comprender la arquitectura y la resolución de problemas. En la masterclass se discuten ideas sobre el consumo de energía y la sostenibilidad.

1. AI's Impact on Software Engineering

Short description:

La IA está transformando la ingeniería de software al usar agentes para ayudar con la codificación. La brecha desde la idea hasta la ejecución puede reducirse, permitiendo la creación de prototipos funcionales. Hay varias soluciones en este espacio que pueden ayudar a llevar productos a producción. Las herramientas impulsadas por IA han reducido las barreras para que las personas den vida a sus ideas. Dar el primer paso hacia la ejecución y el refinamiento de ideas es un desafío, pero los agentes pueden apoyar todo el ciclo de vida de la ingeniería de software.

Muy bien, hola a todos, mi nombre es Adi Osmani. Soy un líder de ingeniería en Google, y hoy me gustaría hablarles sobre cómo la IA está transformando la ingeniería de software. La IA es, por supuesto, un tema candente. Puede parecer que las cosas están cambiando muy rápido. Y quiero centrarme en algo muy específico hoy. Va a ser cómo los agentes pueden ayudarnos con la codificación.

Ahora vamos a alejarnos un momento. Una de las mayores habilidades que puedes adquirir es poder reducir la brecha desde la idea hasta la ejecución. Y cuando se trata de codificación o construcción de productos, creo que aquí es donde la IA realmente puede ayudarnos a hacer una gran diferencia. Puede acortar esa distancia entre tener una idea y poder obtener un prototipo funcional con el que puedas jugar. Así que vamos a tocar una serie de diferentes soluciones en este espacio que permiten esta idea. Muchas de ellas ya están ayudando a las personas a llevar cosas a producción.

Ahora, me encantó esta historia de la otra semana de una niña de 11 años que tuvo una idea para una aplicación, y entre la cena y la hora de dormir, pudo construir una versión funcional que pudo compartir con sus amigos, lo cual es simplemente increíble. Tradicionalmente, construir aplicaciones requería un conocimiento extenso, muchas habilidades técnicas. Ahora, con herramientas impulsadas por agentes de IA, las barreras están comenzando a bajar para que las personas simplemente puedan sacar sus ideas. Y estoy realmente emocionado por eso. Ahora, esta historia usó Repl.it Agent. Con un aviso tan simple como crear un servicio de gestión de eventos, puedes generar una aplicación web con flask y JavaScript vanilla. Tiene autenticación completa. Tiene creación y gestión de eventos. Puedes manejar SQL en tu back end. Te da un punto de partida decente. Luego puedes trabajar con ese agente de chat y refinarlo y probarlo. Cosas realmente geniales. Ahora, en muchos casos, las ideas por sí solas son la parte fácil. Dar ese primer paso, poder ejecutar, iniciar hacia una versión funcional de tu idea, eso es difícil. Pero la ingeniería de software no se trata solo de comenzar. Se trata de iterar y mejorar hacia un objetivo. Y ahí es donde estoy particularmente emocionado por los agentes. No solo donde pueden ayudarnos con el inicio y el arranque, sino a lo largo del ciclo de vida de la ingeniería de software.

2. Understanding Agents and Their Role

Short description:

Un agente es un programa que puede completar tareas o tomar decisiones de manera autónoma basándose en datos. Puede entender la intención de una tarea, planificar pasos, decidir y ejecutar acciones, y adaptarse al entorno. Ejemplos del mundo real incluyen taxi AI protegiendo un repositorio en GitHub y agent.exe reservando vuelos. Los agentes adoptan un enfoque matizado para la generación de código, delineando planes, generando código, ejecutando pruebas e iterando para obtener mejores resultados.

He mencionado la palabra agente varias veces. ¿Qué es un agente? Bueno, un agente es un programa que puede completar tareas o tomar decisiones de manera autónoma basándose en datos. ¿Qué queremos decir con autónomamente? Bueno, significa que el agente es capaz de entender la intención de una tarea. Puede planificar pasos para resolver el problema. Puede decidir y ejecutar acciones y adaptarse al entorno. Esto quizás se ilustra mejor con algunos ejemplos.

Así que considera cómo muchos de nosotros hoy en día podríamos usar una interfaz de chat. Podríamos pedirle algo como chat GPT que escriba un artículo de principio a fin y obtener una respuesta de un solo intento. Ahora probablemente necesites hacer algún trabajo para iterar en ello tú mismo. Una versión agentica de eso es un poco más matizada. Podría escribir un esquema, decidir si se necesita investigación, escribir un borrador, evaluar si necesita trabajo y luego revisar las cosas por sí mismo.

Así que veamos algunos ejemplos del mundo real de esto. Aquí hay un ejemplo de un agente en acción. Este es taxi AI protegiendo la rama principal de un repositorio en GitHub. Es capaz de estudiar la interfaz de usuario, averiguar que necesita ir a configuraciones, y luego crear, personalizar y aplicar una nueva regla de protección de rama antes de finalmente enviarla. También te da un registro informándote de lo que está sucediendo detrás de escena. Esto tiene múltiples pasos. Muy genial que esto sea posible. ¿Qué tal reservar vuelos desde un lugar como Seattle a San Francisco? Esto es agent.exe. Es gratuito, es de código abierto, utiliza Quad, te permite controlar tu computadora. Así que aquí está navegando a Google Flights y completando todos los detalles de nuestro aviso y luego enviando una búsqueda en nuestro nombre. Una versión más avanzada podría realmente completar la reserva por nosotros y hacer el pago.

Ahora de vuelta a los avisos de un solo intento versus agentes. Cuando hablamos de IA para la generación de código, la mayoría de nosotros estamos acostumbrados a la idea de aviso y respuesta. Le das a la IA un aviso como, escríbeme un código que haga X, y responde con algún código. Ahora un agente adopta nuevamente un enfoque más matizado para esto. Quizás delinea un plan para cómo resolver este problema. Puede generar código, verificarlo, ejecutar pruebas, detectar errores, y luego repensar y corregir si algo no parece estar funcionando. Ahora ese proceso iterativo imita mucho más lo que nosotros como ingenieros tendemos a hacer. Iteramos en abordar problemas para ofrecer mejores resultados.

3. Collaborative AI and Automating Code with Agents

Short description:

La IA se convierte en un colaborador, Anthropic lanzó la función de uso de computadoras de Quad. Los agentes evolucionarán en patrones de diseño, reflexionando sobre la calidad, usando herramientas externas, planificando y colaborando. La pila moderna de agentes de IA está creciendo con diferentes capas y herramientas. La automatización y la augmentación están abriendo nuevas posibilidades. Ejemplos del mundo real de automatización de código usando agentes. Los envoltorios alrededor de las API ofrecen valor. Presentando v0 de Vercel, un constructor de interfaces de IA con IA generativa, vista previa en vivo e iteración visual.

Y en ese mundo, la IA se convierte un poco más en un colaborador en lugar de solo un generador de resultados. Me emocionó mucho ver que Anthropic lanzó recientemente la función de uso de computadoras de Quad. Básicamente permite que Quad use computadoras de la misma manera que lo haría una persona. Así que podemos darle una tarea como generar una página web con temática de los 90, y luego puede navegar por sí mismo. Puede abrir un navegador, puede navegar a Quad, puede escribir un aviso que te dará algún tipo de resultado óptimo. Generará el código, nos dará una vista previa, y luego sabe que necesita descargar el código, ejecutarlo en un servidor localmente, y si encuentra errores, puede proactivamente proceder a corregirlos, lo cual es bastante genial.

Ahora vamos a ver a los agentes evolucionar a través de algunos patrones de diseño diferentes en los próximos años. Eso incluye cuánto son capaces de reflexionar para mejorar la calidad del resultado, cuánto son capaces de usar herramientas externas para ayudarte, cuánto planifican o incluso colaboran con otros agentes en un mundo multi-agente. Ahora la pila moderna de agentes de IA para todo este espacio, es grande y sigue creciendo. Pero hay muchas capas diferentes aquí. Hay de todo, desde el servicio de modelos hasta el almacenamiento, bases de datos vectoriales, muchas herramientas y bibliotecas diferentes. Y a medida que este campo madura, creo que es posible que veamos servicios escalables con APIs más estandarizadas como el próximo gran salto.

Ahora hay muchas tareas tediosas con las que nosotros como ingenieros tenemos que lidiar de vez en cuando, y eso incluye migraciones, que a veces pueden sentirse como si estuvieras barriendo agua de vuelta al océano. Ahora la IA ha sido útil aquí, creo, en ayudarnos a pensar en cómo podemos ir más allá de cosas como los code mods para aumentar nuestro flujo de trabajo. De hecho, hablando de lo cual, la augmentación fue un tema realmente importante donde la IA y el código estaban involucrados el año pasado y el año anterior. Mucho sobre autocompletado y migraciones guiadas. Creo que la automatización será aún más grande el próximo año, donde los agentes, la co-generación full-stack y la multimodalidad realmente abrirán muchas nuevas posibilidades para nosotros. Entonces, ¿qué hay de automatizar el código usando agentes? Este es un tema grande y emocionante, y quiero mostrarte algunos ejemplos del mundo real. Ahora, solo para mantenernos con los pies en la tierra, hay algunas personas que podrían decir que el 99% de las empresas de IA se ven un poco así. Tal vez solo sean envoltorios alrededor de la API de otra persona. En realidad, creo que estos envoltorios a veces pueden ofrecer mucho valor, especialmente en el espacio de agentes. Y así vamos a hablar sobre un montón de diferentes herramientas y servicios que podrías encontrar útiles. Vamos a comenzar con v0 de Vercel. Ahora v0 es un constructor de interfaces de IA. Utiliza IA generativa para producir código basado en descripciones de usuario. Funciona bastante bien con herramientas populares como Next.js, Shad.cn, Tilwin CSS. Puedes crear una cuenta gratuita para comenzar con él. Y lo que realmente distingue a v0 es su capacidad no solo para generar código, sino también para darte una vista previa en vivo de los componentes que se están creando. Puedes iterar visualmente. Es realmente, realmente bueno en la iteración visual a medida que le das más y más avisos.

4. v0: Construcción de Componentes y Prototipos Interactivos

Short description:

v0 es bueno para componentes y mini-aplicaciones. Puede generar código y transmitir la interfaz de usuario en tiempo real. Puede crear Google Slides y componentes interactivos a partir de diseños. Cuantos más detalles se proporcionen, mejores serán los resultados adaptados.

Su principal desventaja, diría yo, es que podría ser mejor en la generación de aplicaciones full stack, pero para componentes y pequeñas mini-aplicaciones es realmente, realmente bueno. Así que tu viaje en v0 comienza diciéndole qué te gustaría construir. De hecho, acaban de agregar soporte para incluir archivos JSON. Así que he incluido algunos datos aquí, y quiero compartir mis diapositivas después de esta charla, pero en lugar de darte un PDF, he pedido a v0 que cree Google Slides para nosotros. Así que veamos qué puede hacer. Está generando algo de código ahora mismo.

Una de las cosas que me gusta de v0 es que comienza a transmitir la interfaz de usuario mientras la está construyendo. Así que podemos ver esto suceder. Tenemos una especie de menú de navegación en su lugar. Tenemos algunos botones de formato. Tenemos este visor. Tenemos un lugar que parece que va a contener cosas. Genial. Muy bien, así que ha cargado nuestras diapositivas. Tiene un botón de pantalla completa aquí. Vamos a hacer clic en el botón de pantalla completa. ¿Y puedo cambiar entre diapositivas aquí? Genial. Ahora, obviamente esto es muy simplificado. Pero es increíblemente genial que pudiéramos hacer esto con solo un aviso. Y estaba realmente, realmente feliz de ver que esto funcionó.

Ahora digamos que tienes un diseño para un componente hermoso. Este es un ejemplo de uno que me gustó. Puedes dárselo a v0 como entrada multimodal. Así que simplemente pegas la captura de pantalla en el chat. Aquí le pedí que recreara este diseño con los mismos colores en un solo intento, y quedé bastante impresionado de que pudo generarme una reproducción decente con este bloque que es mucho mejor de lo que podría hacer yo mismo. Lo doblemente genial es que luego puedo pedirle a v0 que convierta esto en un componente interactivo. Puedo comenzar a agregar mis propios elementos, marcar elementos como completos, y tengo un prototipo semi-funcional que luego puedo compartir con otras personas de mi equipo, o incluso usar en el día a día. Es muy genial. Ahora, solo algunos consejos profesionales de v0. Como con muchas herramientas para la generación de código de IA, cuantos más detalles proporciones, a veces mejores serán los resultados adaptados.

5. v0 and Bolt: Beyond Component Building

Short description:

Sé específico en tus indicaciones. v0 tiene soporte de primera clase para paquetes de terceros de React. v0 tiene integraciones CLI. Bolt proporciona a los modelos de IA control completo sobre todo tu entorno. Maneja la generación de UI, escritura de código, despliegue y colaboración. Bolt facilita profundizar en la pila de llamadas de problemas y puede intentar solucionarlos. Bolt se volvió más confiable al corregir errores. Bolt tiene integración de primera clase con Netlify.

Sé específico en tus indicaciones. Si estás usando bibliotecas de terceros, v0 tiene soporte de primera clase para algunos paquetes específicos de terceros de React, incluyendo React 3 Fiber. Considera agregar documentación adicional si hay algo que estás usando donde no estás completamente seguro si está incluido en alguno de los datos de entrenamiento detrás de escena. También me encanta que v0 también tenga integraciones CLI bastante decentes. Puedes simplemente NPM instalar tu componente y comenzar a usarlo en tu proyecto.

A continuación, hablemos de algo un poco más full-stack. Bolt. Esto es bolt.new de StackBlitz. Ahora, v0, Cloud, y muchas de las otras cosas que podría mostrarte, son increíbles, pero es difícil encontrar algo que pueda instalar paquetes en tu nombre, ejecutar backends, editar código. Y Bolt realmente te da modelos de IA con control completo sobre todo tu entorno. El sistema de archivos, tu gestión de paquetes, tu terminal, incluso la consola del navegador.

He estado usando Bolt cada pocos días para construir nuevas aplicaciones, y realmente lo he estado disfrutando. Ahora, está diseñado para manejar todo, desde generar UI, escribir código, desplegar y colaborar con otras personas. Diría que una desventaja principal en este momento con el arranque es que tal vez no ayuda tanto más adelante en tu ciclo de iteración. Así que puedes arrancar un MVP realmente bueno, pero luego tienes que decidir en qué punto tienes que cambiar a usar StackBlitz o descargar el código y simplemente trabajar en él en VS Code. Así que vamos a intentar construir una aplicación de películas no trivial usando Bolt.

Y lo que me ha gustado de él es que puedo usarlo para generar MVPs que funcionan bastante bien. Así que he podido construir aplicaciones que usan autenticación completa, conectándose a bases de datos, configurando servicios de terceros, todo tipo de cosas. Así que Bolt comienza a estructurar esta aplicación, muestra las fuentes que está generando en base a cada archivo, deja claro en qué archivo está trabajando actualmente. Eso puede ayudarte a educarte sobre la arquitectura. Te da un resumen de todos los cambios a medida que ha estado trabajando, te da una forma de retroceder, y por supuesto te muestra una vista previa de lo que está construyendo. Así que rápidamente, esto es funcional, podemos hacer cosas como navegar por categorías, películas favoritas, más o menos lo que esperarías de una simple aplicación de películas. Pero quiero hablar sobre algunas de las otras características de Bolt aquí.

6. Características de Resolución de Problemas y Autenticación de Bolt

Short description:

Bolt facilita la resolución de problemas y la corrección de errores. Tiene capacidades confiables para corregir errores e integra bien con Netlify. Puedes desplegar y previsualizar proyectos con un solo clic, incluso sin ser cliente de Netlify. Bolt también ofrece soporte de un clic para abrir proyectos en StackBlitz, proporcionando una experiencia similar a VS Code. Soporta autenticación de terceros para gestionar listas de películas y conectarse a APIs. Bolt permite iniciar y cerrar sesión, profundizar en los detalles de las películas, gestionar listas y buscar películas. Además, proporciona funciones como ver sesiones de chat anteriores.

Otra característica de Bolt que realmente me gusta es que cuando te encuentras con problemas, es trivial profundizar en la pila de llamadas de los problemas que provienen de las salidas de comandos o algo así. Y puede intentar solucionar estas cosas por sí mismo. Este es un bucle de error corregido. De hecho, recientemente, Bolt se volvió aún más confiable al corregir errores. El equipo ha estado agregando mucha más instrumentación e información relevante en el contexto para corregir su lógica de resolución de errores, lo que significa que hay muchas menos situaciones donde se detecta un pequeño error y tienes que lidiar con él manualmente. También tiene una integración de primera clase bastante decente con Netlify. Así que incluso si no eres cliente de Netlify, tienes este bonito botón de despliegue en la parte superior.

Con un clic, puedes desplegarlo y ver cómo se ve en producción, y luego puedes reclamar el proyecto si deseas usar Netlify. Pero disfruto poder usar esto solo para obtener una verificación rápida en producción de lo que estoy construyendo. Así que aquí está nuestro despliegue, funcionando en Netlify. Es responsivo, hace lo que esperarías. Ahora, dado que Bolt es creado por las mismas personas que hacen StackBlitz, también obtienes soporte de un clic para poder abrir tu proyecto completamente dentro del entorno de StackBlitz. Y allí obtienes una experiencia similar a la que obtienes con VS Code. Obtienes versionado y demás. Funciona bastante bien.

Ahora dije que haría una aplicación no trivial, así que quiero mostrarte la próxima versión de esto, que utiliza autenticación de terceros. Quiero poder iniciar sesión y gestionar mi lista de películas. Habrá mucho CRUD aquí, y por lo tanto nos conectaremos a APIs de terceros para realizar algunas de estas tareas. Así que pasé tal vez otros cinco a diez minutos dándole indicaciones aquí. Vamos a avanzar rápido por tiempo. Así que puedo iniciar y cerrar sesión en una cuenta. Y luego, una vez que estamos conectados, solo verifiquemos los comportamientos, lo que esperaríamos. Puedo profundizar en las páginas de detalles de películas individuales y ver información del elenco. Vemos en la parte superior que tengo funcionalidad de búsqueda, tengo la función de gestión de listas aquí, así que puedo ir y crear nuevas listas. También puedo ver mis listas. Así que tengo una lista aquí para mis películas de Halloween 2024, que incluye Seed of Chucky. Si quisiera expandir eso, puedo ir y hacer una búsqueda rápida de otras películas, algo como Bride of Chucky. Hacer una búsqueda, agregarla a la lista, y todo funciona como esperaría.

Ahora, volviendo a algunas características, Bolt también te permite hacer cosas como ver sesiones de chat anteriores, y V0 también admite esa idea. Así que algunos consejos rápidos de Bolt si decides probarlo.

7. Bolt's Targeted Edits and Tips

Short description:

Bolt permite realizar ediciones específicas, bloquear archivos y seleccionar rangos de código para obtener información adicional. Los consejos incluyen guardar regularmente en GitHub o descargar puntos de control, usar datos ficticios para el desarrollo de backend, aprovechar el desarrollo local con Allama, y la capacidad de personalizar y contribuir a Bolt como un proyecto de código abierto.

Puedes hacer ediciones muy específicas, por lo que puedes seleccionar varios archivos y decir que solo realice las ediciones que estás haciendo en estos archivos. También puedes bloquear archivos, para que no los toque durante su proceso de generación. También puedes seleccionar rangos de código, por lo que si hay una función o una parte de la función sobre la que deseas preguntar a Bolt, también lo admite para darte un poco más de información.

Algunos consejos adicionales, nuevamente, es muy importante ser específico sobre lo que deseas. En este caso, si usas Bolt, recomiendo intentar guardar regularmente en GitHub o descargar puntos de control de lo que está creando. Si estás trabajando con backends, en lugar de dejar que haga mucho, tal vez trabaja con algunos datos ficticios, dile que use datos ficticios mientras decides cómo debería ser tu backend y luego haz que lo haga todo. También puedes aprovechar el desarrollo local si lo deseas. Así que para proyectos sensibles a la privacidad, puedes ejecutar Bolt localmente con Allama. Una de las razones para esto es que Bolt es realmente de código abierto. Así que he estado disfrutando ver a la gente hackeándolo. Puedes personalizarlo con otros modelos, puedes contribuir de vuelta, y es realmente asombroso que todo esto esté disponible al aire libre. Súper, súper genial.

8. Code Generation with Copilot and Cursor

Short description:

Hablemos de Copilot y su soporte para seleccionar modelos de terceros. Cursor es un potente editor de código AI alternativo con plena conciencia del código base, flexibilidad multi-modelo y diferencias al estilo git. Proporciona una experiencia de chat interactiva y nos permite visualizar la generación de código con diferencias claras. Nos encontramos con un desafío con la configuración de imágenes en Next.js, pero Cursor nos ayudó a identificar y solucionar el problema. Pudimos agregar más funciones y mantener la consistencia en diferentes subpáginas con Cursor. Los consejos profesionales incluyen optimizar la configuración de Cursor con archivos o reglas de ignorar.

¿Qué tal generar código con agentes en tu editor de código? Ahora hablemos de Copilot por un momento, o Clippy disfrazado, como me gusta llamarlo. Ahora, Copilot fue uno de los primeros editores en realmente causar un gran impacto por tener capacidades de autocompletado y generación de código con AI. Y recientemente añadieron soporte para poder seleccionar entre diferentes modelos de terceros. Puedes usar algo de Quad, el Gemini de Google, algo de OpenAI, realmente elegir el modelo que tenga la mejor fortaleza para tu proyecto.

Y realmente no podemos hablar de editores de código AI sin hablar de algunas de las alternativas, así que cosas como Cursor. A diferencia de los asistentes de codificación AI tradicionales que operan como complementos, Cursor realmente toma un enfoque arquitectónico ligeramente diferente. Es un fork completo de VS Code que ha sido construido para la integración de AI. Así que tiene características como plena conciencia del código base, puede entender tu contexto, tiene flexibilidad multi-modelo diferencias al estilo git, puedes chatear para generación de código iterativa, muchas opciones aquí. Y creo que esa visión a nivel de código base es lo que realmente lo distingue. También tiene algunas características agradables, cosas como integración de documentos, conciencia web si necesitas traer contenido adicional externamente, generación de comandos, es realmente poderoso.

Diría que, como muchos de estos servicios, sus principales limitaciones terminan siendo, en cierto modo, oye, necesitas suscribirte a algo porque los límites de tokens son una cosa, pero por lo demás es bastante poderoso, he encontrado. Así que vamos a mostrarlo en acción muy rápidamente. Nuestro punto de partida aquí es un proyecto básico de boilerplate de Next.js. Al igual que Copilot, Cursor tiene una experiencia de chat interactiva, y vamos a construir una aplicación de películas similar a las que acabamos de hacer. A medida que Cursor genera código, nos muestra diferencias claras en verde y rojo a medida que se genera el código. Eso nos permite, en cierto modo, visualizar lo que está sucediendo y mantener el control sobre el proceso. Nos muestra un resumen de los cambios una vez que ha terminado, lo cual puede ser útil. Y aquí, realmente estamos encontrando nuestro primer desafío al ejecutar esta aplicación. Es un error de configuración de imagen con el componente de imagen de Next.js, y parece que el nombre del host para nuestras imágenes tal vez necesite alguna configuración adicional porque es un servicio de terceros. Así que voy a copiar ese error. Vamos a pegarlo en Cursor, y identifica que necesitamos actualizar nuestra configuración de Next.js con los ajustes de dominio de imagen adecuados. Así que hacemos eso, lo arreglamos, y boom, ahí vamos. Así que la aplicación de películas ahora está funcionando. Está obteniendo datos reales de la API de la base de datos de películas. Ahora, similar a nuestros otros ejemplos, pasé otros cinco o diez minutos con esto, y pude agregar muchas más funciones. Cosas como la capacidad de gestionar y agregar favoritos, navegar por categorías, hacer búsquedas, e incluso agregar un modo oscuro rápido. Así que pude trabajar en todas mis subpáginas, incluidas las de películas, y en general estaba impresionado con lo bien que Cursor pudo mantener la consistencia a través de estas diferentes características mientras manejaba cosas como la gestión de estado e interacciones de usuario. Ahora algunos consejos rápidos para profesionales.

9. Optimizing Cursor Setup and Introducing Cline

Short description:

Optimiza tu configuración de Cursor usando archivos de ignorar o reglas. Cline es una potente extensión para VS Code con excelentes habilidades de codificación agentic. Puede analizar estructuras de archivos, ejecutar comandos de terminal e interactuar con navegadores. El flujo de trabajo multimodal permite el análisis de imágenes y maquetas. Considera el precio del servicio del modelo al usar Cline. Puedes configurar el proveedor del modelo y tener transparencia en los costos.

Puedes optimizar tu configuración de Cursor usando archivos de ignorar de Cursor o reglas de Cursor. Si estás interesado, las reglas de Cursor básicamente te ayudan a refinar cómo interactúas con los proyectos, y hay una rica comunidad alrededor de Cursor que te permite hacer cosas como tomar sus indicaciones que han estado usando. Así que el directorio de Cursor y las reglas .Cursor son dos lugares que puedes revisar. También tienes algunas opciones diferentes en Cursor, por lo que puedes usar el chat para iteración, o tienen una función llamada compositor que te permite hacer operaciones por lotes más grandes. Tiendo a sugerir a las personas que hagan tareas pequeñas, en lugar de tener grandes cambios, pero tienes muchas oportunidades aquí para realmente potenciarlo.

A continuación, hablemos de una de mis herramientas favoritas de las que quiero hablarte hoy. Es Cline. Así que Cline anteriormente se llamaba Claw Dev, y es una potente extensión para VS Code con, en mi opinión, las mejores habilidades de codificación agentic disponibles. También es gratis. Tienes que elegir un servicio como un servicio de modelo, pero por lo demás es gratis. Es capaz de analizar estructuras de archivos, crear y editar archivos, ejecutar comandos de terminal por ti, e incluso interactuar con navegadores. Así que tu experiencia con Cline comienza como una barra lateral en VS Code. Puedes abrirlo usando este ícono de robot al lado. Obtienes una experiencia de cuadro de chat allí. También puedes incluir una imagen, por lo que tiene soporte multimodal. Puedes agregar capturas de pantalla, maquetas, lo que quieras como parte de la indicación. Una de sus características destacadas es ese flujo de trabajo multimodal. Así que es capaz de analizar imágenes, capturas de pantalla de navegadores, puedes pegar maquetas, y cosas como eso. Diría que su principal limitación termina siendo cualquier servicio de modelo que uses, a veces esos pueden ser un poco caros, así que solo tenlo en cuenta. Así que Cline tiene el engranaje de configuración en la parte superior. Antes de comenzar, puedes configurar qué proveedor de modelo deseas. Esos incluyen, por supuesto, los populares, como Quad, Gemini, OpenAI. También puedes seleccionar Olama. Ahora estás listo para empezar. A medida que usas Cline, similar a Cursor, te mantienes en el asiento del conductor cada vez que quiere crear un archivo, te pedirá que lo apruebes. También te da esta agradable vista de diferencia animada, por lo que obtienes algo de transparencia en lo que está haciendo. También nota que hay un conteo en la parte superior de la barra lateral que te da visibilidad en los costos. ¿Cuánto estás usando tokens? ¿Cuánto te está ayudando el almacenamiento en caché? Ahora esto es realmente genial. Al final de algunas de mis sesiones de codificación, si he estado codificando durante unas horas, a veces son un par de dólares, a veces es menos, pero tener transparencia en esto es realmente, realmente bueno. Ahora mencioné la entrada de imagen anteriormente.

10. Website Inspection and Testing with Cline

Short description:

Cline puede inspeccionar sitios web y corregir automáticamente errores usando sus capacidades multimodales. Soporta pruebas de extremo a extremo y ofrece consejos para mantener bajos los costos. Cline es útil para la iteración y la construcción más allá del MVP.

Una de las características agradables de Cline es que puede inspeccionar sitios web. Así que nuevamente, puedes aprobar o rechazar esto, pero cuando estaba construyendo esa aplicación de películas, me encontré con ese mismo error del componente de imagen de Next.js. Este que vimos antes. Ahora Cline hizo algo un poco diferente a Cursor. Lo que hizo Cline fue que ya abrió un navegador, tomó una captura de pantalla del error, y usó sus capacidades multimodales para inspeccionar el error y darme una solución. No tuve que hacer mucho más trabajo allí yo mismo. Así que aplicó la solución, me dio un resumen de lo que hizo, y ahí está funcionando.

Así que pude usar Cline para generar una aplicación de películas que tiene un flujo completo de inicio de sesión y autenticación. También puedo hacer cosas como persistir y gestionar mis favoritos. Así que podemos hacer cosas como navegar por diferentes categorías. Tenemos nuestros favoritos aquí, estoy conectado. Puedo buscar diferentes películas, así que aquí hay un montón de diferentes películas de Batman que busqué. Puedo ver mis listas, puedo revisar mis comedias cursis y vergonzosas de los 2000. Y puedo crear nuevas listas y simplemente gestionar todas las películas que amo. Y en general, funciona muy bien. He estado disfrutando usar Cline.

Otra cosa sobre Cline es que ya soporta la función de uso de computadora de Anthropics. Así que te mostré que puede lanzar un navegador. También puede ayudarte con pruebas de extremo a extremo. Así que puedes lanzar un navegador en tu nombre, hacer clic en elementos, escribir texto, desplazarte, capturar capturas de pantalla. Aquí está probando una aplicación de tareas, y ya está averiguando en qué elementos de la UI hacer clic. Y si detecta problemas, puede intentar solucionarlos por sí mismo en ese tipo de bucle agentic del que hablaba antes. Así que consejos rápidos de Cline. Para mantener tus costos bajos, Cline en sí es gratis, para mantener tus costos generales bajos, considera usar algo como OpenRouter o modelos locales. Esto realmente evitará que tengas que gastar mucho dinero cada mes en estas cosas. Usa instrucciones personalizadas para mejorar su rendimiento. Tiene ideas similares a las reglas de cursor. Divide las tareas grandes en tareas más pequeñas, en general, eso también puede ayudarte. Entonces, ¿cómo se comparan todas estas cosas? Bueno, mi último proceso es realmente usar v0 para componentes, o de lo contrario Bolt para mi arranque completo de pila, y luego Cline o Cursor son realmente útiles para la iteración, donde quiero seguir construyendo más allá de ese MVP. Bolt y v0 son realmente buenos para usuarios no técnicos y amigables, y Cursor y Cline tienden a ser un poco más para tu ingeniero de software tradicional.

11. Guidelines for Coding with Agents

Short description:

Al codificar con agentes, ten en cuenta la importancia de definir con precisión los requisitos, elegir el modelo correcto, planificar los límites de tokens y realizar pruebas frecuentes. Los agentes ofrecen oportunidades para momentos felices y sorprendentes, acelerando el proceso de desarrollo. Habrá un cambio en cómo los desarrolladores abordan el desarrollo de software a medida que los flujos de trabajo se vuelvan más maduros.

¿Qué otras pautas puedo darte? Bueno, es mejor ir despacio en la dirección correcta. Y así, hay algunas cosas rápidas que he aprendido y quiero ampliar y darte como consejo.

Entonces, si estás codificando con agentes, hay cuatro cosas a tener en cuenta. Primero, los requisitos deben definirse con precisión si deseas obtener los resultados que realmente deseas. Dos, elige el modelo correcto para tu tarea específica. Eso puede afectar cosas como el rendimiento y el costo. Planifica los límites de tokens, como hay casos en los que he estado trabajando en aplicaciones y de repente alcanzo un límite máximo, y no podré hacer nada hasta el día siguiente o un par de horas después. Así que planifica para eso. Y finalmente, las pruebas frecuentes son vitales porque los agentes de IA a veces pueden modificar involuntariamente secciones de código no relacionadas, partes no relacionadas de tu UI. A veces eso puede llevar a accidentes felices, y a veces pueden llevar a accidentes sorprendentes.

Así que hemos visto a la IA cometer errores. Aquí está Photoshop con algunas características de IA, y vamos a ver que este es un Mark Zuckerberg feliz. Este es un accidente feliz. Y también podemos echar un vistazo a cómo se ve un accidente sorprendente. Así que vamos a desplazarnos. Hermoso. Nunca se ha visto mejor. Así que para concluir, los agentes representan una gran oportunidad para algunos momentos felices, algunos momentos sorprendentes. Te van a ayudar a pasar de la idea a la ejecución un poco más rápido. Y a medida que esos flujos de trabajo se vuelvan más maduros, creo que vamos a ver un gran cambio en cómo los desarrolladores abordan la construcción de software. Espero que hayas encontrado esto útil. He sido Adi Osmani. Gracias.

QnA

The Importance of Clear and Concise Instructions

Short description:

La capacidad de tener una idea clara de qué construir y pensar con precisión sobre el resultado deseado es crucial. Las habilidades en inglés, ser descriptivo y específico, son clave para el futuro. Ser claro y conciso con las instrucciones da sus frutos.

Has estado enviando algunas preguntas, y si aún quieres hacerlo, asegúrate de ir a slido.com. Déjame ver. Era el código 1118, creo que era. Y podrás participar. Y hemos estado recibiendo algunas, así que eso es genial. Vamos a entrar en eso ahora mismo. Adi. Bienvenido. Adri, hola.

Muy bien. Así que voy a empezar con mi propia pregunta, porque se me permite. Y voy a empezar con una cita, y la cita es la siguiente, de Andrej Karpathy. El nuevo lenguaje de programación más candente es el inglés. Por favor comenta. Eso es algo excelente para preguntarme. Creo que a medida que avanzamos, la capacidad de una persona para tener una idea muy clara de lo que quieren construir va a ser crucial. La gente dice, como, la razón por la que los ingenieros de software no van a ser reemplazados es porque los clientes no saben lo que quieren. Correcto. Correcto. No pueden describirlo en detalle. Y creo que esa capacidad es poder pensar con precisión sobre lo que estás tratando de construir para que puedas optimizar y obtener el resultado que deseas. Creo que eso va a ser realmente importante. Así que las habilidades en inglés, poder ser muy descriptivo y muy específico, creo que eso es clave para el futuro. Genial.

Y, sabes, pregunto eso porque recuerdo haber visto o escuchado un podcast, y estaban hablando de eso específicamente. Y este ingeniero que había estado mucho tiempo en el espacio dijo, sabes, se sentía un poco un poco decepcionado de que los cursos de humanidades estaban, sabes, sabes, creando obteniendo quiero decir, estábamos en el asiento trasero ahora y STEM estaba básicamente al frente todo el tiempo. Pero ahora estamos viendo que, sabes, poder ser claro y conciso con las instrucciones va a dar sus frutos al final. Absolutamente. Muy bien. Así que gracias.

The Role of Engineers in AI-Generated Code

Short description:

La IA puede generar código, pero los ingenieros experimentados siguen siendo necesarios para entender la arquitectura y resolver problemas. Depurar el código generado por IA puede ser un desafío. Los roles para ingenieros seguirán siendo relevantes. Bolt es versátil en la generación de código a través de diferentes frameworks. La función CLI que muestra el costo es genial.

Y vamos, quiero decir, esto vuelve a lo que estás diciendo. Tengo una pregunta aquí mismo, que es la clásica que hemos escuchado bastante ahora. ¿La IA nos dejará sin trabajo? Estaba leyendo una historia ayer sobre un desarrollador que había pasado unas horas construyendo un conjunto completo de nuevas características. Y las cosas salieron mal muy rápidamente. Luego tuvieron que revertir todo el conjunto de características. Y se dieron cuenta de que sí, es fácil para la IA generar código, incluso generar un MVP. Pero la necesidad de tener ingenieros experimentados que realmente entiendan la arquitectura, que entiendan los problemas que realmente se están resolviendo, no va a desaparecer en el corto plazo y en el corto a mediano plazo. Definitivamente. Creo que la capacidad de razonar sobre los problemas adecuadamente para poder ayudar a las personas a depurar, vamos a ver cómo la IA democratizará a más y más ingenieros, más y más personas podrán construir. Pero también va a abrir todo tipo de problemas donde las personas necesitarán depurar ese código generado por IA. Y si no sabes qué se ha generado, eso va a ser un problema. Correcto. Así que creo que hay continuas, seguirán habiendo roles para ingenieros definitivamente por muchos años más. Genial. Muchas gracias por esa pregunta. Persona anónima.

Vi otra aquí a la que quiero llegar. Oh, esta pregunta es de Renee. ¿Es Bolt mejor en la generación de código en ciertos stacks o frameworks o puedes especificar un stack? Gran pregunta. Así que para ampliar muy rápidamente, el verdadero superhéroe en muchas de las cosas que te mostré hoy es Claude Sonnet. Y creo que los proveedores de modelos tal vez no reciben tanto amor o aprecio como merecen. Hay muchos grandes modelos por ahí hoy, por cierto. Creo que con Bolt específicamente, hacen un muy buen trabajo al poder generar a través de diferentes frameworks. Así que mi experiencia no es solo React y Next.js, también es bueno para Vue y Svelte y muchos otros tipos de frameworks. Así que no está limitado a solo un conjunto estrecho de usuarios. Gracias por eso. Tengo que disculparme porque estas páginas están saltando arriba y abajo.

Bien. Aquí hay otra. La función CLI que muestra el costo es realmente genial.

Insights into Energy Consumption

Short description:

No, no he visto herramientas que proporcionen información sobre el consumo de energía. Es una gran oportunidad para que alguien investigue. Se llevará a cabo una charla sobre sostenibilidad en uno o dos días.

¿Has visto alguna herramienta que proporcione información sobre el consumo de energía? ¿Consumo de energía en el AIS? En realidad, no, no lo he visto. En Another Lifetime, hablamos mucho sobre cosas como el rendimiento. E incluso entonces, hablábamos ocasionalmente sobre el consumo de energía y estamos lanzando tanto JavaScript en la web, estamos usando ciclos de CPU todo el tiempo. Y creo que incluso hace unos años, la gente estaba muy interesada en esta idea de obtener más información sobre el consumo de energía en general porque no se trata solo de, oh, hey, estás ejecutando JavaScript en la computadora de un cliente. Hay muchos servidores en el camino que también están usando energía, ¿verdad? Estás usando cada vez más renderizado en el servidor. ¿Cuál es el costo de eso? TLDR, no, no he visto herramientas que hagan esto. Creo que es una gran oportunidad para que alguien lo investigue. Absolutamente. Y si no me equivoco, habrá una charla sobre sostenibilidad en algún momento durante el próximo día o dos. Así que esa sería otra oportunidad para tener esa conversación.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Construyendo un Asistente AI Activado por Voz con Javascript
JSNation 2023JSNation 2023
21 min
Construyendo un Asistente AI Activado por Voz con Javascript
Top Content
This Talk discusses building a voice-activated AI assistant using web APIs and JavaScript. It covers using the Web Speech API for speech recognition and the speech synthesis API for text to speech. The speaker demonstrates how to communicate with the Open AI API and handle the response. The Talk also explores enabling speech recognition and addressing the user. The speaker concludes by mentioning the possibility of creating a product out of the project and using Tauri for native desktop-like experiences.
IA y Desarrollo Web: ¿Exageración o Realidad?
JSNation 2023JSNation 2023
24 min
IA y Desarrollo Web: ¿Exageración o Realidad?
Top Content
This talk explores the use of AI in web development, including tools like GitHub Copilot and Fig for CLI commands. AI can generate boilerplate code, provide context-aware solutions, and generate dummy data. It can also assist with CSS selectors and regexes, and be integrated into applications. AI is used to enhance the podcast experience by transcribing episodes and providing JSON data. The talk also discusses formatting AI output, crafting requests, and analyzing embeddings for similarity.
El Ascenso del Ingeniero de IA
React Summit US 2023React Summit US 2023
30 min
El Ascenso del Ingeniero de IA
Top Content
The rise of AI engineers is driven by the demand for AI and the emergence of ML research and engineering organizations. Start-ups are leveraging AI through APIs, resulting in a time-to-market advantage. The future of AI engineering holds promising results, with a focus on AI UX and the role of AI agents. Equity in AI and the central problems of AI engineering require collective efforts to address. The day-to-day life of an AI engineer involves working on products or infrastructure and dealing with specialties and tools specific to the field.
Aplicaciones Web del Futuro con Web AI
JSNation 2024JSNation 2024
32 min
Aplicaciones Web del Futuro con Web AI
Web AI in JavaScript allows for running machine learning models client-side in a web browser, offering advantages such as privacy, offline capabilities, low latency, and cost savings. Various AI models can be used for tasks like background blur, text toxicity detection, 3D data extraction, face mesh recognition, hand tracking, pose detection, and body segmentation. JavaScript libraries like MediaPipe LLM inference API and Visual Blocks facilitate the use of AI models. Web AI is in its early stages but has the potential to revolutionize web experiences and improve accessibility.
Cobertura de código con IA
TestJS Summit 2023TestJS Summit 2023
8 min
Cobertura de código con IA
Premium
Codium is a generative AI assistant for software development that offers code explanation, test generation, and collaboration features. It can generate tests for a GraphQL API in VS Code, improve code coverage, and even document tests. Codium allows analyzing specific code lines, generating tests based on existing ones, and answering code-related questions. It can also provide suggestions for code improvement, help with code refactoring, and assist with writing commit messages.
AI + UX: Diseño de Producto para Experiencias Inteligentes
C3 Dev Festival 2024C3 Dev Festival 2024
28 min
AI + UX: Diseño de Producto para Experiencias Inteligentes
Premium
AI design challenges include bias, safety, and security. Trust and transparency are important in AI. Design principles for AI include user control, fighting bias, and promoting good decision-making. AI can enable the design process and investors expect to see it included in products. AI empowers individuals to create and share ideas, but managing expectations is crucial.

Workshops on related topic

IA a demanda: IA sin servidor
DevOps.js Conf 2024DevOps.js Conf 2024
163 min
IA a demanda: IA sin servidor
Top Content
Featured WorkshopFree
Nathan Disidore
Nathan Disidore
En esta masterclass, discutimos los méritos de la arquitectura sin servidor y cómo se puede aplicar al espacio de la IA. Exploraremos opciones para construir aplicaciones RAG sin servidor para un enfoque más lambda-esque a la IA. A continuación, nos pondremos manos a la obra y construiremos una aplicación CRUD de muestra que te permite almacenar información y consultarla utilizando un LLM con Workers AI, Vectorize, D1 y Cloudflare Workers.
AI para Desarrolladores de React
React Advanced 2024React Advanced 2024
142 min
AI para Desarrolladores de React
Top Content
Featured Workshop
Eve Porcello
Eve Porcello
El conocimiento de las herramientas de AI es fundamental para preparar el futuro de las carreras de los desarrolladores de React, y la suite de herramientas de AI de Vercel es una vía de acceso accesible. En este curso, examinaremos más de cerca el Vercel AI SDK y cómo esto puede ayudar a los desarrolladores de React a construir interfaces de transmisión con JavaScript y Next.js. También incorporaremos APIs de terceros adicionales para construir y desplegar una aplicación de visualización de música.
Temas:- Creación de un Proyecto de React con Next.js- Elección de un LLM- Personalización de Interfaces de Transmisión- Construcción de Rutas- Creación y Generación de Componentes - Uso de Hooks (useChat, useCompletion, useActions, etc)
How to 9,2x Your Development Speed with Cline
JSNation 2025JSNation 2025
64 min
How to 9,2x Your Development Speed with Cline
Featured Workshop
Nik Pash
Nik Pash
La forma en que escribimos código está cambiando fundamentalmente. En lugar de quedar atrapado en bucles anidados y detalles de implementación, imagine enfocarse puramente en la arquitectura y la resolución creativa de problemas mientras su programador de pares de IA maneja la ejecución. En esta masterclass práctica, te mostraré cómo aprovechar Cline (un agente de codificación autónomo que recientemente alcanzó 1M de descargas en VS Code) para acelerar drásticamente tu flujo de trabajo de desarrollo a través de una práctica que llamamos "vibe coding" - donde los humanos se enfocan en el pensamiento de alto nivel y la IA maneja la implementación.Descubrirás:Los principios fundamentales del "vibe coding" y cómo se diferencia del desarrollo tradicionalCómo diseñar soluciones a un alto nivel y hacer que la IA las implemente con precisiónDemostración en vivo: Construcción de un sistema de almacenamiento en caché de grado de producción en Go que nos ahorró $500/semanaTécnicas para usar IA para entender bases de código complejas en minutos en lugar de horasMejores prácticas para solicitar a los agentes de IA que obtengan exactamente el código que deseasErrores comunes a evitar al trabajar con asistentes de codificación de IAEstrategias para usar IA para acelerar el aprendizaje y reducir la dependencia de ingenieros seniorCómo combinar efectivamente la creatividad humana con las capacidades de implementación de IAYa sea que seas un desarrollador junior que busca acelerar tu aprendizaje o un ingeniero senior que desea optimizar tu flujo de trabajo, saldrás de esta masterclass con experiencia práctica en desarrollo asistido por IA que puedes aplicar inmediatamente a tus proyectos. A través de demostraciones de codificación en vivo y ejercicios prácticos, aprenderás cómo aprovechar Cline para escribir mejor código más rápido mientras te enfocas en lo que importa: resolver problemas reales.
Building Full Stack Apps With Cursor
JSNation 2025JSNation 2025
46 min
Building Full Stack Apps With Cursor
Featured Workshop
Mike Mikula
Mike Mikula
En esta masterclass cubriré un proceso repetible sobre cómo iniciar aplicaciones full stack en Cursor. Espere comprender técnicas como el uso de GPT para crear requisitos de producto, esquemas de base de datos, hojas de ruta y usarlos en notas para generar listas de verificación que guíen el desarrollo de aplicaciones. Profundizaremos más en cómo solucionar alucinaciones/errores que ocurren, indicaciones útiles para hacer que su aplicación se vea y se sienta moderna, enfoques para conectar cada capa y más. Al final, ¡espere poder ejecutar su propia aplicación full stack generada por IA en su máquina!
Por favor, encuentre las preguntas frecuentes aquí
Webinar gratuito: Construyendo aplicaciones Full Stack con Cursor
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
71 min
Webinar gratuito: Construyendo aplicaciones Full Stack con Cursor
Top Content
WorkshopFree
Mike Mikula
Mike Mikula
Para asistir al webinar, por favor regístrate aquí.En este webinar cubriré un proceso repetible sobre cómo iniciar aplicaciones Full Stack en Cursor. Espera entender técnicas como usar GPT para crear requisitos de producto, esquemas de base de datos, hojas de ruta y usar esos en notas para generar listas de verificación que guíen el desarrollo de la aplicación. Profundizaremos más en cómo corregir alucinaciones/errores que ocurren, indicaciones útiles para hacer que tu aplicación se vea y se sienta moderna, enfoques para conectar cada capa y más. Al final, ¡espera poder ejecutar tu propia aplicación Full Stack generada por IA en tu máquina!
Trabajando con OpenAI y la Ingeniería de Prompts para Desarrolladores de React
React Advanced 2023React Advanced 2023
98 min
Trabajando con OpenAI y la Ingeniería de Prompts para Desarrolladores de React
Top Content
Workshop
Richard Moss
Richard Moss
En esta masterclass daremos un recorrido por la IA aplicada desde la perspectiva de los desarrolladores de front end, enfocándonos en las mejores prácticas emergentes cuando se trata de trabajar con LLMs para construir grandes productos. Esta masterclass se basa en los aprendizajes obtenidos al trabajar con la API de OpenAI desde su debut en noviembre pasado para construir un MVP funcional que se convirtió en PowerModeAI (una herramienta de creación de ideas y presentaciones orientada al cliente).
En la masterclass habrá una mezcla de presentación y ejercicios prácticos para cubrir temas que incluyen:
- Fundamentos de GPT- Trampas de los LLMs- Mejores prácticas y técnicas de ingeniería de prompts- Uso efectivo del playground- Instalación y configuración del SDK de OpenAI- Enfoques para trabajar con la API y la gestión de prompts- Implementación de la API para construir una aplicación orientada al cliente potenciada por IA- Ajuste fino y embeddings- Mejores prácticas emergentes en LLMOps