Introducción a la codificación de Vibe con IA para principiantes | Greg Hung | Skillshare

Velocidad de reproducción


1.0x


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

Introducción a la codificación de Vibe con IA para principiantes

teacher avatar Greg Hung, Travel Videographer

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 al curso de codificación de Vibe

      2:10

    • 2.

      Qué es la codificación de vibes

      3:07

    • 3.

      Qué plataformas usar código en Vibe

      4:55

    • 4.

      ¿Qué experiencia necesitas para programar Vibe?

      2:27

    • 5.

      ¿Qué aplicaciones puedes crear con Vibe Coding

      3:22

    • 6.

      Consejos rápidos de ingeniería

      6:02

    • 7.

      ¿Qué son las API?

      4:01

    • 8.

      Cómo crear una pieza pong con codificación de IA

      4:06

    • 9.

      Aplicación de audio transcribe audio con IA

      6:41

    • 10.

      Resumen de la codificación de Vibe

      2:00

  • --
  • 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.

56

Estudiantes

--

Proyectos

Acerca de esta clase

Andrej Karpathy acuñó el término "Vibe Coding" en febrero de 2025, como se señala en varias fuentes como Wikipedia e IBM. Karpathy, científico de la computación y cofundador de OpenAI, la presentó en una publicación en X, donde describió este enfoque de codificación asistida por IA.

¡Sumérgete en el emocionante mundo de la programación basada en IA con Introducción a la codificación Vibe! Este curso, inspirado en los avances de última generación en el procesamiento del lenguaje natural, te presenta el mundo y las posibilidades que estos avances en la IA y el lenguaje natural permiten a casi cualquier persona crear aplicaciones innovadoras. Diseñado para principiantes e estudiantes intermedios, obtendrás una exposición a indicaciones de lenguaje natural en código funcional mediante modelos de lenguaje grande (LLM, por sus siglas en inglés), con enfoque en aplicaciones prácticas y desarrollo de plataformas.Qué aprenderás

  • Conceptos básicos de la codificación Vibe: ¿entiendes qué es?
  • Qué experiencia se necesita y qué plataformas puedes ver.
  • Ingeniería de indicaciones: domina el arte de elaborar indicaciones eficaces para guiar a los LLM en la producción de código preciso y utilizable.
  • Una introducción a las API
  • Desarrollo de aplicaciones: ejemplos de aplicaciones reales impulsadas por IA Vibe, con plataformas como Bolt.new y Lovable.dev

Conoce a tu profesor(a)

Teacher Profile Image

Greg Hung

Travel Videographer

Profesor(a)

Hi I'm Greg. I'm a South African Canadian Travel Videographer aka Global Citizen. I first got into video filming with a sharp camcorder in high school making my own short films and tennis video and editing on a VHS. In 2011 in Simon Fraser University (Vancouver Canada) I rediscovered my love for video while filming an earthquake hiphop safety video for a Media Course.

After I graduated from Simon Fraser University (BA Communications) in Vancouver Canada I went on to pursue a successful IT career working 13 years as an IT manager. I went onto to complete my MBA in Technology Management SFU and found my Entrepreneurial inspiration to start my own travel video business in 2011 during the DSLR video revolution. I sold my downtown Vancouver Apartment, bought an iMac, a Canon 7D, and... Ver perfil completo

Habilidades relacionadas

