Desarrolla software más rápidamente con IA: programación práctica de IA con IDE modernos | Kurt Anderson | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Desarrolla software más rápidamente con IA: programación práctica de IA con IDE modernos

teacher avatar Kurt Anderson, Computer Scientist, Multi-Media Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción 2

      2:10

    • 2.

      IDE de IA

      6:42

    • 3.

      Piensa como un director: el contexto es el rey

      6:47

    • 4.

      Desarrolla características más rápido

      7:12

    • 5.

      Refactorización rápida de código

      3:59

    • 6.

      Deja de dedicar horas a la depuración

      6:30

    • 7.

      Usa IA para arreglar la IA

      2:25

    • 8.

      Comprende rápidamente bases de código complejas

      3:05

    • 9.

      Ajustar tu IA para que siga tus reglas

      3:23

    • 10.

      Tu turno: descripción del proyecto

      0:50

    • 11.

      Conclusión

      1:31

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

7

Estudiantes

--

Proyectos

Acerca de esta clase

Crea más rápido con IA: programación práctica de IA con IDE modernos

La IA ya está cambiando la forma de escribir el software, pero la mayoría de los desarrolladores confían demasiado en ella o no la usan de manera eficaz.

En esta clase, aprenderás a usar la IA de la manera correcta dentro de entornos de desarrollo modernos como Cursor, Copilot e IDE basados en IA para escribir mejor código más rápido, sin perder el control o la comprensión.

Este no es un curso exagerado ni una lista de indicaciones inteligentes. Se trata de una guía práctica y centrada en el desarrollador para que use la IA como herramienta de productividad, no como una muleta.

Lo que aprenderás

  • Cómo los ID de IA entienden realmente tu código y contexto del proyecto

  • Cómo indicar de manera clara y consistente a la IA para las tareas de codificación

  • Generar características y bollos de arte sin caos de copiar y pegar

  • Refactorización de código desordenado o heredado de forma segura

  • Depurar errores más rápidamente con el razonamiento asistido por IA

  • Entender bases de código desconocidas con explicaciones de IA

  • Cuándo no usar IA (y por qué esto es importante)

A QUIÉN ESTÁ DIRIGIDA LA CLASE

  • Programadores principiantes e intermedios

  • Estudiantes de ciencias de la computación y personas que cambian de carrera

  • Desarrolladores que sienten curiosidad por la IA, pero no saben cómo utilizarla de manera responsable

  • Cualquiera que quiera codificar más rápido y entender mejor su código

No se requieren conocimientos avanzados en matemáticas ni aprendizaje automático, solo conocimientos básicos de programación.

Conoce a tu profesor(a)

Teacher Profile Image

Kurt Anderson

Computer Scientist, Multi-Media Designer

Profesor(a)

Hello, I'm Kurt.

I am a self-taught multi-media designer and computer scientist who has helped bring the creative vision of clients all around the world to life. Having 8+ years of experience in the Adobe Production Suite has given me a strong tool-set to create anything from videos to websites. Along with this, having a degree in Computer Science has given me a strong analytical mind for dealing with complex problems. Through these two disciplines I create a unique blend of efficiency and creativity. I believe anyone can become a designer or programmer. All it takes is practice.

