Develop like a Pro: The Magic of V0 and Codium at your hands

in HiveDevs3 months ago

Probando (1).png


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

Probando.png

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.

Screenshot 2024-09-05 at 12.07.22 PM.png


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.

Screenshot 2024-09-05 at 12.01.16 PM.png

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

Screenshot 2024-09-08 at 12.06.21 PM.png


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.

Screenshot 2024-09-08 at 12.02.58 PM.png


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.


Puedes contactarme y seguir mi trabajo aquí

Instagram
Telegram
Twitter

Contact me and follow my work here

manuphotos_ln_v4vapp_address (2).png

Apoya mi trabajo con Bitcoin Lightning

Sort:  

Excelente post @manuphotos poco a poco se derrumban los mitos de que las IA nos van a quitar el trabajo. Debes saber testear muy bien cada código y acomodarlo a tus necesidades. Espero ver los resultados del marketplace de Hive Cuba P2P.
Voy a probar la extensión de VS Code Codium IA no la había probado he utilizado Code GPT.

Y si quieres sumarte al desarrollo solo dilo jeje

Interesting stuff, I think I need to try something similar 😃
!BBH !DUO !hiqvote

Use those and let me know how it goes!

Will do 💪🏼


Oh no! @caspermoeller89, you are out of DUO!
Go acquire more Stake to increase your DUO standings.
(We will not send this error message for 24 hours).
duo_logo
Learn all about DUO here.

@manuphotos! @caspermoeller89 likes your content! so I just sent 1 BBH to your account on behalf of @caspermoeller89. (2/20)

(html comment removed: )

Apenas me comentaste, puse manos a la obra. Ya antes en nuestro HiveP2P_bot mucho del código se le debe a Copilot, pero Codium me dijo en pocas lineas como integrar el código para python-telegram-bot y la interfase Web como un solo enter. Apenas las vistas estén y la URL de dominio lo demás es relámpago ⚡.

Es que va más allá, asume lo que necesitas directamente.

Congratulations @manuphotos! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

You got more than 3000 replies.
Your next target is to reach 3250 replies.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Check out our last posts:

The countdown to HiveFest⁹ is one week away - Join us and get your exclusive badge!
Our Hive Power Delegations to the August PUM Winners

@caspermoeller89, the HiQ Smart Bot has recognized your request (1/3) and will start the voting trail.

In addition, @manuphotos gets !LOL from @hiq.redaktion.

For further questions, check out https://hiq-hive.com or join our Discord. And don't forget to vote HiQs fucking Witness! 😻

Did you hear about the new corduroy pillows?
I understand they're really marking headlines.

Credit: reddit
@manuphotos, I sent you an $LOLZ on behalf of hiq.smartbot

(1/8)
Delegate Hive Tokens to Farm $LOLZ and earn 110% Rewards. Learn more.

Came back here to bring the !DUO because I was out yesterday


You just got DUO from @caspermoeller89.
They have 1/1 DUO calls left.
duo_logo
Learn all about DUO here.

Ya habia visto algunos videos que hablan de esos usos de la IA...son tecnologias utiles y prometedoras!!