IA e innovación IA para el desarrollo
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 al curso de codificación de Vibe: Bienvenido a tu introducción a la codificación vibra. Mi nombre es Greg Hung, un creador y tecnólogo canadiense de más de una década, y bienvenido a este curso ¿Qué es la codificación vibra? Es un término muy reciente que fue acuñado por el cofundador de Open EI en febrero de 2025, Andre Karpathy Y lo que en realidad es usar el lenguaje natural para alimentar a AILM como Cha GBD, para crear prototipos de aplicaciones para generar Pero este curso es más una introducción a la codificación de vibra en general porque hay otras plataformas que puedes usar para hacer codificación de vibra, como el adorable dot dev, ambos dot NU, que mencioné, y Google ha entrado recientemente en este juego con Gemini Canva Entonces, ¿cuáles son algunas aplicaciones de la codificación vibe? Tenemos la capacidad de hacer juegos simples como Space Invaders o Tetris Puedes crear paneles personalizables que hagan cosas como enumerar tus activos criptográficos favoritos, o tal vez sea un ranking de las personas más ricas, o tal vez incluso prototipos para aplicaciones para compartir escritura como aplicaciones para compartir escritura tipo Uber con integración de Stripe Incluso he construido múltiples aplicaciones LLM que te permiten usar Deep Seek deep C LLM, ChagBT, Gemini, Clode todo en una aplicación, aplicación súper LLM Entonces en este curso, vas a obtener una introducción a la codificación de vibra, pero voy a poder apoyarme en la experiencia que he tenido con BoltoTnu creado un curso extenso Entonces, si quieres obtener tu introducción, tus pies mojados en codificación de vibra y un enfoque amigable para principiantes, entonces este curso es para ti. 2. Qué es la codificación de vibes: Bien, voy a explicar qué es la codificación de vibra. Es un término recientemente acuñado por el cofundador de Open EI, Andre Karpathy, cofundador de Acuñó este término en febrero de 2025. De hecho, estaba volando de regreso de Bangkok Tailandia a Vancouver hace apenas una semana. Es el final de marzo de 2025. Por lo que el término fue acuñado en febrero de 2025. Ya estaba haciendo codificación de vibra. Estaba creando aplicaciones, creando juegos con una plataforma que me presentaron llamada BolTan Mi amigo Jay en realidad me presentó esto después de que regresé de mi viaje a Tokio a finales de 2024. Qué es lo que estás usando indicaciones, igual que lo haces con HachBT o el copiloto de Microsoft, usando lenguaje natural para alimentar un LLM de IA, que está sintonizado que Entonces algunos modelos de IA que están sintonizados para el código son garras o Cloe dependiendo de cómo se quiera pronunciarlo También hay abierto eIs HachBT y estás usando estas indicaciones Entonces, ¿cuáles son algunos ejemplos de esas aplicaciones? Eso podría ser tableros de criptomonedas que enumeran tus activos criptográficos favoritos como Bitcoin, Nerium Puede personalizar estos cuadros de mando, para que pueda optar por agregar o eliminar estos activos Puede establecer alertas por correo electrónico cuando se alcanza cierto umbral. Puedes enviarte estas alertas por correo electrónico a ti mismo. Algunas otras aplicaciones incluyen la creación prototipos para aplicaciones de viajes compartidos como Uber, e incluso puedes integrar pagos de PayPal en estas Puedes crear juegos básicos como space invaders o juegos tipo Tetris con música real de videojuegos, puntuación y efectos de sonido Puedes crear aplicaciones que conecten a billeteras de criptomonedas. He creado aplicaciones que pueden transcribir audio a texto usando lo que llamamos APIs Entonces, las API, entraré más adelante, te permiten aprovechar funcionalidad de otras plataformas para crear aplicaciones realmente poderosas. Para que puedas crear prototipos o maquetas o incluso aplicaciones utilizables o landing pages usando codificación vibe Entonces, en un segundo, entraremos en diferentes plataformas que puedes usar para la codificación de vibra, y puedo apoyarme en mi experiencia tanto contigo como con adorable y Gemini Canva para ayudarte a decidir cuál podría ser bueno para 3. Qué plataformas codificar Vibe: Explora qué plataformas puedes usar para la codificación de vibra. Voy a apoyarme en mi experiencia con Bol punto N, compartir algunos de los costos. Empecemos. Entonces hoy, tenemos diferentes plataformas. Mencioné a Boldt NU, y tenía algunas alternativas como adorables y también había cursor Entonces Boldt N me fue presentado por un amigo. De inmediato, me encanta la interfaz. Fue muy sencillo. Y era poderosa. Y podrías crear aplicaciones utilizables. Entonces, al usar el código en perno, realmente puedes ver el código que se está generando, y luego obtienes una vista previa de tu aplicación. También puedes iterar en él y publicarlo en URL muy rápidamente Lo que me gustó de ello fue la sencillez, el poder, y no era demasiado caro. Creo que pagué de 20 a 25 US para empezar pienso en 5 millones de tokens, que fue más que suficiente para experimentar y crear múltiples aplicaciones dentro de ese primer mes. También probé adorable. Ahora adorable también tenía una buena interfaz. Tenía plantillas. Entonces podrías usar otras plantillas de aplicaciones para iniciar, y luego podrías editar e iterar sobre eso Pero solo sentí que ese perno era un poco más robusto que amable Pero depende de ti experimentar, mirar los pros y los contras, y estas plataformas están cambiando cada semana, así que las cosas podrían cambiar para cuando veas este video. Otra plataforma que estaba investigando en ese momento era Cursor Entonces el cursor está más orientado hacia los programadores. Tenía un amigo que en realidad usaba Cursor. Me mostró algunas de sus aplicaciones, y ahí hay mucho más poder si te resulta cómodo con la codificación para hacer modificaciones al código y adaptarlo a tu gusto. Entonces mi amigo en realidad ha creado algunas aplicaciones que hacen la funcionalidad básica de CRM, usando cursor. Y si, he escuchado muchos buenos comentarios al respecto. Entonces una nueva entrada al espacio es Gemini Canva. Entonces esta es la aplicación de Google para la codificación vibra de Google. Es una interfaz muy similar a Google Gemini. Y puedes usarlo para crear cosas básicas como juegos de tick tac toe. Puedes usarlo para crear un tablero de acciones o criptomonedas. Pero no es como en mi experiencia, usándolo durante una semana puedo crear juegos muy rápidamente en el navegador que puedes previsualizar. Pero donde cae es que no es muy fácil publicar una aplicación muy rápidamente en comparación con atornillarte y compartirla con alguien. De hecho tendrías que ponerlo en un repositorio de GitHub. Entonces GitHub es una plataforma para almacenar y publicar tu código, lo que se vuelve un poco más técnico. Entonces yo diría que Gemini Canva en este momento es bueno para crear juegos rápidos, para crear aplicaciones básicas, pero sí, no es bueno para publicar y compartir ahora mismo, pero eso podría cambiar Entonces, si tuvieras que empezar, yo diría, ahora mismo, abril de 2025, tanto eso nuevo es una buena opción. No es demasiado caro. Y si quieres una opción gratuita y ya tienes una cuenta de Google, tal vez prueba Gemini Canva Entonces esas son algunas plataformas diferentes a las que puedes mirar. Una plataforma más que quería lanzar al ring y que he intentado desde que filmé esto se llama replet. Así que replet también tiene una interfaz bastante fácil de usar. Y lo que hace es que te permite previsualizar la app tal y como se ha construido, lo que la hace muy emocionante. Mis impresiones de esta plataforma, voy a profundizar en otro video, pero tiene potencial, pero no es tan fácil de usar como bolt y adorable Pero la vista previa solo te emociona porque puedes ver cosas que se construyen paso a paso justo frente a tus ojos y una aplicación muy atractiva visualmente, muy amigable para dispositivos móviles. 4. Qué experiencia necesitas para programar Vibe: Bien, ¿qué tipo de antecedentes, educación y experiencia necesitas para comenzar a codificar vibra? Toda la premisa detrás de este término es que no necesitas ser programador, no necesitas saber codificación. Pero, ¿qué necesitas? Entonces yo diría que en mi experiencia, hay que estar cómodo con las indicaciones, por supuesto, y tendremos una sección separada sobre eso Pero también el proceso de iteración. Entonces, cuando usas un prompt para generar código o crear un borrador o una aplicación, las posibilidades están en este campo, no vas a hacerlo bien la primera vez. Por lo que hay que poder revisarlo o iterar para hacer modificaciones en el primer borrador o en el primer prompt Pero lo que yo diría es que tu primer prompt es realmente importante porque si eres muy abstracto o amplio, vago o general con los primeros prompts, probablemente vas a conseguir una app muy general producto mínimo viable o Entonces, cuanto más específico seas, cuando tu primer prompt, más exitoso serás. Entonces encapsularía eso como un buen apuntador. Alguien que sea bueno revisando o iterando, una formación técnica sí ayuda Cuando llegues a las aplicaciones más avanzadas, tendrás que recurrir a API, así poder ir a diferentes plataformas, copiar y pegar estas claves, llevarlas a tu plataforma de codificación vibe, e incluso es posible que tengas que, ya sabes, pegar estas claves en diferentes carpetas. Entonces tienes que estar cómodo con ese tipo de cosas. Y tal vez incluso mirando algún código, solo para tener una idea general de lo que realmente está haciendo. Entonces sí, yo diría que no necesitas ser codificador, pero ser técnico sí ayuda Estar simplemente cómodo con la tecnología. Entonces con eso dicho, la mejor manera de comenzar es realmente empezar, y eso es comenzar a incitar. Entonces en el siguiente video, te voy a dar algunos consejos y ejemplos de estar en las trincheras de la ingeniería rápida 5. Qué aplicaciones puedes crear con la codificación Vibe: Bien, ¿cuáles son algunas aplicaciones para la codificación vibe? He pasado por esto brevemente. Podemos crear juegos, diferentes tipos de dashboards. Pero generalmente, cuando se trata de qué aplicaciones puedes crear con la codificación vibe, solo está limitada por tu imaginación. Puedes pensar en diferentes aplicaciones que tengas en tus smartphones. Por lo que ahora tiene la capacidad de crear estas aplicaciones o simulaciones o prototipos utilizables que luego podrían refinarse y posiblemente convertirse en una aplicación de producción o una aplicación SAS El software es una aplicación en la nube que puedes monetizar y vender y posiblemente incluso traer a la tienda de aplicaciones Pero eso está fuera del alcance de este curso. Entonces tenemos una aplicación de puntuación de golf. Puedes crear juegos básicos como Pac Man o Tetris. Puedes crear tu propio giro en estos juegos personalizando la música o las reglas del juego Pero puedes usar el juego original como inspiración para hacer tu propia variante de ese juego. Puedes crear dashboards, casi para cualquier cosa. Los mejores Instagrammers, los principales activos de criptomonedas, las principales acciones en el Y puedes hacer este dashboard. Entonces es realmente personalizable. Puedes agregar o eliminar ciertos activos de criptomonedas. Puedes recibir notificaciones por correo electrónico. Se pueden mostrar ciertos iconos. Puede recopilar direcciones de correo electrónico de estos paneles. Puedes crear páginas de forro para promocionar un determinado producto, lanzamiento de producto que está sucediendo. Incluso he creado una página de revestimiento que muestra la moneda de Trump y Milania Por lo tanto, los precios de las acciones en tiempo real y la capacidad de recopilar direcciones de correo electrónico de esa página. Está realmente limitado por tu imaginación. Una vez que entres a llamar a las API, puedes crear aplicaciones aún más potentes. Así que mencioné el chatbot multi LLM llamado ChatBot GBT Por lo que te permite usar LLMs de IA de Deepsk de hat GBT, Gemini, todo en una Entonces utilizo APIs para crear esa app. También puedes usar aplicaciones para hacer cosas como la transcripción de audio, o en el futuro, tal vez incluso puedas crear una aplicación que te permita cortar cortos de video a partir de un video de formato largo. De hecho, he usado una plataforma diferente para hacer eso, y tal vez algún día medida que estas plataformas de codificación vibe se vuelven más poderosas, gente podrá crear aplicaciones de producción utilizables que puedan vender mucho más fácil y más rápido directamente desde la plataforma de codificación vibe. Entonces sí, esas son algunas ideas diferentes para aplicaciones de la codificación vibe, y espero que se vuelvan más poderosas. 6. Consejos rápidos de ingeniería: Bien, ingeniería rápida. Esta es probablemente la habilidad más esencial a la hora codificar vibra y trabajar con diferentes LLM de IA Así que tengo mucha experiencia al crear el curso BoltonU sobre ingeniería rápida También he usado diferentes plataformas como Rock three, Microsoft copilot, Gemini Entonces, ¿cuáles son algunos de los mejores consejos? Así que muchos AILM están introduciendo nuevos modos en su prompt Es posible que tengas una búsqueda profunda. Puede que tengas un modo pensar. Es posible que tengas un ícono de archivo adjunto. Es posible que tengas un ícono de imagen y la capacidad de controlar el ritmo de las URL o incluso usar tu voz Entonces comencemos con el modo de búsqueda profunda. Así que la búsqueda profunda es exactamente eso. Se va a hacer una investigación profunda. Va a tomar más tiempo mirar a través de todas las plataformas diferentes para llegar a tu respuesta, una respuesta muy extensa. Y en Grock tres, la ventaja es que no sólo puede buscar en la web, sino que puede buscar todos los tweets o posts en x.com, que son muy oportunos Entonces esa es una ventaja clave de usar el modo de investigación profunda en x.com. Cada plataforma como Google. Google tiene la ventaja de ser un experto en búsqueda, por lo que va a poder sacar esos recursos. En tu modo de búsqueda profunda, vas a obtener citas. Pero para este propósito, modo de investigación profunda es bueno para ese primer aviso. Otra característica en el prompt es tu modo de pensar. Entonces, una vez que hayas hecho tu investigación profunda, entonces puedes pedirle que piense. Así que poder usar esas diferentes características en el prompt. La investigación profunda es buena para comenzar, y puedes usar Think para realmente idear el código. Entonces un ejemplo que haría es que lo haría si estoy creando un juego, investigaría cómo hacer el mejor juego de golf en modo de investigación profunda. Y luego habilitaría Think Mode para que realmente se me ocurriera el código que luego podría poner en mi perno Dot nuevas indicaciones. También tienes el clip de fijación. Así que a veces puedes adjuntar imágenes, puedes adjuntar libros de Excel Puedes pegar las URL de otros sitios web en tu solicitud para hacer referencia realmente a algo que quieras Entonces, si estaba creando un videojuego en Bota y quería usar música, realidad podría pegar la URL de un MP tres o Wayfle de otro sitio y decir, usar esta música en este videojuego También puedo hacer lo mismo con una imagen si quisiera usar un icono en mi app o un favicon Yo pasaría en la URL a esa imagen. Yo diría en el prompt, use esta URL. Entonces, estar al tanto de estas cosas es genial tener en tu arsenal de ingeniería rápida. También hay indicaciones muy simples. A veces obtendrás un prototipo, Digamos que la creación de prototipos de tu juego no está funcionando, o no proporcionan las instrucciones sobre cómo jugar porque no proporcionaste esa entrada Sólo puedes decir, dame las instrucciones sobre cómo jugar. ¿Cómo salto? ¿Cómo me muevo? ¿Cómo disparo? Simplemente creando ese simple prompt. Y entonces a veces la plataforma hará todo el trabajo pesado. Tienes las indicaciones correctas, pero la aplicación no funciona, así que solo un simple prompt, como, arreglarlo Solo necesita seguir solicitándolo hasta que obtenga una aplicación utilizable Bien, así que vamos a resumir algunos de esos consejos de ingeniería profesional. Pasé por mucho. Entonces en tu pronta, ya sea Grock tres o Gemini, siendo consciente del modo de búsqueda profunda para una investigación profunda Piensa en modo si quieres que piense a través de un problema. Poder tomar esa salida de estas plataformas como Rock three, Gemini, Open E, hat GBT, tomando esa salida y siendo consciente, realidad puedes pegar coding o output en plataformas de codificación vibe como ambos on y U. Porque BolTau no es su fortaleza no es investigación o pensamiento Así que en realidad puedes usar salida de otras plataformas que son buenas para investigar y pensar para plataformas de codificación vibe como Bolt U. Siendo consciente de que puedes pegar URL, puedes adjuntar, en algunos casos, documentos adjuntos, archivos PDF, clips para escanear a través de tus documentos para obtener música, efectos de sonido, imágenes, siendo consciente de O a veces solo indicaciones simples. Arreglarlo, proporcionar las instrucciones, ya sabes, solo viendo tu MVP y siendo capaz de iterar Solo sigue incitándolo. Entonces, esos en pocas palabras son mis mejores consejos para ingeniería rápida en el trimestre de 20250 Las cosas siempre van a estar cambiando ya que este campo está cambiando dinámicamente. 7. ¿Qué son las API?: Bien, APIs, interfaces de programación de aplicaciones. Recuerdo estudiar ciencias de la computación y estas referencias a APIs. Simplemente sonaba tan aburrido, algún término abstracto. En lo que se refiere a la codificación vibe, es realmente poderosa porque esto es lo que desbloquea tu aplicación para hacerla más poderosa Entonces algunos ejemplos de plataformas que ofrecen APIs son Google. Google tiene tantas API por su funcionalidad de mapas es un ejemplo. Stripe y PayPal tienen API. Si quieres poner un paywall o carrito de compras en tu aplicación, necesitarás usar API Diferentes mapas de golf que tienen sus cuadros de mando ofrecen APIs, si quieres construir una aplicación de golf, por ejemplo Otro ejemplo es una plataforma de criptomonedas, coin Gecko, que en realidad tiene una aplicación poderosa en tiempo real para tu teléfono Ofrece una API gratuita que te permite crear tu propia aplicación de criptomonedas. Además, hay API muy potentes de HBT que te permitirían crear diferentes tipos de aplicaciones GPT Así que vamos a meternos un poco más en ello. Entonces una API es en realidad una cadena de caracteres. Si vas a la plataforma como Google o PayPal, simplemente configurarías esto para crear una clave API, y copiarías esta clave, y no está destinada a ser compartida. Está destinado a ser secreto. Y cuando estás en tu plataforma de codificación vibe como ambos en ti, en algún momento de tu aplicación, dirías algo en tu prop, como, usar esta clave API para crear un tablero de criptomonedas, por ejemplo, para mostrar los cinco principales activos de criptomonedas. Entonces, permítanme reformular ese aviso de nuevo. Cree un panel de control de criptomonedas con la lista de los cinco principales activos utilizando esta clave API. Y tu plataforma puede decir, no es una buena práctica usar realmente esta clave API en el prompt, pero por favor ponla en esta carpeta. Entonces, en realidad iría a una carpeta específica en su plataforma de codificación vibe y luego simplemente pegaría la clave. Ahora, en la plataforma API API, digamos que es Google o Chat GBT Una vez que comiences a usar esa clave API, o si estás compartiendo esta aplicación con otros usuarios finales, vas a ver que en realidad se está contabilizando. Por lo tanto, puede tener cierto número de créditos o puede comprar una cierta cantidad de esta clave API. Y una vez que tu uso se haya agotado, necesitarás comprar más de esta clave API. O si estás usando las claves API de Google, pueden rastrear el uso y luego enviarte una factura al final del mes. Entonces esta es tu introducción a la clave API. Por lo tanto, es una forma de mejorar la funcionalidad de tu aplicación en tu plataforma de codificación vibe, ya sea punto U o cursor. Sólo debes saber que te van a facturar. La mayoría de las potentes API no son gratuitas. Va a haber alguna tarifa involucrada, y esa tarifa está determinada por la frecuencia con la que usted o sus usuarios finales utilizan esa clave API. 8. Cómo crear pong con codificación de IA: Bien, voy a hacer una demostración de un juego muy sencillo al igual que Pong Entonces son dos tenis D. Pero he añadido un poco de giro. Puedes agregar los nombres de los jugadores y elegir una selección de perfil. Así que empecemos por aquí. Greg, y yo solo agregaré una selección de perfil. Y pondremos Kasey Elige una púa elige esta Y luego iniciaremos el juego y la barra espaciadora para comenzar. Por lo que los controles están por debajo. Entonces W y S es para el jugador uno. Arriba y abajo es para Casey, jugador dos. Así que aquí sólo voy a jugar contra mí mismo. Pero como pueden ver, aquí tenemos un juego de pong muy sencillo, y tenemos las selecciones de perfil. Así que agrega un poco de personalización y ahí tenemos un efecto de sonido. Y el juego subirá a algo así como el 11. Entonces este es el juego de la palma. Así que sólo voy a cerrarlo. Probablemente debería agregar una característica para detener el juego. Pero voy a ir entre bastidores y te voy a mostrar mis indicaciones. Bien, así que empecé con un prompt, crear un juego de tenis de dos D como Pong Y luego usé el prompt mejorado para llegar a algo que fuera más detallado. Así que vamos a ir al aviso, y te voy a mostrar a lo que me refiero. Crea un dos crea un juego similar a Pong. Y la IA es lo suficientemente inteligente como para reconocer un juego como Pong, y luego puedes hacer clic en el icono aquí para obtener un aviso mejorado. Entonces puedes ver ahí que realmente se expande en esa solicitud de una línea, y esa es la salsa mágica ahí mismo. Entonces ese fue mi primer aviso. Entonces seguí adelante y los datos para enfocarme en la izquierda. Y luego vi la primera versión, y ahí es donde tengo mi segundo prompt. Permitir la posibilidad de agregar al jugador uno y dos nombres y agregar una selección de perfil. Entonces este cuadro de diálogo que ves aquí es lo que vino de ese segundo prompt, e hizo un trabajo bastante bueno exactamente lo que necesitaba. Y si, eso es todo. Desplegé la aplicación a esta URL, y ese es un juego sencillo que tenemos. O sea, puedes usar tu imaginación para hacer esto más complejo. Probablemente podrías pedirle que cambie algunos de los colores. A lo mejor quieras alargar el remo o dar la posibilidad de personalizar el tamaño de la misma. Entonces puedes usar tu creatividad para hacerlo más interesante, pero esto es solo un ejemplo básico de cómo puedes hacer un juego de pong, un juego de dos D pong usando bolt Nu. Tal vez quieras usar esto como inspiración para crear un juego similar o incluso otro usando algunas de las ideas aquí. Entonces, ojalá, esta lección en video te ayude y te inspire a crear algunos de tus propios juegos usando codificación de IA 9. Aplicación de audio de IA Transcribir: Oye, en esta lección, este video, voy a demostrar un nuevo tipo de app que en realidad puede transcribir textos de un archivo de audio Entonces este archivo de audio que voy a usar fue generado en realidad por Notebook LM de Google, que es un podcast de audio. Entonces aquí está la aplicación. Se llama transcriptor de audio y video. Ahora mismo solo nos estamos enfocando en el audio. Y aunque sí tiene el campo para una URL de video que aún no está disponible, me gustaría llegar a ese paso. Pero lo que le he pedido fue incluir esta capacidad de subir videos o audio para poder hacer esta capacidad de subir videos o audio para clic aquí y de hecho pueda encontrar el WayFle Así que estamos empezando de cero aquí y voy a encontrar una Wayfle Old Coin Summer Oh, creo que este es el de aquí. Entonces aquí hay un wayfle. Se puede ver que se está procesando. Entonces estoy usando otra API de plataformas. Se llama Asamblea AI. Rápidamente te mostraré el sitio aquí. Así montaje a.com. Solo estoy usando el plan gratuito en este momento, y esto proporciona la funcionalidad de voz a texto, y permite distinguir entre el hablante. Entonces aquí vamos. Entonces podemos distinguir entre el orador A y B, y en realidad podemos copiar la transcripción para que podamos usar este texto generado en otro lugar Entonces, digamos, vamos a sacar un bloc de notas. Y sólo vamos a pegar aquí. Entonces esa es la transcripción. Bien, así que sólo voy a realizar ingeniería inversa. Bien, así que voy a repasar algunos de los aspectos más destacados de esta aplicación, y voy a desenfocar algunas de las partes que son confidenciales, es decir, las claves API Entonces comencé el baile de graduación muy simple, creé una aplicación que pueda tomar URL de YouTube y transcribirlas y proporcionar leyendas Y como te dije, aún no estoy ahí. Pero sí, me dijo que no es buena idea pegar claves API en esta ventana como una mejor práctica. Puedes hacerlo dentro del archivo ENV si vas al código, y luego en el área ENV, aquí es donde realmente puedes pegar en la clave API solo como un Entonces creé la interfaz de usuario inicial aquí con el campo URL, el botón. Y si, ese era el borrador. Y luego me tomó un tiempo encontrar una clave API, una clave API que realmente pudiera digerir archivos de video o audio. Así que iba y venía bastante. Y en realidad, no fue hasta que encontré la IA de montaje. Le pedí que se actualice inicialmente, trato de usar algunas APIs de Google, y ese es un proceso continuo. Pero solo como versión uno, utilizo Assembly AI, y así ofrecen la API gratuita para tomar archivos de audio y transcribirlos, y permite copiar y pegar el texto Así que básicamente le dije que actualice para usar la API de Assembly AI, y en realidad lo hizo bastante sin problemas. Pero lo que no tenía era esta área para arrastrar y soltar videos de audio. Entonces le dije que permitiera al usuario subir archivos de audio o video. Entonces lo entendí bastante bien. Y a partir de ahí, tuve que darle más una iteración más. Y esa fue la aplicación debería permitirle distinguir entre Orador A y Orador B así como copiar el texto. Y mira aquí está el aviso por aquí. Y si, eso nos lleva a donde estamos hoy. Entonces, ¿cuáles son algunos aprendizajes aquí? Entonces ambos son bastante poderosos. Es decir, la capacidad tomar un video o audio y transcribir Pero también para construir la interfaz de usuario. Bolt lo entendió bastante bien, y estoy bastante impresionado por la funcionalidad de arrastrar y soltar audio y video y la capacidad de usar la API desde otra plataforma. Eso lo entendí bastante bien y la capacidad distinguir entre el Ponente A y B en la transcripción Eso viene de la API, pero tuve que decirle explícitamente a Bolt que lo hiciera y que nos permitiera copiarlo. Entonces esta es una buena versión de trabajo una de esta app. Ojalá en el futuro, pueda conseguir que la transcripción de la funcionalidad de video funcione, y pueda compartirla con ustedes. Y sí, entonces ese es un caso de uso diferente de usar bolt dot u para construir aplicaciones útiles. Ojalá esto te dé algunas ideas. 10. Resumen de codificación de Vibe: El curso de codificación vibra. Ha sido breve y dulce, y es una introducción a algunos de los conceptos que debes conocer una vez que decidas que quieres bucear en profundidad. Entonces hemos cubierto cosas como ¿qué es la codificación de vibra? Qué plataformas puedes usar para la codificación de vibra como Boldt NU, Gemini Canvas o incluso cursor si eres un codificador experimentado Hemos pasado por algunos consejos sobre las indicaciones. Hemos pasado por ¿Qué tipo de experiencia de fondo necesitas? ¿Necesitas ser un programador experimentado en JavaScript o Python, por ejemplo. Hemos pasado por varias aplicaciones que puedes crear con plataformas de codificación vibe. También he hablado sobre diferentes plataformas como Rock three, cómo puedes usarlas para ayudar a proporcionar una entrada rápida realmente buena. Y hemos hablado de APIs, que te permiten mejorar la funcionalidad de tu app, pero es posible que te facturen dependiendo del uso de tu API Entonces ahora que has pasado por todos estos temas en el curso, el siguiente paso, si quieres saltar un poco más lejos, es en realidad empezar a hacer codificación de vibra, inscribirte en una de estas plataformas. Y apenas empieza. Simplemente crea tu primera app, empieza a iterar en ella y luego compártela con algunos amigos Sí, el siguiente paso es comenzar, decidir sobre el formulario de solicitud. Yo personalmente recomiendo tanto en NU Gemini Canva y solo mira si esta cosa de codificación de vibra es para ti y mira qué grandes aplicaciones puedes crear con el mundo para resolver problemas