VERSIÓN EN ESPAÑOL (click aquí)

La Inteligencia Artificial (IA) nos va a quitar el trabajo o eso dicen. Lo que sí es seguro, es que nos está haciendo la vida mucho más sencilla, pero quien sabe si este pueda ser el principio del fin[leer con dramatismo].

Desde hace un tiempo he visto como varios desarrolladores muestran como usan IA en su día a día, pero no había tenido tiempo de probar algunas y ya no hay vuelta atrás. Si eres un desarrollador, con las dos IA que voy a mostrar, te va a parecer que estás jugando con las Skills al máximo. Hoy vamos a hablar de V0 y de Codium. Dos IA que nos acompañaran en el desarrollo front-end de lo que queramos, en el lenguaje de programación que queramos y en uno de los casos, sin limitaciones para hacerte pagar.

Les hablaré de ambas con un ejemplo real, del cual te alegras si eres un Hiver cubano. Dímelo en los comentarios si fue así, de momento comencemos.

Artificial Intelligence (AI) is going to take our jobs or so they say. What is certain is that it is making our lives much simpler, but who knows if this could be the beginning of the end [read with drama].

For some time now, I have seen how several developers demonstrate how they use AI in their day-to-day, but I had not had time to try some, and there is no turning back now. If you are a developer, with the two AI I am going to show you, it will seem like you are playing with Skills at their maximum. Today we are going to talk about V0 and Codium. Two AIs that will accompany us in the front-end development of whatever we want, in the programming language we want, and in one of the cases, without limitations to make you pay.

I will tell you about both with a real example, which you will be delighted with if you are a Cuban Hiver. Let me know in the comments if that's the case, but for now, let's get started.

V0 - Generates interfaces, iterates, executes and more.

VERSIÓN EN ESPAÑOL (click aquí)

V0 - Genera interfaces, itera, ejecuta y más.

No hay mucho que te pueda decir sobre esta V0, más allá de lo obvio en la imagen. Tienes un chat para pedir por ese teclado y ver como más allá de responderte, te genera el código a la derecha e incluso puede darte visualización de como quedaría. En mi caso fui añadiendo el código a un proyecto en VS Code para asegurarme de que incluso se podía ejecutar sin problemas. Fui iterando con cada respuesta para ir añadiendo funcionalidades y ajustando todo a lo que tenía en mi mente.

Como ven, te limita si no pagas una cuenta premium. Entonces pensé en usar esta IA solamente como el primer paso para crear la estructura base de lo que quiero hacer y así fue. Aún no permite trabajar en equipo, pero sí mostrar lo que has hecho a otras personas mediante un link. Incluso hay toda una comunidad en su Discord que se la pasan compartiendo los links de lo que han creado.

Como dije, solo tienes una pequeña cantidad de mensajes si no pagas por ello. Así que ya con una base generada (siguiente imagen), me di a la tarea de probar otra IA que me ayudara a avanzar aún más.

There is not much I can tell you about this V0, beyond what is obvious in the image. You have a chat to request that keyboard and see how, beyond just replying, it generates the code on the right and can even provide a visualization of how it would look. In my case, I was adding the code to a project in VS Code to make sure that it could be executed without any issues. I was iterating with each response to add functionalities and adjust everything to what I had in mind.

As you can see, it limits you if you do not pay for a premium account. So, I thought of using this AI only as the first step to create the foundational structure of what I want to do, and that's what I did. It still does not allow working in teams, but it does allow you to show what you have done to others through a link. There is even a whole community on its Discord where they share the links of what they have created.

As I mentioned, you only have a limited number of messages if you do not pay for it. So, with a generated base already (next image), I set out to test another AI that would help me progress even further.

Codium IA - Creates, analyzes code, suggests, generates documentation and more.

VERSIÓN EN ESPAÑOL (click aquí)

Codium IA - Crea, analiza código, sugiere, crea documentaciones y más.

Con Codium, quizás ni hubiese necesitado de V0 en primer lugar, pero habría que probar ambas con el mismo prompt para ello. Cosa que no haré, la idea aquí es mostrarle dos posibilidades de mejorar el trabajo de un desarrollador o incluso una forma de aprender a programar más sencilla.

Codium es una extensión que puedes usar en VS Code para que a partir de que analice el código en tu proyecto, te pueda responder a lo que desees. Desde generar una función nueva a toda un fichero entero. Lo que más me ha gustado es que puedas elegir que tanto acceso a tus archivos puede tener, incluso a que líneas de código de un archivo en específico. La privacidad es lo primero.

Si les debo advertir, que una vez que la comiences a usar, no hay vuelta atrás. Si le dejas analizar todo el código que posees, hará mucho más que solo darte la respuesta que quieres. Me he dado cuenta de ello, pues toma en cuenta los requerimientos que hacen falta cumplir para lograr lo que deseas y sugiere los cambios necesarios que debas hacer para lograrlo. No importa si el cambio debe ser en un archivo que no es sobre el que preguntaste.

Luego de varias preguntas, enfocadas a mejorar la visualización y agregar algunas funciones que se me ocurrieron en dicho momento. Este fue el resultado.

With Codium, I may not have needed V0 in the first place, but both would have to be tested with the same prompt. Something I won't do, the idea here is to show you two possibilities to improve a developer's work or even a simpler way to learn to program.

Codium is an extension you can use in VS Code so that, once it analyzes the code in your project, it can respond to whatever you want. From generating a new function to an entire file. What I liked the most is that you can choose how much access to your files it can have, even to specific lines of code in a particular file. Privacy comes first.

I must warn you, once you start using it, there's no turning back. If you let it analyze all the code you have, it will do much more than just give you the answer you want. I have realized this, as it takes into account the requirements that need to be met to achieve what you want and suggests the necessary changes you need to make to achieve it. It doesn't matter if the change must be made in a file that is not the one you asked about.

After several questions focused on improving visualization and adding some functions that I came up with at that moment. This was the result.

VERSIÓN EN ESPAÑOL (click aquí)

Sí, ya sé. Aún le falta para verse bien. Eso sí, todo fue hecho en apenas una hora e imagínenlo como una web que se debe abrir desde un bot de Telegram. ¿Cuál bot de Telegram? Eso me debes decir tú en los comentarios.

Resumen

En pocas palabras, recomiendo muchísimo el uso de ambas. Solo tengan en cuenta el uso de VPN a la hora de crear la cuenta en ambas. V0 necesita de una cuenta de Vercel y Codium puede dar problemas si usas tu cuenta de GitHub para loguearte sin VPN (al menos a mí me paso). Úsalo con cuidado y testea siempre las respuestas antes de que se conviertan en tu código definitivo. Mientras más especifico seas, mucho mejor.

Déjame sabes si ya las has probado o que tal te parecen una vez que lo hagas. Nos vemos en la próxima.

Yes, I know. It still needs some work to look good. It was all done in just one hour, though, and imagine it as a website that must be opened from a Telegram bot. Which Telegram bot? You have to tell me that in the comments.

Summary

In short, I highly recommend using both. Just keep in mind the use of a VPN when creating the account for each. V0 requires a Vercel account, and Codium may have issues if you use your GitHub account to log in without a VPN (at least that happened to me). Use it with caution and always test the responses before they become your final code. The more specific you are, the better.

Let me know if you have already tried them or how they seem to you once you do. See you next time.

Translated and formatted with Hive Translator by @noakmilo.

---