I am also a world traveler and have lived in and learned from many different countries. During a 6 month stay in Japan, I became fascinated with their people's drive and craftsmanship. I try to i... Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción 2: Todos, y bienvenidos a este curso. Vamos a estar cubriendo cómo los desarrolladores deberían usar la IA para acelerar su flujo de trabajo y continuar creando código de alta calidad. Entonces con este curso, lo que realmente vamos a estar cubriendo son los conceptos básicos de la IA y algunos de los consejos y trucos que un desarrollador puede usar para utilizarla de una manera rápida y eficiente. Muchas veces, cuando usas IA, crea código malo o bien. Y esto puede crear un problema, porque si le estamos pidiendo que haga algo y lo está haciendo de una manera que nos haga tener que revisar cada paso del mismo, bueno, realmente no nos está ahorrando tiempo al final del día. Lo que queremos hacer con este curso es mostrarte cómo puedes usar la IA, cómo puedes solicitarla, cómo puedes configurarla, cómo puedes crear un flujo de trabajo que acelerará la forma en que te desarrollas en lugar de que solo sea otro obstáculo que tienes que superar No podemos pasar por alto el hecho de que la IA, especialmente en la programación, es sumamente importante porque puede ayudarnos a resolver errores que solían llevarnos semanas en tan solo una hora o menos. Puede ayudarnos a construir funciones completas desde cero en solo un par de minutos lo que también nos puede haber llevado semanas. Puede ayudarnos a refacturar el código antiguo, y puede ayudarnos a hacer muchas tareas serviles mucho Debido a esto, las personas que saben cómo utilizar la IA van a ser las siguientes con mejores resultados en el campo del desarrollo de software. Entonces, si quieres ser uno de los mejores desarrolladores, entonces necesitas conocer la IA. Todas las empresas están cambiando lentamente a él. Algunos son más lentos que otros, pero eventualmente, diría que en los próximos dos o tres años, mayoría de las empresas necesitarán utilizarlo si quieren mantenerse a la vanguardia. Por eso, tenemos que asegurarnos de que nuestras habilidades coincidan con lo que esperan estas empresas. Entonces, en este curso, vamos a estar cubriendo los conceptos básicos de un IDE de IA, mostrando cómo podemos utilizarlo para crear un nuevo proyecto, para crear una nueva característica, para refacturar el código antiguo y, en general, simplemente utilizarlo en nuestro flujo de trabajo diario Entonces esos van a ser los objetivos de este curso, y al final del mismo, podrás construir tu propio proyecto e impulsar la IA de una manera que acelere tu flujo de trabajo de desarrollo. Es realmente, realmente una tecnología increíble, y hay mucho que aprender aquí, pero no está tan mal al final de la misma. Así que estoy emocionada de saltar. Así que sigamos adelante y comencemos a aprender a usar la IA para acelerar nuestro flujo de trabajo como desarrollador. 2. IDE de IA: Así que tenemos que empezar y realmente averiguar cómo usamos la IA en nuestro código. Hay algunas formas diferentes en las que podemos utilizar la IA. El que probablemente todos conocemos en este momento es el primero en la escena, y ese es HagiBT Podemos copiar y pegar algún código aquí, hacerle una pregunta, pedirle que lo refactorice, y va a hacer un trabajo bastante bueno de eso El problema, sin embargo, es que este es un flujo de trabajo bastante lento. Vas a mirar tu código, encuentras un problema, lo copias, lo pones en el chachiBT Hay que darle todo el contexto para que sepa lo que está tratando de lograr. Haga clic en Entrar. Se ve bien. No lo has podido probar. Tienes que copiarlo y pegarlo de nuevo en tu DNI. Y es este ciclo el que puede ser muy lento. Acelera algunas cosas, como encontrar errores y todo, pero no lo acelera a la manera que es una forma eficiente y uso de tu tiempo. Entonces ahí es donde entramos con los IDE de IA. Esencialmente, son solo ID con IA implementada en ellos. Por lo general, también puedes simplemente encontrar un enchufe y ponerlo en tu IDE favorito, también. Entonces, en este caso, vamos a estar hablando de Cursor. Ese es el que vamos a usar para toda esta serie aquí. Sin embargo, puedes utilizar el que quieras. Todos prácticamente funcionan generalmente de la misma manera. Simplemente podrían tener un conjunto diferente de modelos que puedes usar. Con Cursor, esencialmente, lo que vamos a hacer es comenzar de cero y construir algo. Puedes ver si solo vas a su página web cursor.com, puedes descargarla ahora mismo en Mac o Windows y realmente ponerte en marcha con Hay un nivel gratuito, así que puedes hacerle algunas preguntas, puede ser un poco más lento, puede ser un poco más tonto, pero sí tiene un nivel gratuito bastante bueno Si quieres pagar los $20 mensuales, puedes acceder a algunos modelos mejores, y podría valer la pena para el propósito de aprendizaje, pero puedes continuar gratis. Aquí. También quería hablar de otros dos grandes actores del mercado. Claude Claude es algo que también puedes descargar y usar. De hecho, estamos usando algunos de sus modelos en Cursor. Entonces eso es algo que vamos a estar trabajando aquí es que solo porque estemos usando el cursor no significa que estemos encerrados en lo que sea que el cursor del modelo cree. En realidad acaban de crear uno llamado compositor. Pero podemos usar GPT. Podemos usar a Claude. Podemos usar Microsoft. Podemos usar todos estos otros modelos de IA a través del cursor. Con Claude, prácticamente puedes hacer lo mismo, pero está más adaptado a su conjunto específico de diferentes modelos, pero puedes llegar a ellos. Y el copiloto es otro distinto, también. Puedes ver que es una especie de híbrido donde puedes hacerle preguntas aquí o también puedes implementarlo en tu base de código. Hay muchos y muchos de estos productos por aquí. Así que encuentra el que más te sienta cómodo. Pero para este curso, vamos a estar enfocándonos en el cursor. Entonces, una vez que realmente abrimos nuestro IDE aquí, lo instalamos. Podemos seguir adelante y abrir un proyecto. Se le va a presentar este punto de vista. Tus colores serán ligeramente diferentes porque los he cambiado ajusten solo a algo que disfruto para este segundo actual. Se parece mucho al código VS porque estaba prácticamente bifurcado del repositorio de código VS Por lo tanto, tendrá muchas de las mismas habilidades para utilizar los complementos si usa VS Code y utiliza toda la tematización, también Lo que queremos hacer es cuando arranquemos aquí en este lado derecho, vamos a ver el panel de IA de alternar. En cualquier otra identificación, vas a tener algo a lo largo de esto también. Podría estar en la parte inferior, podría estar en el lado izquierdo, podría estar en el medio, pero habrá alguna manera de que puedas comunicarte con tu base de código y con tus diferentes agentes. Con esto, podemos entonces realmente comenzar a comunicarnos con la IA. Por aquí, podemos seguir adelante y escribir cosas, y eso creará cosas en nuestro proyecto. Sólo será un complemento . Será algo con lo que podamos comunicarnos a medida que estamos construyendo. Muchas identificaciones diferentes, también, tendrán estas diferentes características. Esta tasa de características aquí es para cambiar entre los modos de su IA. Entonces ahora mismo está en Agente. Este es el más poderoso porque Agente le da permiso para hacer cosas. En lugar de que solo le hagas una pregunta y te des una respuesta, puede ir a buscar la respuesta. Puede mirar a través de tu base de código, o incluso puede mirar a través de todo tu escritorio si le das permiso para hacerlo. Entonces Agent es el más poderoso, y es lo que por defecto. Si no quieres que toque el código, sin embargo, puedes cambiarlo para pedir algunos problemas. A veces toca el código cuando no quieres que lo haga. Entonces esa es tu línea de base. Haz clic en Preguntar, no tocará tu código. No voy a cambiar nada. Planear y depurar son específicos del cursor, pero otros ID diferentes también están saliendo con estos, y son bastante sencillos. Si está tratando de planificar una gran función extendida, es posible que desee utilizar el indicador de planificación. Te va a ayudar con eso. Si estás tratando de depurar un cierto error aquí, puedes golpear esa depuración y será más inteligente en ese sentido. Y el siguiente lado, lo que tenemos aquí son nuestros modelos. Entonces estos son los modelos que tengo instalados actualmente en los míos. Hay más modelos. Y si haces clic en este botón, los listará todos, puedes agregar a quien quieras en. Y luego hay un modo Max, que permite que la ventana Contexto sea más grande para proyectos realmente grandes. Si cuesta más si haces eso. Entonces compositor es el que creó Cursor. Se puede ver que dice aquí mismo, el primer modelo de codificación agéntica del cursor primer modelo de codificación agéntica Entonces, este es el más barato para el cursor porque está utilizando el propio código del Cursor. Entonces tenemos a Opus aquí mismo. Este es el modelo Antropicting. Es muy, muy bueno, un poco caro, pero muy bueno. Sone también es muy buen modelo de pensamiento antropico. Aquí tenemos la serie GPT, así que GBT 5.1, GBT 5.2 Tenemos a Géminis. Este es el último modelo de Google en este momento. Y luego tenemos algunos otros como este mini. Tenemos un Grock. Y si haces clic en Agregar aquí, puedes hacer clic en Ver todos los modelos, y hay todos estos modelos que puedes intentar implementar y utilizar. Para este curso en particular, voy a seguir con nuestro sont antrópico probablemente para cinco Para la mayor parte de esto, podría usar un poco de compositor, pero los modelos van a cambiar a medida que avancemos. Algunos van a mejorar. Vas a, ya sabes, como que te poner cómodo con unos pocos, no sentirte cómodo con algunos otros. Y entonces tenemos que asegurarnos de que los estamos utilizando de la mejor manera posible. Otra área para esto, también, y esta es completamente nueva, así que quiero enseñarla. Ves estos pequeños pensamientos, estos pequeños cerebros al lado de esto, eso es pensar. Entonces, esencialmente, pensar significa que realmente va a analizar la pregunta antes de que responda. Esto es, de nuevo, un poco más costoso, pero suele proporcionar mejores situaciones y mejores respuestas. No obstante, voy a encender estos dos modelos aquí mismo sin pensarlo. Eso me va a permitir elegir si quiero que vaya un poco más profundo o si no quiero que vaya un poco más profundo. Entonces podemos ver que se agregan por aquí. Tenemos Opus 45 y ahora 45 pensando y Sont 45 y Sont 45 Entonces eso es lo básico de nuestra tasa IDE aquí. Lo hemos instalado. Lo hemos mirado. Tenemos algunos agentes por aquí. Podemos hacerle preguntas, y de hecho podemos comenzar a codificar. Entonces sigamos adelante y comencemos a hacer eso. 3. Piensa como un director: el contexto es el rey: Entonces, necesitamos comenzar y realmente averiguar cómo usamos la IA en nuestro código. Hay algunas formas diferentes en las que podemos utilizar la IA. El que probablemente todos conocemos en este momento es el primero en la escena, y eso es HGBT Podemos copiar y pegar algún código aquí, hacerle una pregunta, pedirle que lo refactorice, y va a hacer un trabajo bastante bueno de eso El problema, sin embargo, es que este es un flujo de trabajo bastante lento. Vas a mirar tu código, encuentras un problema, lo copias, lo pones en el chachiBT Hay que darle todo el contexto para que sepa lo que está tratando de lograr. Haga clic en Entrar. Se ve bien. No has sido capaz de probarlo. Tienes que copiarlo y pegarlo de nuevo en tu IDE, y es este ciclo el que puede ser muy lento. Acelera algunas cosas como encontrar errores y todo, pero no lo acelera a la manera que es una forma eficiente y uso de tu tiempo. Entonces ahí es donde entramos con los IDE de IA. Esencialmente, son solo IDE con IA implementada en ellos. Por lo general, también puedes simplemente encontrar un enchufe y ponerlo en tu IDE favorito, también. Entonces, en este caso, vamos a estar hablando de Cursor. Ese es el que vamos a usar para toda esta serie aquí. Sin embargo, puedes utilizar el que quieras. Todos prácticamente funcionan generalmente de la misma manera. Simplemente podrían tener un conjunto diferente de modelos que puedes usar. Con Cursor, esencialmente, lo que vamos a estar haciendo es comenzar de cero y construir algo, ya puedes ver, si solo vas a su sitio web cursor.com, puedes descargarlo ya mismo en Mac o Windows y realmente ponerte en marcha Es un nivel gratuito, así que puedes hacerle algunas preguntas, puede ser un poco más lento, puede ser un poco más tonto, pero sí tiene un nivel gratuito bastante bueno Si quieres pagar los $20 mensuales, puedes tener acceso a algunos modelos mejores, y podría valer la pena para el propósito de aprendizaje, pero puedes continuar gratis con Kurt Entonces quería hablar de otros dos grandes actores del mercado. Claude Claude es algo que también puedes descargar y usar. De hecho, estamos usando algunos de sus modelos en Cursor. Entonces eso es algo que vamos a estar trabajando aquí es que solo porque estemos usando Cursor no significa que estemos encerrados en cualquier modelo que Cursor cree. En realidad acaban de crear uno llamado Composer. Pero podemos usar GPT, Wiki Noticias Claude, Wiki Noticias Microsoft Podemos usar todos estos otros modelos de IA a través de Cursor. Con Claude, prácticamente puedes hacer lo mismo, pero está más adaptado a su conjunto específico de diferentes modelos, pero puedes llegar a ellos. Y Copiloto es uno diferente, también. Puedes ver que es una especie de híbrido donde puedes hacer preguntas aquí o también puedes implementarlo en tu base de código Hay muchos y muchos de estos productos por aquí. Así que encuentra el que más te sienta cómodo. Pero para este curso, vamos a estar enfocándonos en Cursor. Entonces, una vez que realmente abrimos nuestro IDE aquí, lo instalamos. Podemos seguir adelante y abrir un proyecto. Se le va a presentar este punto de vista. Tus colores serán ligeramente diferentes porque los he cambiado ajusten solo a algo que disfruto para este segundo actual. Se parece mucho al código VS porque estaba prácticamente bifurcado del repositorio de VS Code Por lo tanto, tendrá muchas de las mismas habilidades para utilizar los complementos si usa el Código VS y utiliza toda la tematización, también Lo que queremos hacer es cuando arranquemos aquí, en este lado derecho, vamos a ver el panel de IA de alternar. En cualquier otro IDE, vas a tener algo a lo largo de esto también. Podría estar en la parte inferior, podría estar en el lado izquierdo, podría estar en el medio, pero habrá alguna manera de que puedas comunicarte con tu base de código y con tus diferentes agentes Con esto, podemos entonces realmente comenzar a comunicarnos con la IA. Por aquí, podemos seguir adelante y escribir cosas, y eso creará cosas en nuestro proyecto. Sólo será un complemento. Será algo con lo que podamos comunicarnos a medida que estamos construyendo. Muchos IDEs diferentes también, tendrán estas diferentes características. Esta tasa de características aquí es para cambiar entre los modos de su IA. Entonces ahora mismo está en Agente. Este es el más poderoso porque Agente le da permiso para hacer cosas. En lugar de que solo le hagas una pregunta y te des una respuesta, puede ir a buscar la respuesta. Puede mirar a través de tu base de código, o incluso puede mirar a través de todo tu escritorio si das permiso para hacerlo Entonces Agent es el más poderoso y es lo que por defecto. Si no quieres que toque el código, sin embargo, puedes cambiarlo para pedir algunos problemas. A veces toca el código cuando no quieres que lo haga. Entonces esa es tu línea de base. Usted hace clic en Preguntar No tocaré su código. No va a cambiar ninguna. Planificar y depurar son específicos de Cursor, pero otros ID diferentes también están saliendo con estos, y son bastante sencillos. Si está tratando de planificar una gran función extendida, es posible que desee utilizar el indicador de planificación. Yo te ayudaré con eso. Si estás tratando de depurar un cierto error aquí, puedes golpear esa depuración y será más inteligente en ese sentido. Y el siguiente lado, lo que tenemos aquí son nuestros modelos. Entonces estos son los modelos que tengo instalados actualmente en los míos. Hay más modelos. Y si haces clic en este botón, los listará todos, puedes agregar a quien quieras en. Y luego hay un modo Max, que permite que la ventana Contexto sea más grande para proyectos realmente grandes. Si cuesta más si haces eso. Entonces compositor es el que creó Cursor. Se puede ver que dice aquí mismo, el primer modelo de codificación agéntica del cursor primer modelo de codificación agéntica Entonces, este es el más barato para Cursor porque está utilizando el propio código de Cursor. Entonces tenemos a Opus aquí mismo. Este es el modelo Antropicting. Es muy, muy bueno, un poco caro pero muy bueno. Sone también es muy buen modelo de pensamiento antropico. Aquí tenemos la serie GPT, así que GBT 5.1, GBT 5.2. Tenemos a Géminis. Este es el último modelo de Google en este momento. Y luego tenemos algunos otros como este mini. Tenemos un Grock. Y si haces clic en Agregar aquí, puedes hacer clic en Ver todos los modelos, y hay todos estos modelos que puedes intentar implementar y utilizar. Para este curso en particular, voy a estar pegando con nuestro antrópico probablemente Sonnet 45 Para la mayor parte de esto, podría usar un poco de compositor, pero los modelos van a cambiar a medida que avancemos. Algunos van a mejorar. Vas a, ya sabes, como que te poner cómodo con unos pocos, no sentirte cómodo con algunos otros. Y entonces tenemos que asegurarnos de que los estamos utilizando de la mejor manera posible. Otra área para esto, también, y esta es completamente nueva, así que quiero enseñarla. Ves estos pequeños pensamientos, estos pequeños cerebros al lado de esto, eso es pensar. Entonces, esencialmente, pensar significa que realmente va a analizar la pregunta antes de que responda. Esto es, de nuevo, un poco más costoso, pero suele proporcionar mejores situaciones y mejores respuestas. Yo, sin embargo, voy a encender estos dos modelos aquí mismo sin pensarlo. Eso me va a permitir elegir si quiero que vaya un poco más profundo o si no quiero que vaya un poco más profundo. Entonces podemos ver que se agregan por aquí. Tenemos Opus 45 y ahora 45 pensando y Sont 45 y Sonnet 45 Entonces eso es lo básico de nuestra tasa IDE aquí. Lo hemos instalado. Lo hemos mirado. Tenemos algunos agentes por aquí. Podemos hacerle preguntas y de hecho podemos comenzar a codificar. Entonces sigamos adelante y comencemos a hacer eso. 4. Desarrolla características más rápido: Nosotros. Entonces hablemos del desarrollo de funciones. Las características son la forma esencial de agregar cosas nuevas a una aplicación o a un determinado producto. Y con esto, muchas veces, queremos implementar estas características de una manera rápida, limpia y eficiente. Bueno, una manera muy fácil de hacer esto es la mayoría de estas características, vienen como una tarjeta o un boleto de algún tipo. Entonces alguien más ya ha refinado esta característica. Si es algo en un proyecto personal y no tienes tarjetas, siempre puedes simplemente chatear con IA para crear una tarjeta o para que se expanda, ya sabes, hacerle preguntas, etcétera, etcétera, para que puedas obtener una descripción realmente buena Pero si tienes una característica encuentra. Por ejemplo, he copiado esto de Jira. Es un gran conjunto de características sobre la adición de modo claro y oscuro. Entonces, esencialmente, lo que estamos haciendo es que estamos creando luz y oscuridad alternadas por el usuario Hemos establecido los criterios de aceptación que podemos alternarlos manualmente. Comienza en default, calificando estrellas, etcétera Entonces esta es una tarjeta muy buena, y podemos copiar y pegar esto y básicamente hacer clic en Enter, y probablemente funcione muy bien. Pero para asegurarnos de que estamos creando código de calidad, cada vez que hacemos algo como esto, al final, queremos decir, antes de tocar cualquier código, dime tu plan para implementar esto o algo en esa línea. Entonces ahora, cuando realmente envíes esto, te va a dar su plan para ejecutar este código. Entonces va a seguir adelante y va a analizar la base de código muy rápido, entender cómo funciona Y luego nos va a dar los pasos que va a dar para lograr este objetivo. Y aquí es donde ser programador o alguien que tenga conocimientos en el espacio como desarrollador, puede entrar tu experiencia porque nos va a decir cómo va a ejecutarlo Entonces si miramos por aquí, podemos ver que nos da un bonito resumen arriba aquí. Entonces, dice, esencialmente, bien, lo que ya tenemos en su lugar es viento de cola con soporte de modo oscuro, variable CSS, preferencia del sistema y clases de modo oscuro Entonces esos ya están en nuestro código base. Lo que nos falta es alguna tematización manual, preferencia del usuario, sistema de tres estados y un script para evitar el flash de contenido sin estilo Entonces, esencialmente, lo que va a hacer es que va a hacer esto. Va a crear una infraestructura de temas, crear utilidades de almacenamiento de temas, cortar el tema, agregar funciones, soporte, preferencias de tienda y devolver el tema efectivo, crear el contexto y luego crear un script de prevención en el encabezado para que se ejecute antes para que no parpadee de blanco a oscuro cada vez que se carga Um y luego el componente de alternar tema. Va a ser un sistema de tres botones de luz, oscuridad o ciclo que gire a través de los tres. B. Y aquí es donde realmente podemos llegar un poco donde podamos empezar a poner nuestros comentarios. Entonces voy a decir en el 2.1, quiero que solo haya un menú desplegable de estas tres opciones. Así que estamos definiendo lo que va a hacer, en realidad estaba pensando en tal vez solo tener un ciclo ahí arriba donde puedas seguir haciendo clic en él una y otra vez, y esa no es realmente buena interfaz de usuario, al menos algo que no me he encontrado. Entonces quiero asegurarme de definirlo. Estado activo visual para la selección actual, pestaña Área accesible, sí, posición en la esquina superior derecha. Si termináramos colocándolo en la parte superior izquierda o en una pestaña de configuración, aquí sería donde lo corregiríamos . Podemos simplemente seguir adelante y solo por el bien del argumento, también decir posición en la parte superior izquierda. 200 milisegundos cuando el botón de alternar funciona tanto en la luz como en la oscuridad, retroalimentación visual clara en la respuesta móvil Hover Así que de nuevo, solo por este bien, voy a decir, hagamos que sea menos de 100 milisegundos para alternar Entonces va a entonces cómo lo va a hacer. Se va a actualizar el elemento raíz, crear un proveedor de temas. Todo esto parece bastante estándar. Coloca el toddle del tema en el encabezado, asegúrate de que esté visible y luego pasará por una lista de verificación Así que ahora, en lugar de solo dejar que la IA lo haga, le hemos dado la tarjeta que queremos implementar, y le hemos dado algunas notas sobre cómo la va a implementar. Y ahora lo que podemos hacer es que podemos seguir adelante y hacer clic en este botón Ejecutar. Y ahora implementará esta tarea para nosotros. Entonces, ahora que le hemos dado todos los comentarios que necesita, va a comenzar a construirlo. Y así, estamos mucho más cerca nuestro objetivo final desde el primer prompt de lo que hubiéramos estado si simplemente lo dejáramos correr, y luego tuvimos que ir a darle cosas después, porque muchas veces, si no se ha creado, es muy bueno para generar esas cosas nuevas e integrar cosas en. Si vas muy lejos en la dirección equivocada, y luego le dices que se refactorice por completo y retroceda, podrías pasar mucho tiempo extra haciendo eso, igual que en la programación normal del que tendrías si solo tomaras un par de segundos aquí mismo medida que vaya pasando, va a seguir recargando esta página, así que volveré cuando termine Entonces ahora ha implementado el código, y lo podemos ver aquí mismo. Tiene este tema donde podemos ir al modo luz, modo oscuro, y sistema. Y notarás que nada ha cambiado. Así que ahora tenemos que entrar y hacer algunas depuraciones. Entonces podemos ser muy simples en este tipo de instrucciones. Podemos decir, el menú desplegable está funcionando, pero ninguno de los colores está cambiando cuando cambias de sistema a modo claro u oscuro Ahora, va a rodar adelante y correr por ahí, y dice que van a ver el tema. No se ha configurado correctamente. Esto es muy importante, es que este proceso, como dije, será una colaboración. Muchas veces, necesitas ir a probar tu trabajo que construye porque parecía que funcionaba . Podríamos haber pasado eso. Pero si en realidad no vamos a probar para ver si hizo lo que decía que iba a hacer, muchas veces esas cosas se van a escabullir por las grietas. Entonces ahora va a seguir adelante y en realidad actualizar ese empaque de tema. Espera a que todo se reconfigure, y luego ahí vamos. Ahora tenemos el modo luz funcionando, y sí funciona en el entorno del cursor, así que eso es bueno saberlo, también. Entonces ahora podemos ver si cambiamos de oscuridad. Nuestro sistema está en la oscuridad o vuelve a la luz. Sí cambia entre ellos. Así que ahora hemos creado una función. Se ve bien. Nuestro último paso, sin embargo, es que necesitamos revisar este código. Entonces debemos hacerlo de forma manual. Podemos hacerlo ya sea a través de un proceso de revisión de código. Podemos hacerlo con IA, o podemos hacerlo simplemente de forma completa y totalmente manual. Creo que hacer algo así como los tres es importante. Entonces como programador, lo que debemos hacer es hacer clic en esta pestaña de revisión. Y ahora nos va a mostrar todos los cambios que ha hecho. Aquí hay mucho, pero eso es lo que es Code view. Así que ahora podemos pasar y simplemente mirar rápidamente y asegurarnos de que esté creado de una manera que quisiéramos que se creara, y no está tomando ningún atajo porque a veces sí crea atajos. Una cosa que sí noté en esto es que en su tematización, si llegamos a donde realmente creó gran parte de su tematización, aquí mismo, es que puso la duración como 75 como elemento temático encima de cada instancia en de cada instancia que se necesitaba una duración Eso para mí es mal código, porque ¿y si quisiéramos cambiar esa duración a 100 o 50 o alguna de esas cosas? ¿Cómo lo hacemos para que no haga eso? Y eso es en lo que vamos a estar trabajando en la próxima conferencia es, ¿cómo tenemos la IA que realmente nos ayude a refactorizar nuestro código Más adelante, profundizaremos un poco más en el proceso de revisión. Pero ahora tenemos que averiguarlo, hemos creado esto, pero lo necesitamos para refaccionarlo Si decimos que somos buenos, nos gusta, todo funciona, pero queríamos hacer algo ligeramente diferente en cuanto al código, ¿qué hacemos para ese proceso de refactorización Y eso es lo que vamos a hacer a continuación. 5. Refactorización rápida de código: Entonces hablemos de refactorizar código. Entonces nos quedamos aquí con algo que noté en el último, y es que parece estar poniendo estos temas de una manera que si quisiéramos hacer un cambio a modo oscuro o claro, esa duración tendría que cambiarse en 12 20, 100 archivos a medida que este proyecto crezca. Entonces queremos seguir adelante y mitigar eso. Para ello, lo que voy a empezar es crear un nuevo chat. La razón por la que quiero crear un nuevo chat es que hay mucho contexto extraño en esto que comenzará a hacer que vaya hacia algunas de nuestras decisiones pasadas Queremos ir y empezar de nuevo. Es un nuevo objetivo, así que queremos empezar de nuevo con este nuevo objetivo. Es un nuevo objetivo, así que queremos empezar de nuevo con este nuevo objetivo. Entonces, cuando lleguemos a este nuevo chat, lo que queremos hacer es antes que nada, hacerle una pregunta. A lo mejor sabemos con certeza que se trata de un patrón anti, pero podemos pedirlo. Podemos decir, noté que en el modo de luz oscura, fijamos la duración 75 en un montón de elementos diferentes. ¿Es esto un patrón anti? ¿Podemos arreglarlo? Entonces nuevamente, nos estamos comunicando con la IA. No estamos 100% seguros. Simplemente pensamos que se ve bastante mal, y probablemente querríamos cambiarlo. Pero podemos preguntarle por qué lo hizo, también. Entonces, si seguimos adelante y le preguntamos eso, va a seguir adelante y pensarlo bien, y va a encontrar todos esos casos de uso ahí dentro, y luego va a ver el tema. Y entonces nos va a dar su respuesta al respecto. Entonces, dice, Esto significa Gran captura. Sí, este es un patrón anti. Mira tu CSS global. Ya tienes una regla de transición global. Esto significa que agregaste redundantemente la duración 75. Estás redundantemente agregado. Bueno, la IA lo hizo, pero a la transición de color la transición todo a ims individuales ya AppledGlobly Esto hace que tu código sea más robos y más difícil de mantener. Eliminemos las clases de transición redundantes de tu código. Entonces va a seguir adelante y hacer ese refactor por nosotros quitando ese código, y luego podemos probarlo aquí en un segundo Entonces a eso se le ocurre un punto muy importante. ¿Cómo sabemos si el código que se genera es código de alta calidad? ¿Cómo evitamos que cree código de mala calidad? Bueno, el primer paso es nuestra experiencia. Yo fui el que captó esto, no IA. Así podemos leer el código como cualquier otro proceso de revisión de código. Necesitamos leer y asegurarnos de que esté codificando de una manera que tenga buenos estándares de calidad, como si uno de tus compañeros crea código y crea una revisión de código, tenemos que hacer lo mismo con la IA. No podemos confiar ciegamente en él porque hay 1 millón de formas diferentes de hacer las cosas, y tiene que estar siguiendo la forma que queremos hacer las cosas y que encaja con nuestro proyecto, nuestra empresa, nuestras políticas, etcétera Entonces el primer paso somos nosotros. El segundo paso es cuando hacemos algo como esto, podemos decir, ¿Se puede escanear el código en busca otros posibles anti patrones y enumerarlos? Aquí podemos hacer algunas comprobaciones de cordura. Podemos decirlo, Oye, quiero que escanees el código y hagas un vistazo muy rápido para ver si hay otros anti patrones en la base de código que podamos ayudar a arreglar. Entonces podemos preguntarle sobre ciertos problemas o problemas potenciales y ver cómo nos da una lista, y luego podemos decidir cuáles pensamos que podrían ser anti patrones. Entonces, a medida que pasa, va a buscar todos los patrones anti que pueda encontrar. También podemos decirle que verifique, como, tipo o posibles errores o cualquiera de esas cosas, y se le ocurrirán algunas cosas buenas. Y lo curioso es que ya ha encontrado muchos problemas con su propio código. El primero es el riesgo de bucle infinito. Si el usuario calificó todos los gatos disponibles de la ABI, esto se convierte en un bucle infinito. Agrega un límite máximo de reintento o muestra una, has calificado todos los mensajes CAT Este es un muy no sé cuántos son de la API de IA, pero podría haber 100 millones. Entonces tal vez esto no sea un gran problema, pero probablemente sea bueno de arreglar. Fuga de memoria. Esta es una buena. Desmontado antes de que se complete el tiempo de espera. Voy a tratar de actualizar en el desmontado, borrar el tiempo de espera y la función de limpieza, mutación de matriz, mutación de matriz, problema que tipo de muta Si bien funciona aquí, es una mala práctica. Podría causar bichos. Esa es una buena llamada, afirmación de tipo inseguro, lógica de tema duplicado, sin validación JSON, etcétera Así que todo esto es solo para mostrarte que 6. Deja de dedicar horas a la depuración: La depuración es otra área central que podemos usar IA para ayudar a solucionar y ayudar a mitigar y acelerar las cosas. Si nos damos cuenta, no parece haber ningún error en este sitio web. Lo hemos probado bastante, y se ve bastante bien. No obstante, cuando lleguemos al navegador, tenemos algo interesante pasando. Cuando hacemos clic en el historial aquí, tenemos todas estas fechas no válidas, objetos, algunos gatos que no hemos calificado antes, y todos estos enlaces muertos. Entonces, ¿qué ha pasado? Bueno, ya sé lo que ha pasado, pero voy a venir desde una perspectiva de no saber qué y vamos a ver si la IA puede ayudarnos a resolver este extraño error. Entonces lo que puedo hacer es definir realmente bien el problema. Entonces puedo decir, en el navegador de cursor local, no parece haber ningún problema. No obstante, cuando saco una sesión en mi navegador Chrome, en la sección de historial, parece que hay gatos que no he calificado, y todos tienen enlaces de imagen rotos. Entonces hemos definido este tema de manera decente. Tenemos que asegurarnos incluir cualquier detalle adicional que podamos. Uno de esos detalles que podría poner es he hecho este proyecto antes, pero este es un proyecto completamente nuevo. Dale esa pieza de información. No estoy seguro de si esto es un problema de caché o si esto está sacando algo mal. Entonces le hemos dado una cantidad decente. Ahora podemos hacer clic en la tecla Enter sobre esto, y podemos ver a través de lo que piensa. Entonces está mirando a través, y hace toda esta fase de pensamiento como siempre lo hace. Pero dice, te puedo ayudar a diagnosticar. Parece que podrías estar experimentando persistencia de almacenamiento local de proyectos anteriores. Eso suena bastante exacto. Al igual que, estoy asumiendo que la IA siempre crea el mismo almacenamiento local. Permítanme analizar la implementación del almacenamiento. Permet encontró el problema, su nuevo proyecto está leyendo almacenamiento local de evaluadores Cat anteriores Dado que ambos productos usan la misma clave de almacenamiento, clasificaciones de cat y ejecutan el mismo dominio, probablemente 3,000, lo va a hacer. Entonces va a seguir adelante y actualizar la clave de almacenamiento para mí a V dos. Y entonces ahora podemos seguir adelante y volver a ejecutar esto. Entonces, si revisamos nuestro navegador, actualízalo. Tenemos un caché vacío aquí, y ahora podemos comprobarlo, y ha ayudado a corregir nuestro error. Entonces ese es un error realmente simple de arreglar, pero podría ser complejo si no hiciéramos esos dos datos juntos. Ahora, cuando lleguemos a otros bugs, muchos de ellos se pueden resolver simplemente copiando y pegando y pidiéndole que resuelva el error Pero a veces puede crear algunos problemas sin él. Puede crear más problemas de los que resuelve. Para solucionarlo, lo que tenemos que asegurarnos es que siempre le pedimos que se explote antes de que corrija un error Entonces, si entramos en nuestro código al azar, podemos bajar a nuestra API CAT, um eliminar eso, guardarlo. Eso ya no va a funcionar. Y entonces puedo ir por aquí y digamos, crear algún desajuste variable aquí. Va a haber muchos temas, y luego ahora puedo decir, así que empezamos una nueva pestaña aquí y decimos, estoy teniendo algunos problemas. Ver, refrescar esto. No va a funcionar. Donde estoy consiguiendo un gato fallido al cargar, por favor inténtalo de nuevo. Por favor, describe tus pasos para depurar esto antes de ir Entonces podemos, de nuevo, pedirle que se describa a sí mismo, y acabamos de poner los fundamentos mismos de lo que está sucediendo. Está experimentando un error, y va a decir, describe tus pasos para depurar esto, y nos lo dirá. Mi plan de depuración Se va a localizar el mensaje de error, encontrar donde se muestra la carga fallida en el código y entenderlo. Entonces va a comenzar desde el mensaje de error y volver a funcionar. Eso es algo que yo también hago. Si esto está llegando a la parte delantera, este es un lugar en el que puedo comenzar y puedo comenzar a cavar. Se va a examinar la capa API, ver qué puntos finales se están utilizando Va a revisar el componente, la cata o componente en sí, y va a verificar si hay problemas comunes de API. Inspeccione la consola del navegador y luego pruebe el punto final de la API, vea si está funcionando en el otro extremo. Todos esos son excelentes pasos para la solución de problemas. Entonces después de que hace eso, siguió adelante y encontró el tema en sí. Dice después de examinar, identifiqué el código, el error está aquí. Al ERL le falta la T al principio, por lo que la encontró. Así que ahora podemos seguir adelante y reintentar esta actualización de esta página. Y sigue siendo un problema. Así que voy a Bueno, bien, en realidad no cambié el código. Por favor actualice el código para arreglarlo. Entonces ahora le damos permiso para actualizar realmente el código. Sigue adelante y lo arregla, refresca. Ahora se ve bien. Ahora vamos a la historia. algunos temas aquí. Tienda no está definida. Entonces otra vez, solo bajando. Esta es la otra cosa que hice. Solo puedo copiar y pegar esto y decir, obteniendo este error mientras cargaba la página principal. Pasará por su proceso, y probablemente va a encontrar que debería ser tienda con una E al final. Sí, ahí hay un error tipográfico , corrige el error tipográfico, y ahora para resolver Algunos bichos, como dije, serán más complejos. Y para arreglar esos errores realmente complejos, muchos de ellos ahora tienen esta función de depuración. Lo que hará la depuración es, si no encuentra el problema de inmediato, como estas simples correcciones, comenzará a agregar registros en sí mismo. Y a partir de esos registros, podrá leer lo que está haciendo el código en la ejecución. Y a partir de esos, también podrá depurar problemas mucho más complejos. Entonces eso es algo en lo que tienes una base de código realmente grande con muchos problemas con ella o un problema realmente profundo. Puedes usar esta función de depuración, y va a ser muy buena en eso. Pero en general, para salir de esta conferencia es que la IA puede ser muy, muy útil en la depuración Te puede explicar no solo los pasos que tomará, sino que te dará una idea de los pasos que tal vez deberías tomar. Ayudará a resolver algunos errores realmente básicos casi inmediato y prácticamente hasta errores intermedios de inmediato. Y hay formas de que vaya aún más lejos y recorra mucho de ese error mundano arreglándose por sí mismo para que podamos encontrar estos errores más rápido, y podamos solucionarlos mucho 7. Usa IA para arreglar la IA: ¿Cómo podemos usar la IA para ayudarnos en el proceso de revisión? Bueno, hay muchas maneras diferentes en las que podemos hacer eso. El primero es haciendo una pregunta manualmente. Entonces, si miramos a través de nuestro código y encontramos algo que se ve un poco incompleto, podemos hacer lo que hicimos en la última conferencia y tipo de preguntarlo, es esto un patrón anti? ¿Cambiarías esto? Y necesitamos ser los árbitros de estas decisiones porque al final del día, AI, muchas veces se inclina a ser positivos y lograr algo en cada solicitud Significa que si lo dices, Oye, esto es un patrón anti, arréglalo, irá, Sí, eso es un patrón anti, y lo va a cambiar, aunque esté en la dirección equivocada Entonces lo que tenemos que hacer es hacer esa colaboración constante donde le estamos haciendo preguntas y viendo si nos puede dar algunas buenas respuestas. También hay herramientas como esta. Implementé un botón de salto rápido, y puedes ver que hice clic en el botón Revisar aquí mismo Me lleva a esta pestaña, y aquí arriba, hay un botón que dice: Revisar este código para números. Va a pasar por algunos cambios. Pueden ser que habrá muchos cambios o este único archivo, y nos dará un montón de comentarios sobre lo que piensa que es bueno o malo con este cambio de código. Ahora, la parte interesante de esto es que le pedí que hiciera algo muy sencillo, que es básicamente agregar un botón de salto a esto y cambiar la altura de la página principal solo un poco. Entonces, si se le ocurren, como, 13 cosas que están mal en esto, entonces ya sabe que necesitamos ser los árbitros, como dije, y de hecho elegir cuáles están en él Ahora bien, éste, lo hizo bien. Decía que no encontré problemas con este cambio de código. Y eso es positivo porque sí queremos que a veces no encuentre problemas. Entonces con este código, dice que es buen código, y está listo para comprometerlo. A veces va a surgir cosas como esta donde viene a través los diferentes niveles de problemas que podrían ser con el código, y solo necesitamos echar un vistazo a cada uno de ellos, y luego ver si eso es algo que queremos arreglar, si eso es algo que queremos sacar a colación, si eso es algo que queremos comentar. Si vamos a las reseñas de relaciones públicas en github.com, en realidad también están integradas con una IA, y también puedes hacerle preguntas sobre la revisión del código Entonces, en general, solo necesitamos saber que IA puede ayudarnos con el proceso de revisión de código. Por lo que nos puede ayudar a escribir el código. Pero entonces necesitamos revisarlo manualmente nosotros mismos. Tenemos que hacerle preguntas durante este proceso por aquí y hacer que lo analice. Y luego, cuando lleguemos a la revisión real de relaciones públicas, necesitamos que otras personas la miren manualmente y usen IA para mirarla. Y eso creará un código de muy alta calidad que solía ser muy, realmente agotador y lento de crear Podemos crear con el uso de la asistencia de IA. 8. Comprende rápidamente bases de código complejas: Si no obtienes nada más de este curso, obtén esto de este curso, y es que la IA puede ayudarnos a entender código complejo. Ya no tenemos que entrar en un repositorio con 100,000 líneas de código diferentes repartidas en 1,000 archivos diferentes y tratar de entender un flujo complejo de cómo una determinada variable se abre paso. La IA es muy, muy buena en esto, y es prácticamente 100% precisa. Para que podamos entrar en cualquier tipo de repositorio y hacerle una pregunta compleja y hacer que analice esa pregunta compleja por nosotros. Por ejemplo, aquí dentro, no sé realmente cómo funciona el almacenamiento. Yo solo sé que usa almacenamiento local. Entonces puedo decir, dime ven aprensión cómo funciona el almacenamiento en esto, dame pros y contras Con solo decirle este simple prompt, podemos obtener un muy buen informe sobre cómo se descompone el almacenamiento en todo este sistema. Las variables son geniales para esto, también. Puedes copiar y pegar una variable ahí y decir, yo este documento, tengo esta variable, dame en general, ya sabes, en general, dime cómo se usa esta variable lo largo del código y cómo afecta a diferentes partes del código. Entonces lo que tenemos aquí es que nos dice exactamente cómo almacena. El sistema de almacenamiento está aquí, proporciona una capa de persistencia del lado del cliente simple. Las operaciones principales que puede ahorrar que puede obtener han sido calificadas y calificaciones claras. Esas son las cuatro operaciones con las que viene. La estructura de datos es la siguiente, y luego tiene pros aquí. Tiene cero infraestructura, rendimiento rápido, implementación, SSR seguro, manejo de errores y bueno para el aprendizaje Son contras, no es escalable porque hay un límite, no hay persistencia de datos en todo el dispositivo, no hay cuentas de usuario, problemas de rendimiento con las condiciones de carrera de escala son posibles, no hay análisis, verificación duplicada, compatibilidad del navegador, pérdida de datos, seguridad y privacidad. Entonces a partir de eso, obtenemos este enfoque donde nos dice para MVP, prototipos, aplicaciones de un solo usuario, es bueno Pero si realmente estamos tratando de desplegar esto, es algo malo. Y solo tenemos algunas sugerencias para ayudar a mejorarlo. Entonces, en general, en lugar de que tengamos que leer el código y hacer un montón de Google ¿qué significa esto? Qué hace esta biblioteca, podemos hacerle preguntas y hacer que realmente defina diferentes partes de nuestro código para nosotros maneras que son realmente, realmente accesibles. También podemos hacer que refine esto. Y digamos definir esto de una manera que los interesados entenderían. Entonces eso lo llevará, y lo va a enmudecer solo un poco, es decir, eliminará algunos de los detalles técnicos para que una persona que no es muy técnica pueda entenderlo un poco Y así en inglés sencillo, dice que la aplicación guarda las calificaciones de los gatos de los usuarios directamente en su navegador web, manera similar a cómo los sitios web recuerdan su preferencia de inicio de sesión o artículos del carrito de compras. Piense en ello como un cuaderno que vive dentro del navegador del usuario. Cuando escriben un gato, lo escribimos en su cuaderno personal. No hay servidores, bases de datos o almacenamiento en la nube involucrados. Entonces, esencialmente, podemos tenerlo luego dividirlo términos legos realmente pequeños que podemos usar para describirlo a otras personas, o a veces incluso como personas técnicas, necesitamos una descripción no técnica para poder procesar esa información Entonces, utilizar la IA para definir y brindarle cómo funcionan los proyectos realmente puede ayudar con desarrolladores junior o intermedios o incluso con un desarrollador senior que se está lanzando a un nuevo proyecto. 9. Ajustar tu IA para que siga tus reglas: Lo último que quiero cubrir en el IDE del cursor y cualquier otro IDE de IA es siempre hay un lugar en el que puedes poner tus propias reglas. Entonces, si entramos en nuestra configuración y bajamos a la configuración de nuestro cursor, realidad podemos deslizarnos hacia abajo en reglas y comandos. Entonces con esto, en realidad he creado un conjunto de reglas aquí, una regla de usuario donde crea un banco de memoria que le ayuda a entender lo que se hizo en el pasado. Esencialmente, simplemente crea un archivo de rebajas que realiza seguimiento de algunas de las tareas que se crean Pero aquí podemos utilizar muchas áreas diferentes. Tenemos comandos de proyecto, tenemos reglas de proyecto y tenemos reglas generales de usuario que se usarán en cada uno de ellos. Entonces para este proyecto en particular, podemos crear una regla personalizada o una remota. Y se le puede dar un nombre como por ejemplo, podríamos decir, éste va a ser sobre una combinación de colores. Y podemos decir para esto, la regla es todo el proyecto cada vez que se necesite un color, refiérase a esta carta de colores. Y puedes darle solo colores. Al igual que el color X, el color Y, el color Z. Lo que esto va a hacer es antes de que ejecute cada prompt, va a asegurarse de que esto esté en el contexto. Por qué eso es importante es porque ahora nunca adivinará sobre los colores. Le das su esquema de color, y si creas un nuevo componente o una nueva área o una página completamente nueva, será como, Bueno, me dijo que necesitamos mirar este esquema de color. Este es un ejemplo muy, muy simple, pero un ejemplo más complejo podría ser la forma en que usas ganchos en tu proyecto, la forma en que usas contextos en tu proyecto. Manera en la que quieras almacenar cosas o tu preferencia por camello case o minúsculas, IDs, UUID, semillas aleatorias, cualquiera de esas cosas que son tipo de política de la compañía específicas o incluso solo preferencia personal, puedes seguir adelante y decirle esas reglas desde el principio Y luego ahora cada vez que pides un prompt, esas reglas se incluirán dentro del prompt, y lo hará para que no estés constantemente persiguiendo IA en un círculo donde arregles un área, le dices que cree una nueva área, y olvida todas esas indicaciones en el lado izquierdo que le acabas de decir que hiciera Las reglas son una excelente manera de mantener contextos continuos y asegurarse de que realmente limpia algunas de esas pequeñas inconsistencias dentro de ellas Un área clave aquí es que hay algo en IA llamado básicamente smashing de contexto o resumen de contexto Lo que eso significa es que finalmente llegamos a nuestra ventana de contexto. Se puede resaltar aquí abajo y verlo. Hemos utilizado 23,000 de 200,000 de nuestra ventana de contextos. Ahora, no contacta a Smash a 200 mil. Normalmente lo hará antes de eso, tal vez alrededor de 100 a 150 mil Lo que esto significa es que va a tomar todo ese contexto que ha obtenido, y va a ejecutar una función que ayude a resumirlo todo en una ventana de contexto más pequeña Esto ahorra dinero al cursor, y al final también te ahorrará dinero . Sin embargo, a veces el contexto puede aplastar algunas de tus reglas. Los pondrá de una manera que ya no va realmente con lo que estabas tratando de lograr. Entonces, si alguna vez ves este tipo de meterse en ese rango del 60, 70%, probablemente es hora de iniciar un nuevo chat. Restablecer esa ventana de contexto a cero. Y comenzar una nueva charla con el contexto que se necesita para el problema en cuestión. No solo tengas una cadena continuamente larga con la que contactes constantemente. Sigue creando nuevos chats con nuevos objetivos y manténgalos realmente enfocados, y no te encontrarás con esos problemas en el futuro. Pero entienda, hay una amplia gama de reglas que puedes aplicar a la IA, y realmente puede ayudar a eliminar algunas de esas inconsistencias 10. Tu turno: descripción del proyecto: Así que hemos llegado a la parte del proyecto de este curso, y he creado uno muy divertido donde se crea un pequeño ranker para gatos Quiero que hagas algo parecido. Crea una idea realmente simple, comienza desde cero y usa AI IDE para construir un producto para ti. Hágalo preguntas, obtenga sus requisitos, sus especificaciones y realmente construya algo fuerte y robusto para empezar. Asegúrate de ver el código y de crear un producto que no solo sea realmente divertido sino también código de calidad. Sigue adelante y envía ese proyecto, toma una captura de pantalla de lo que hayas creado y dale una pequeña descripción sobre lo que creaste, algunos de los beneficios de usar IA y tal vez algunos de los inconvenientes que has experimentado al usar IA. Se supone que esto es muy divertido, algo que puedes hacer dentro 30 minutos a una hora y algo que puedas mirar en, ya sabes, esos 30 minutos a una hora y reírte de que acabas de crear este pequeño proyecto. Entonces, gracias a todos, y me emociona ver sus proyectos. 11. Conclusión: Este curso es una introducción rápida sobre cómo puede utilizar la IA para acelerar su flujo de trabajo. El flujo de trabajo es muy sencillo. Es el hecho de que queremos utilizar la IA en cada paso del flujo de trabajo. Pero la clave aquí, la parte más importante es que no queremos que solo haga todo el trabajo, lo empuje y siga adelante con nuestras vidas. Eso creará problemas de seguridad, errores más adelante, código mal configurado y deuda tecnológica, porque creará algo cada vez que es ligeramente diferente No va a estar siguiendo estas reglas. No va a estar siguiendo ciertos patrones que queremos que siga. Así que tenemos que asegurarnos manualmente de que está haciendo esto ya sea creando las reglas nosotros mismos, revisando el código y dándole mayor contexto posible cuando estamos interactuando con él. Cuando hacemos eso, podemos crear proyectos como ese sitio web CAT en minutos. Imagina un día entero de interacción con la IA. Se puede llevar eso hasta un estado casi desplegable donde eso solía tomar un equipo de dos o tres personas, tal vez una semana para desarrollarse completamente Así que hay mucho poder detrás de estas herramientas. Si los usamos correctamente, podemos acelerar nuestro flujo de trabajo y no tenemos que reducir nuestra calidad. No tenemos que frustrarnos. Realmente puede hacer que el desarrollo sea un proceso rápido en manos de un desarrollador senior y experimentado. Así que utiliza el experimento de IA con él, mejora a tus indicaciones, dale el mayor contexto posible y ve realmente lo que puede hacer por ti Sigue experimentando, sigue aprendiendo porque este es el siguiente paso en la programación, y así todos necesitamos mantener estas habilidades altas para poder seguir innovando todos los días. Gracias a todos por acompañarme para esto, y me emociona verlos a todos en mi próximo curso.