Vercel v0 CHAT 👉 PROGRAMACIÓN AUTOMÁTICA con IA
HTML-код
- Опубликовано: 13 сен 2024
- Deja que la IA te programe herramientas, UIs y prototipe apps sólo utilizando lenguaje natural. La nueva IA de Vercel v0 chat te permitirá a partir de un prompt generar código funcional con React, Tailwind, Next.js, etc. Hoy la probamos y os cuento mis impresiones.
VERCEL v0 Chat - PRUÉBALO AQUÍ
v0.dev/chat
🔴 Mi canal principal (DotCSV) / dotcsv
- ¡MÁS DOTCSV! --
📸 Instagram : / dotcsv
💸 Patreon : / dotcsv
👾 Twitch!!! : / dotcsv
🐥 Twitter : / dotcsv
🔴 SUSCRÍBETE PARA MÁS NOTICIAS Y TUTORIALES DE IA SEMANALES! :)
Carlos, al igual que puedes pasarle imágenes para que las rehaga, puedes pasarle assets y cosas para que las utilice al crear la "aplicación". Fíjate en el anuncio de Vercel v0 en X que ahí hay un montón de ejemplos mostrando cosas de esas, además a la izquierda te explica todo para que puedas aprender y entender lo que ha estado haciendo.
V0, por ahora, solo se centra en tecnología frontend. Cursor AI, es mucho mejor.
Incluyo convidar, creas el frontend en V0 y luego continuas con Cursor ai.
Permite crear aplicaciones completas 😊
Llevo un año siendo muy fan de Cursor, creo que es hora de dedicarle un vídeo en este canal :)
@@DotCSVLab
Sería genial creando una aplicación gen IA completa, como un sistema de recomendaciones basado en LLM con una interfaz UI completa, yo estoy trabajando en algo así
Cuenta más que tipos de app puedes implementar con la otra IA me interesa@@Eber.Laurente
@@Eber.LaurenteYo quiero crear un app usando esas herramientas bro, ya que tú estás haciendo lo mismo, crees que si es posible? Al menor para tener un MVP funcional
La niña que mencioné creo que usaba Cursor, mi comentario está en este video!
Seguramente Copilot github podría llegar hacer lo mismo , pero creo que Microsoft si lo hiciese ya, tendría toda un área de negocio ( mundo desarrolladores ) el valor del desarrollo no es solo generar código en un lenguaje determinado , sino poder reutilizar paquetes...
El modelo de microsoft parece ser mas enfocado a empresas y que estas generen algunas soluciones usando su API con AZURE
No lo hace, hay algunas extensiones que intentan cosas
Ostras, nunca me imaginé que Dot hablase de Vercel jeje
Todos sabemos que ese "créame una interfaz", en el futuro se transformará en "créame una web completa".
Me suena más a que solo le vas a decir con la voz las instrucciones por ejemplo para que un sistema se modifique y se ejecute etc...
Lo estoy haciendo
@@carlosrofts5230hice un voice to code 👀
obvio, web, app... luego, producto, empresa... luego mundo y finalmente universo.
Jajajaja 😂, bueno en si es algo pero el software no solo son interfacez, apps y webs 😂
Lo acabo de probar como complemento a mi investigacion y me ha servido de lujo, muchas gracias por esta infomracion tan valiosa
Me hace pensar si realmente hay "futuro de la programación". Yo creo que algunos años de trabajo nos queda, pero no muchos. Vayamos aprendiendo plomería
Creo que el hecho de que pienses en los plomeros es la misma garantía de que siempre habrá trabajo para gente que maneje código. Ninguna IA asume la responsabilidad del código aún. Ese debe ser nuestro trabajo como expertos. Es lo que creo
Simplemente vamos a programar desde otra capa, en lugar de pensar en como se comunica un boton con un input de tipo texto, vamos a pensar en como se comunica el módulo facturación con el módulo inventario... ahora llevamos los algoritmos a un nivel macro, seremos capaces de construir cosas mas grandes.
Buena idea
@@frankelygarcia2446"programar" en una capa superior a la de los programadores suele ser la tarea de los productores, que no indican cómo hacer las cosas, sino qué hacer. Si obviamos la tarea de los programadores, nos quedan productores, los cuales van a ir guiando a la IA hasta llegar al producto deseado. En ese momento el rol del programador habrá desaparecido.
@@CesarLorenzon al final cada quien tiene su punto de vista
Literal hize un snake con fondo negro que se coma la comida de forma automatica y que haga un ¡a barra para poder mover y configurar la velocidad y que nunca choque su cola y literal lo hizo perfecto
Si no me equivoco utilizaron fine-tuning(de chat gpt) para entrenar sus modelos específicamente en react, crearon una interfaz con un server react que simplemente renderiza el código generado, muy buena idea, y eso te da la ilusión de ver resultados en tiempo real.
Woow!! Esta brutal la lógica que utiliza esta IA. En segundos te genera un programa funcional. 💯
En serio?
Me demoraba un montón en hacer esas pantallas xd todo para q el cliente cambie de opinión al final
Hahahah pasa.
No mames enserio todo para que diga na prefiero la otra!........
Para los que creen que esto nos va a quitar el trabajo mañana, lo dudo. Seguro que sustituirá u os cuantos puestos, pero al final al, en una app grande, necesitas una persona si o si que pueda revisar el código.
Programar no es solo una tarea lógica y estructurada. Aparte se usa mucho la creatividad y los conceptos abstractos, que dudo mucho que una ia pueda llegar a replicar a corto plazo.
No estoy hablando de crearte el buscaminas en react. Hablo de sistemas bancarios, aéreos etc... grandes aplicaciones con miles de módulos y diferentes tecnologías por detrás. El error no tiene por qué estar únicamente en el código.
Además, cuando lleguen incidencias por parte del usuario, no siempre se solucionaran cambiando el código, sino viéndolo y entendiendo lo que ocurre para dar una respuesta.
Programar es mucho más que escribir código, recuerden eso.
No veo pq una IA no puedas darle un prompt de q es lo q falla y lo solucione, ahí ya no necesitarás un programador, quizas un QA en todo caso y una persona de negocio q entienda la app y le pueda decir lo q falla. Hoy día a nivel primitivo eso lo hace pero muchas veces entra en bucle o no puede solucionar el problema. Para mí es cuestión de tiempo q eso pase. Lo digo como programador q Soy. Ya veremos q pasa
No nos veo en un futuro escribiendo miles o millones de líneas de codigo para crear un producto. Veo a las IA haciendo esto por nosotros en tiempos mucho más acelerados
@@nicoelyorugua Problemas exclusivamente de código, quizá. Problemas más abstractos que envuelvan varios componentes de una app lo veo más dificil. En un futuro lejano quizá, pero no en uno próximo.
Que bien que le heches más ganas al canal secundario.
soy desarrollador jr y me parece fascinante lo rapido que va la IA , y me preocupa mucho mi campo como desarrollador
Pues ahora aprobecha la herramienta para crear tus propios proyectos
me pasaba lo mismo , pero conforme aprendas te daras cuenta que hacer una ui semidinamica solo es una pequeña parte del trabajo al menos en empresas
que se dedican a algun producto y sea medianamente exitoso 😅, la arquitectura computacional, performance, reliability , la logica del negocio, arquitectura del software como tal es muy dificil de reemplazar aun, ahora en verdad tienen que ser ingenieros y no solo expertos en tecnologias como react, quizas fueron 10 años un poco menos complejos para los ingenieros pero la epoca donde tener realmente las bases de un ingeniero son fundamentales volvio
Puedes ver esto como una herramienta para emprender o trabajar como independiente, hay gente muy aferrada a la idea de conseguir trabajo en una empresa, por que es la opción más cómoda. Pero como independiente puedes ganar incluso más, obvio, con el sacrificio que conlleva. Simplemente no te encierres en la idea de ser empleado.
Excelente contenido! Gracias por hacer estas versiones editadas, más breves, en las que pruebas nuevas herramientas. 🙌
Me impresiona la forma en que aparecen los elementos en pantalla, es similar a los steps de Stable Diffusion con el ruido y demás
Está genial sin duda ... Da hasta cosa pensar todo lo que se puede hacer con eso
Y lo que viene es que generen pantallas y el backend con base de datos y vercel ofrecerá todo el paquete para que lances tus MVP en su plataforma
Grandioso video Dot, ayer hice una interfaz muy chula y luego le puse la funcionalidad 😁Me gustaron mucho los ejemplos del video
esperaba este video!!! muchas gracias Carlos, saludos desde Uruguay!!
Una implementación interesante para futuras versiones sería el hosting y la dedicación de recursos al código generado. Siendo este el modelo de negocio principal de Vercel tendría perfecto sentido.
Gracias por seguir informando Carlos, van saliendo herramientas nuevas que son muy útiles y es una pasada
YESSS! pedazo de herramienta. Voy a por ella! Gracias de nuevo Carlos
Gracias por yenernos actualizados con las herramientas nuevas de IA para programar y poder ver su evolución.
Bueno pero que es esta belleza? 2 videos de dot en la cara en menos de 48 horas 🎉
Lean los términos y condiciones del código que les da 👀👀👀👀👀👀👀👀
Gracias Carlos, muy bueno, disculpa mi ignorancia, pero como llevo el resultado a otra plataforma? Puedo tomar el código y hacerlo funcional para disponerlo para que otros interactuen? Gracias
Esto revolucionara los software, hice un programa y la IA me ayudo a hacer la intefaz, y lo hace bien, esto es lo mismo nomas que mas bonito, la programacion sera mas rapida y eficiente con esta IA y las demas, hay que aprovecharlas
lpm ... primera vez q una IA me vuela la cabeza de esta forma....la probé e incluso tiene los archivos por separado si quieres hacerlo en react por ejemplo, con tailwind... está potente
Muy interesante. Buen complemento como "pair programming". Sera de ayuda junto con copilot de github.
Esto es una pvta locura 😮 ahora voy a poder aprender como funciona todo el sistema de logica de varias cosas, especialmente cuando de hacen prototipos para proyectos grandes, obvio aveces se necesitan que se hagan modificaciones pero esto elimina bastantes
vs Claude 3.5 quien gana?
amigo no abandones tu cana mas videos como esoss herramientas interesates que nos pueden aportar te lo agadezco saludos ⏺
Tal como está ahora funciona como Claude...pero en Claude puede crear un proyecto y subir varios ficheros del código para que la IA pueda hacer un trabajo más complejo y que las piezas estén conectadas.
Las dos herramientas tienen que mejorar pero el futuro es brillante!
Gracias por la info, ya habia trabajado con otras IA de generacion de codigo y me dejaban cojas las funcionalidades, vamos a ver con esta herramienta que tal sale.😉
Sabes que me haría inmensamente feliz? Una IA qué fuese capaz de actualizar un proyecto de laravel 4 al actual. No hay ninguna que pueda con la tarea... O si?
Revisa lo que dijo el de Amazon precisamente de actualizar proyectos con Amazon Q, eso sí, era Java
Creo que genie
@@Evan_RR si... Esa cuestión del lenguaje me preocupa. Probé actualizar ese codigo en laravel shift y no pudo con el desmadre de ese proyecto porque también había que actualizar las cosas del frontend.
Supongo que habrá que comprobar la posibilidad de que Amazon Q pueda con el desastre. Gracias por recordarmelo
Hay herramientas como Laravel Reactor
Mantenimiento siempre es más difícil que crear. Esto es una gran herramienta para programadores no para sustituirlos.
Mola mucho la herramienta y el vídeo, pero discrepo en algo muy importante.
El sistema de Cursor de modificar el código ya generado, es mas eficiente durante el desarrollo, pero es peor para el resultado final del proyecto.
Hacer el código desde cero cada vez, permite crear códigos mas eficientes y menos parches.
o puedes simplemente iterar entre ambos
Excelente... hay un video de una niña de 8 años programando con IA... ¿Puedes hacer un video de eso? Gracias.
Justo lo probe hace dos días y a mi esto me encanta, me ayuda muchísimo. De hecho me he movido de Vue a React ya que esto es como ir con hacks jajaj
Entonces no te has movido tu, te ha movido la IA, que es distinto.
@@gonz_x_kz bueno y todo su ecosistema, tiene muchas mas librerías, y una comunidad mas grande. V0 fue solo la gota que colmo el vaso jajaja
Fascinante. Intetaré probar como le va con páginas web. Espero que sea funcional :)
Excelente aporte! Gracias Carlos! Saludos desde Uruguay
Continuando os questionamentos do Carlos. O que irá acontecer quando a própria LLM criar os aplicativos que precisar para seus objetivos? Ou seja, ferramentas temporárias em sua memória interna que nem sequer veremos?
Todavía le falta mucho, es una pena porque a mí no me interesa tanto que me haga las cosas. Para mí es más interesante como medio de evitarme la documentación y experimentar configuraciones complejas en casos donde no hay documentación, evitándome también test/error.
Te pongo un ejemplo: Para NextJs app router i18n, está muy muy verde. Las respuestas son muy básicas y a veces incluso mezcla pages router. Una pena. Y esto es un ejemplo mínimo.
Está bastante bien para generar interfaces o cosas específicas.. además que usa código muy correcto y actualizado, recuerden que esto solo es una herramienta.
No veo nada que ya exista, si la facilidad de ver el resultado..
Aunque claude lo tenia.
Al fin y al cabo lo mejor es que puede hacer un frontend simple y visual, cosa que ya era sencilla usando alguna libreria de diseño si no querias hacer un sitio lento con react.
El backend sigue siendo lo que necesita la logica del negocio y la cual suele ser mas compleja y le cuesta a la ia seguirlo.
Obvio cosas faciles si.
En conclusión me gusta, con la version free alcanza para hacer unos scripts que tendran su dashboard bonito.
No creo que valga la pena los 20usd a menos que vivas de maquetar... Quizas ahi si.
Pero chatgpt o claude hacen ya lo mismo. Aunque sin mostrarlo en caso de chstgpt..quizas haya algun plugin.. Seria posible implementar la parte visual
Combina esto con un agente que pueda explorar TODA la funcionalidad de una página web o app y puedes hacer un clon privado y personalizado de un montón de cosas, tan solo necesitando explicarle las cosas que quieres que haga diferentes al original.
es este el momento de plantearme en seguir estudiando programacion?
A mí me ha costado el trabajo ... Literalmente me han despedido por esta mierda.
En todo caso será para el front end que ya era lo mas facil y que lo quisieron hacer engorroso y lento con react jajaja
Cuenta en si como y que te dijeron al despedirte @@daniel-peiro
@@deadmusic7827 que no merece la pena pagar un senior teniendo IA
De momento no, todo lo contrario aprender más sobretodo de IA, aunque suene feo los que dominen este campo serán los que tendrá un futuro asegurado y a la vez le quitará el trabajo a los demas
Soy yo o el video de carlos esta generado con IA? El audio es indetectable, si también lo ha sido me parece fascinante
Te imaginas que en 5 años le pides a chatGPT-6 oye hazme un gta 6 y te lo haze 😮
Eres un crack!
Lo primero que tienen que mejorar es, ya que usa componentes react, que reescriba solo los componentes necesarios en vez de todo el codigo.
Vengo de Angular y esto impulsa los productos hechos en React, estoy pensando muy seriamente migrar.
Muy bueno. Como lo ves para analisis de datos con Python?
yo hice, o modifique, 2 programitas bastante utiles en html, un visualizador de codigo, solo lo pones y te muestra la pagina, bastante util, y un programita de texto a voz con un boton de stop, eso si, me encantaria tener un programa que me grabe un texto a mp3 y me de el archivo atomaticamente en mp3, no tener que grabarlo con un programa externo ni perder tiempo escuchandolo, me interesa para hacer un canal de libros, audiolibros.
Wow está muy interesante!
Ese del chat GPT me recordo a lo de improviso un Chat GPT con una ardilla, una cuerda y un Chat GPT
Esto obviamente va a eliminar a los freelance de miniprogramas como interfacez o programitas para pequeñas empresas, ahora los ingenieros de software se van a meter a lo que es estructura y esencia de software, esto no me sorprende mucho porque es como crear imagenes algo que ya existia, pero esto revolucionara el software y los productos se haran mas rapido gracias a esta herramienta poderosa
Hola , soy programador y me encanta utilizar todo tipo de herramientas y las nuevas hechas con inteligencia artificial, Si tienes un proyecto en mente, podemos trabajar juntos para hacerlo realidad
bldo dame un rato para acostumbrarme, no termino de ver tu video anterior y me ya tengo otro jajaja
Bienvenidos a la era de las GUI adaptables al usuario dinámicamente por Inteligencia Artificial, o creadas bajo demanda.
Esto me hace pensar que necesitamos urgentemente una manera de mejorar nuestra deteccion de phising
Excelente..
Pero le cuestion es, hacer una ui así es muy facil, incluso puedes tardar menos haciendola manualmente (entendiendo que iterar con una ia no es siempre facil y cómodo). Como deía... la cuestión es.. Como de facil adapta la IA la UI generada a mis requerimientos y tecnologías que uso en mi app?
Hola... cual es la mejor IA para codificar en Python?
GOOGLE HA HECHO UN NUEVO MODELO🎉!: Gemini 1.5 Pro Experimental 0827🎉!
Disponible en la plataforma de AI Studio.
hola, siguiendo tu video, hice una prueba con un codigo propio en el cual estoy trabajando, y le pase solo una parte del mismo, y el V0 hizo un monton de comentarios y como si tuviera conocmiento acerca de informacion de mi codigo total del que no habia compartido, eso es raro, no?
Osea al final seran las mismas empresas que controlen estos softwares generadores de app los que dominen todo el mercado de apps
Verdaderamente fantastico
El verdadero problema no es el crear una aplicación, pues como se ven, los asistentes de IA lo hacen bien, el problema viene a ser, es modificar o hacer actualizaciones sobre la misma aplicación, eso es lo complejo, como agregar mas funcionalidades en un futuro.
Gran avance.
Excelente Aprecio esto
Algun dia en el futuro ( ya no hay que hablar de siglos sino de decenas de años ) la humanidad despertará sin la necesidad de trabajar. Sera algo extraño la inteligencia artificial hará todo.
Matrix.
Genial!! 🎉
Genial..
4500 años de trabajo se ha ahorrado Amazon con ia generativa migrando de java a otra tecnología. Programadores, entender al máximo el negocio para el que desarrolláis actualmente y crear una buena red de contactos porque el 99% de estos puestos de trabajo desaparecerá irremediablemente
Cursor o está aplicación cual es mejor para vosotros?
Se puede exportar a google play o appstore?
Interesante
Vaya pasada
Soy novato en el tema. Existe alguna Ai que permita crear aplicaciones de Net y Net Framework similares?
el trabajo de los front end X_X
Visto
Me pregunto como sera la calidad del software generado con estas herramientas?. Respetaran patrones de diseño? Utilizaran buenas practicas? Aplicarán por ejemplo una arquitectura de diseño limpia o hexagonal? Que pasaria con el futuro mantenimiento de estas aplicaciones?
bro, esto es para crear componentes y prototipar rapido no te rayes, que arquitectura hexagonal le quieres meter a tres botones y un select ...
Jajajaja @@germanje6772
Se ve super potente
Es gratis?
Pero lo hubieras comparado con chatgpt
Haber quien hacía mejor el código
Me ayudo a resolver un problema en mi codigo que no pude resolver con GPT, ni claude ni ninguna otra
El problema de esto es cuando miras el codigo, 0 separacion de conceptos, 0 organizacion = mantencion imposible
No me funciona la página por qué dice que no está localizable mi localización 😢 que más se puede hacer
En 10 años nos reiremos de los .exe y los .apk
También puede generar código de backend?
Esto es más moderno y avanzado, pero llevo meses trabajando de forma similar con Codeium y VSCode. Obviamente estas herramientas siguen mejorando y evolucionando pero tampoco es nada "realmente" nuevo
Nada va a ser realmente nuevo porque todo se construye desde lo anterior. Pero iteración tras iteración tras iteración te acabas encontrando tan lejos la demo de Codex de hace poco más de 2 años, y claro, impresiona!
@@DotCSVLab Que impresiona desde luego, no sólo el resultado, también, en el caso de Codeium al menos, lo intuitivo que es al entender mis intenciones y ofrecerme justo el código que necesito mientras voy escribiendo. En breve caminarán solas 😜
❤❤❤
se dibujar, se modelar 3D, necesito una IA para la programación y estoy listo para hacer juegos
Pues casi casi 🤔
Código? como lo tengo en local? Haces lo que todos hacen.
Sinceramente me dieron ganas de comprarme unos terrenos y crear mi propia granja 🤣en un par de años mas ni tendremos que pedirle por promt imagina tener un sistema que se cree sus propios modulos segun la necesidad del propio sistema sin necesidad supervision. 😎xd..
funciona? mmmm
Solo genera código en React?
A mí me ha costado el trabajo ... La próxima semana en el paro.
¿Cual fue su caso? ¿En que país, en que tipo de prograna?
@@juancarloshoyosp España, un SaaS