Adoptez une posture de collaboration avec l’IA
| Español | Français | English |
|---|---|---|
| Este capítulo introductorio tiene como objetivo ayudarle a tomar conciencia de los cambios que están ocurriendo en el desarrollo de software, y a adoptar una postura adecuada: ni miedo, ni ingenua, sino competencia. | Ce chapitre introductif a pour objectif de vous aider à prendre conscience des changements à l’œuvre dans le développement logiciel, et à adopter une posture adaptée : ni peur, ni naïveté, mais compétence. | This introductory chapter aims to help you become aware of the changes taking place in software development, and to adopt a suitable approach: neither fear nor naivety, but skill. |
| También establece un marco claro para los desarrolladores en fase de aprendizaje: la IA solo es útil si apoya realmente su comprensión y su progreso. | Il pose aussi un cadre clair pour les développeurs en phase d’apprentissage : l’IA n’est utile que si elle soutient réellement votre compréhension et votre progression. | It also establishes a clear framework for developers in the learning phase: AI is only useful if it truly supports your understanding and progress. |
Comprenez les enjeux du développement à l’ère des IA génératives
| Español | Français | English |
|---|---|---|
| Comprenda los retos del desarrollo en la era de la IA generativa. | Comprenez les enjeux du développement à l’ère des IA génératives. | Understand the stakes of development in the age of generative AI. |
| Las inteligencias artificiales generativas están ahora presentes en todos los entornos de desarrollo. Algunas pueden sugerir código mientras escribe, otras son capaces de crear componentes enteros, escribir pruebas, corregir un error o incluso proponer pull requests completas. | Les intelligences artificielles génératives sont désormais présentes dans tous les environnements de développement. Certaines peuvent suggérer du code au fil de ce que vous tapez, d’autres sont capables de créer des composants entiers, d’écrire des tests, de corriger un bug ou même de proposer des pull requests complètes. | Generative artificial intelligences are now present in all development environments. Some can suggest code as you type, others are capable of creating entire components, writing tests, fixing a bug, or even proposing complete pull requests. |
| Quizás se haga una pregunta legítima: ¿está amenazada la profesión de desarrollador? | Vous vous posez peut-être une question légitime : le métier de développeur est-il menacé ? | You may be asking yourself a legitimate question: is the profession of developer threatened? |
| Más bien que desaparecer, la profesión evoluciona. La historia del desarrollo muestra que las nuevas herramientas transforman las prácticas sin hacer desaparecer la necesidad de desarrolladores cualificados. La IA generativa se inscribe en esta misma dinámica de evolución. La profesión evoluciona, como siempre ha evolucionado con la aparición de nuevas herramientas. La llegada del ordenador, internet, los frameworks o la nube han cada uno, a su manera, transformado las prácticas. La IA generativa se inscribe en esta misma lógica. | Plutôt que de disparaître, le métier évolue. L’histoire du développement montre que les nouveaux outils transforment les pratiques sans faire disparaître le besoin de développeurs qualifiés. L’IA générative s’inscrit dans cette même dynamique d’évolution. Le métier évolue, comme il a toujours évolué avec l’apparition de nouveaux outils. L’arrivée de l’ordinateur, d’internet, des frameworks ou du cloud ont chacun, à leur manière, transformé les pratiques. L’IA générative s’inscrit dans cette même logique. | Rather than disappearing, the profession is evolving. The history of development shows that new tools transform practices without making the need for qualified developers disappear. Generative AI is part of this same dynamic of evolution. The profession is evolving, just as it has always evolved with the emergence of new tools. The arrival of the computer, the internet, frameworks, and the cloud have each, in their own way, transformed practices. Generative AI is part of this same logic. |
| Dos principios deben guiar su uso de la IA: | Deux principes doivent guider votre usage de l’IA : | Two principles must guide your use of AI: |
| La IA es una herramienta, no una varita mágica. | L’IA est un outil, pas une baguette magique. | AI is a tool, not a magic wand. |
| Usted es responsable de lo que produce con ella. | Vous êtes responsable de ce que vous produisez avec elle. | You are responsible for what you produce with it. |
| Una IA puede generar código, corregir un error o proponer una solución. Pero si su solicitud es vaga, mal formulada o incoherente, el resultado también lo será. Y solo usted será responsable del código entregado. Esto es aún más cierto cuando todavía está consolidando sus bases técnicas. | Une IA peut générer du code, corriger une erreur ou proposer une solution. Mais si votre demande est floue, mal formulée ou incohérente, le résultat le sera aussi. Et vous seul serez responsable du code livré. Cela est d’autant plus vrai lorsque vous êtes encore en train de consolider vos bases techniques. | An AI can generate code, fix an error, or propose a solution. But if your request is vague, poorly formulated, or inconsistent, the result will be as well. And you alone will be responsible for the code delivered. This is especially true when you are still consolidating your technical foundations. |
| Esto quizás le recuerde una situación ya vivida: copiar un trozo de código encontrado en internet, sin comprender bien lo que hace, y darse cuenta de que no resuelve realmente el problema. El uso de la IA puede caer en la misma trampa… a una escala mucho mayor. | Cela vous rappelle peut-être une situation déjà vécue : copier un bout de code trouvé sur internet, sans trop comprendre ce qu’il fait, et s’apercevoir qu’il ne résout pas vraiment le problème. L’usage de l’IA peut tomber dans le même travers… à une échelle bien plus grande. | This may remind you of a situation you have already experienced: copying a piece of code found on the internet, without really understanding what it does, and realizing that it does not truly solve the problem. Using AI can fall into the same pitfall… on a far larger scale. |
| Pero este capítulo no tiene como objetivo alarmar o preocupar. Al contrario, la IA representa una oportunidad excepcional para ganar en eficiencia, acelerar el aprendizaje, reducir las tareas repetitivas y superar ciertos bloqueos, a condición de usarla como un apoyo de aprendizaje y no como un sustituto del razonamiento. | Mais ce chapitre n’a pas pour but d’alarmer ou d’inquiéter. Au contraire, l’IA représente une opportunité exceptionnelle pour gagner en efficacité, accélérer l’apprentissage, réduire les tâches répétitives et dépasser certains blocages, à condition de l’utiliser comme un support d’apprentissage et non comme un substitut au raisonnement. | But this chapter is not meant to alarm or worry. On the contrary, AI represents an exceptional opportunity to gain efficiency, accelerate learning, reduce repetitive tasks, and overcome certain blocks, provided it is used as a learning support and not as a substitute for reasoning. |
| Es por eso que la capacidad de colaborar con una IA es hoy una competencia técnica por derecho propio, al mismo nivel que el dominio de un lenguaje o un framework. Lo que las empresas esperan de usted no es que use la IA al azar, sino que la use con discernimiento y expertise, siendo capaz de explicar y justificar cada decisión técnica. | C’est pourquoi la capacité à collaborer avec une IA est aujourd’hui une compétence technique à part entière, au même titre que la maîtrise d’un langage ou d’un framework. Ce que les entreprises attendent de vous, ce n’est pas d’utiliser l’IA au petit bonheur la chance, mais de l’utiliser avec discernement et expertise, en restant capable d’expliquer et de justifier chaque décision technique. | That is why the ability to collaborate with AI is today a technical skill in its own right, just like mastery of a language or framework. What companies expect from you is not to use AI haphazardly, but to use it with discernment=insight and expertise, while remaining able to explain and justify every technical decision. |
Comprenez ce qu’est vraiment le vibe coding
| Español | Français | English |
|---|---|---|
| Comprenda qué es realmente el vibe coding. | Comprenez ce qu’est vraiment le vibe coding. | Understand what vibe coding really is. |
| El término “vibe coding” es a menudo utilizado en las comunidades tecnológicas, a veces con humor, a veces con entusiasmo, pero rara vez con claridad. Intentemos poner un poco de orden. | Le terme “vibe coding” est souvent utilisé dans les communautés tech, parfois avec humour, parfois avec enthousiasme, mais rarement avec clarté. Essayons de remettre un peu d’ordre. | The term “vibe coding” is often used in tech communities, sometimes with humor, sometimes with enthusiasm, but rarely with clarity. Let’s try to bring some order. |
| El vibe coding puro, en su sentido extremo, consiste en hacer todo en lenguaje natural, sin leer el código generado, ni intentar comprenderlo. El usuario describe lo que quiere en un diálogo con una IA, prueba el resultado, luego ajusta la solicitud… sin nunca tocar él mismo el código. Este enfoque puede funcionar en ciertos contextos muy simples, pero presenta muchos riesgos en cuanto un proyecto se vuelve más complejo o debe ser mantenido. | Le vibe coding pur, dans son sens extrême, consiste à tout faire en langage naturel, sans lire le code généré, ni chercher à le comprendre. L’utilisateur décrit ce qu’il veut dans un dialogue avec une IA, teste le résultat, puis ajuste la demande… sans jamais toucher lui-même au code. Cette approche peut fonctionner dans certains contextes très simples, mais elle présente de nombreux risques dès qu’un projet devient plus complexe ou doit être maintenu. | Pure vibe coding, in its extreme sense, consists of doing everything in natural language, without reading the generated code, or trying to understand it. The user describes what they want in a dialogue with an AI, tests the result, then adjusts the request… without ever touching the code themselves. This approach can work in certain very simple contexts, but it presents many risks as soon as a project becomes more complex or must be maintained. |
| Ejemplo concreto: un no desarrollador confía ciegamente en la IA, se encuentra bloqueado con su aplicación, y no logra diagnosticar el verdadero problema porque no comprende realmente el código. | Exemple concret : un non‑développeur fait une confiance aveugle à l’IA, se retrouve bloqué avec son application, et n’arrive pas à diagnostiquer le vrai problème car il ne comprend pas vraiment le code. | Concrete example: a non‑developer places blind trust in AI, ends up stuck with their application, and cannot diagnose the real problem because they do not truly understand the code. |
| No es esta versión del vibe coding la que practicaremos aquí. | Ce n’est pas cette version du vibe coding que nous allons pratiquer ici. | This is not the version of vibe coding that we will practice here. |
| En el marco de este curso, el vibe coding designa una colaboración activa entre un desarrollador y una IA. El objetivo es construir un producto o una funcionalidad juntos, apoyándose en las capacidades generativas de la IA mientras se conserva el control de las decisiones técnicas, la arquitectura y la calidad del código. | Dans le cadre de ce cours, le vibe coding désigne une collaboration active entre un développeur et une IA. L’objectif est de construire un produit ou une fonctionnalité ensemble, en s’appuyant sur les capacités génératives de l’IA tout en conservant la maîtrise des choix techniques, de l’architecture, et de la qualité du code. | In the context of this course, vibe coding refers to an active collaboration between a developer and an AI. The goal is to build a product or feature together, relying on the generative capabilities of AI while retaining control over technical choices, architecture, and code quality. |
| Este enfoque presenta varias ventajas: | Cette approche présente plusieurs avantages : | This approach offers several benefits: |
| Permite ganar tiempo en tareas repetitivas o de bajo valor agregado. | Elle permet de gagner du temps sur les tâches répétitives ou à faible valeur ajoutée. | It saves time on repetitive tasks or those with low added value. |
| Le empuja a clarificar sus ideas antes de pasar a la implementación. | Elle vous pousse à clarifier vos idées avant de passer à l’implémentation. | It pushes you to clarify your ideas before moving to implementation. |
| Le ayuda a salir de un bloqueo sin quedarse solo ante un problema. | Elle vous aide à sortir d’un blocage sans rester seul face à un problème. | It helps you get out of a block without remaining alone with a problem. |
| Favorece una postura reflexiva: usted valida, comenta, corrige lo que la IA propone. | Elle favorise une posture réflexive : vous validez, commentez, corrigez ce que l’IA propose. | It encourages a reflective approach: you validate, comment on, correct what the AI proposes. |
| Pero también exige rigor y vigilancia. Cuanto más delega sin comprender, más riesgos asume. Al delegar la producción del código a la IA, también se pueden generar más errores, más incoherencias, más código muerto, más dependencias. Por lo tanto, hay que mantenerse atento a la calidad de lo que se valida, y no multiplicar las soluciones “rápidas” que se convierten en problemas complejos de mantener. | Mais elle demande aussi rigueur et vigilance. Plus vous déléguez sans comprendre, plus vous prenez de risques. En déléguant la production du code à l’IA, on peut aussi générer plus d’erreurs, plus d’incohérences, plus de code mort, plus de dépendances. Il faut donc rester attentif à la qualité de ce qui est validé, et ne pas multiplier les solutions “rapides” qui deviennent des problèmes complexes à maintenir. | But it also requires rigor and vigilance. The more you delegate without understanding, the more risk you take. By delegating code production to AI, you can also generate more errors, more inconsistencies, more dead code, more dependencies. So you must remain attentive to the quality of what is validated, and not multiply “quick” solutions that become complex problems to maintain. |
| Un buen uso del vibe coding descansa en tres pilares: | Une bonne utilisation du vibe coding repose sur trois piliers : | Good use of vibe coding rests on three pillars: |
| dar un contexto claro a la IA, | donner du contexte clair à l’IA, | giving clear context to AI, |
| formular expectativas precisas, | formuler des attentes précises, | formulating precise expectations, |
| releer, comprender y validar sistemáticamente el código generado. | relire, comprendre et valider systématiquement le code généré. | reviewing, understanding, and systematically validating the generated code. |
| No es mágico. La IA no reemplaza un saber hacer. Al contrario, le empuja a estructurar mejor su pensamiento, a comprender mejor sus herramientas, y a desarrollar su espíritu crítico. | Ce n’est pas magique. L’IA ne remplace pas un savoir-faire. Elle vous pousse au contraire à mieux structurer votre pensée, à mieux comprendre vos outils, et à développer votre esprit critique. | It is not magic. AI does not replace know-how. On the contrary, it pushes you to better structure your thinking, to better understand your tools, and to develop your critical thinking. |
Comprenez le rôle et la place du développeur à l’ère de l’IA
| Español | Français | English |
|---|---|---|
| Comprenda el rol y el lugar del desarrollador en la era de la IA. | Comprenez le rôle et la place du développeur à l’ère de l’IA. | Understand the role and place of the developer in the age of AI. |
| En el video siguiente, va a conocer a , Ingeniero Frontend Senior, a quien le hicimos las preguntas siguientes: | Dans la vidéo suivante, vous allez rencontrer , Ingénieur Frontend Senior, à qui nous avons posé les questions suivantes : | In the following video, you will meet , Senior Frontend Engineer, to whom we asked the following questions: |
| ¿Cómo evoluciona el rol del desarrollador con la IA generativa? | Comment le rôle du développeur évolue-t-il avec l’IA générative ? | How is the role of the developer evolving with generative AI? |
| ¿Cómo puede un desarrollador integrar eficazmente las herramientas de IA? | Comment un développeur peut-il intégrer efficacement les outils d’IA ? | How can a developer effectively integrate AI tools? |
| ¿Puedes dar un ejemplo donde la IA produjo mal código? | Peux-tu donner un exemple où l’IA a produit un mauvais code ? | Can you give an example where AI produced bad code? |
| La alegoría del pato de plástico (o Rubber Duck Debugging) es una técnica sencilla pero poderosa utilizada por los desarrolladores para resolver problemas. | L’allégorie du canard en plastique (ou Rubber Duck Debugging) est une technique simple mais puissante utilisée par les développeurs pour résoudre des problèmes. | The allegory of the rubber duck (or Rubber Duck Debugging) is a simple but powerful technique used by developers to solve problems. |
| El principio: explicar su código, línea por línea, a un pato de plástico colocado sobre su escritorio (o a cualquier objeto inanimado). | Le principe : expliquer son code, ligne par ligne, à un canard en plastique posé sur son bureau (ou à n’importe quel objet inanimé). | The principle: explain your code, line by line, to a rubber duck placed on your desk (or to any inanimate object). |
| ¿Por qué funciona? Al verbalizar el problema y detallar cada paso de su razonamiento, se ve obligado a ralentizar, clarificar su pensamiento y reformular lo que cree comprender. Muy a menudo, es al explicar que usted mismo detecta el error, sin que el pato tenga necesidad de responder. | Pourquoi ça marche ? En verbalisant le problème et en détaillant chaque étape de votre raisonnement, vous êtes forcé de ralentir, de clarifier votre pensée et de reformuler ce que vous croyez comprendre. Très souvent, c’est en expliquant que vous repérez vous-même l’erreur, sans que le canard n’ait besoin de répondre. | Why does it work? By verbalizing the problem and detailing every step of your reasoning, you are forced to slow down, to clarify your thinking, and to rephrase what you think you understand. Very often, it is while explaining that you spot the error yourself, without the duck needing to answer. |
| El beneficio: este método desarrolla su espíritu crítico y su capacidad para estructurar su reflexión. Le ayuda a salir de un bloqueo sin depender sistemáticamente de un compañero o mentor. | Le bénéfice : cette méthode développe votre esprit critique et votre capacité à structurer votre réflexion. Elle vous aide à sortir d’un blocage sans dépendre systématiquement d’un collègue ou d’un mentor. | The benefit: this method develops your critical thinking and your ability to structure your thinking. It helps you get out of a block without systematically depending on a colleague or mentor. |
| ¿Y con la IA? El principio sigue siendo el mismo. Al explicar su problema a una IA, clarifica su solicitud, estructura su pensamiento… y a veces, encuentra la solución antes incluso de que la IA responda. La IA se convierte entonces en un pato de plástico interactivo, capaz de retomar sus preguntas y orientarlo hacia la pista correcta. La IA se convierte entonces en un apoyo para el razonamiento, no en un sustituto de su reflexión. | Et avec l’IA ? Le principe reste le même. En expliquant votre problème à une IA, vous clarifiez votre demande, vous structurez votre pensée… et parfois, vous trouvez la solution avant même que l’IA ne réponde. L’IA devient alors un canard en plastique interactif, capable de rebondir sur vos questions et de vous orienter vers la bonne piste. L’IA devient alors un support de raisonnement, pas un remplaçant de votre réflexion. | And with AI? The principle remains the same. By explaining your problem to an AI, you clarify your request, you structure your thinking… and sometimes, you find the solution even before the AI answers. AI then becomes an interactive rubber duck, capable of building on your questions and guiding you toward the right track. AI then becomes a support for reasoning, not a replacement for your thinking. |
Maîtrisez les fondamentaux avant de vous lancer dans le vibe coding
| Español | Français | English |
|---|---|---|
| Domine los fundamentos antes de lanzarse al vibe coding. | Maîtrisez les fondamentaux avant de vous lancer dans le vibe coding. | Master the fundamentals before starting vibe coding. |
| Es esencial comprender que el vibe coding solo tiene valor si ya es capaz de evaluar lo que la IA produce. Es una condición no negociable. La IA no piensa en su lugar. Genera soluciones a partir de modelos estadísticos, pero sin comprender realmente su necesidad de negocio, ni las restricciones de su proyecto. | Il est essentiel de comprendre que le vibe coding n’a de valeur que si vous êtes déjà capable d’évaluer ce que l’IA produit. C’est une condition non négociable. L’IA ne pense pas à votre place. Elle génère des solutions à partir de modèles statistiques, mais sans comprendre réellement votre besoin métier, ni les contraintes de votre projet. | It is essential to understand that vibe coding is only valuable if you are already able to evaluate what the AI produces. This is a non‑negotiable condition. AI does not think for you. It generates solutions from statistical models, but without truly understanding your business need or the constraints of your project. |
| Antes de usar una IA en sus proyectos de desarrollo, debe dominar una base de competencias técnicas que le permitirán: | Avant d’utiliser une IA dans vos projets de développement, vous devez maîtriser un socle de compétences techniques qui vous permettront de : | Before using AI in your development projects, you must master a foundation of technical skills that will allow you to: |
| formular solicitudes pertinentes, | formuler des demandes pertinentes, | formulate relevant requests, |
| detectar los errores o las aberraciónes, | détecter les erreurs ou les aberrations, | detect errors or aberrations, |
| corregir o mejorar el código generado, | corriger ou améliorer le code généré, | correct or improve the generated code, |
| estructurar su proyecto de manera coherente. | structurer votre projet de manière cohérente. | structure your project coherently. |
| Estos son los fundamentos que debe dominar: | Voici les fondamentaux à maîtriser : | Here are the fundamentals to master: |
| Las bases del lenguaje de programación de su proyecto | Les bases du langage de programmation de votre projet | The basics of the programming language of your project |
| La lógica algorítmica (condiciones, bucles, funciones…) | La logique algorithmique (conditions, boucles, fonctions…) | Algorithmic logic (conditions, loops, functions…) |
| La arquitectura de una aplicación (cliente / servidor / base de datos) | L’architecture d’une application (client / serveur / base de données) | The architecture of an application (client / server / database) |
| La lectura y comprensión de código | La lecture et la compréhension de code | Reading and understanding code |
| El uso de Git para versionar y colaborar | L’utilisation de Git pour versionner et collaborer | The use of Git for versioning and collaborating |
| Un principio clave para recordar: la IA amplifica su nivel. Si parte de cero, no le ayudará mucho. Si va demasiado rápido, puede incluso frenar su aprendizaje al enmascarar sus deficiencias. Si tiene bases sólidas, le permitirá progresar más rápido, aprender nuevos conceptos, y ganar en autonomía. | Un principe clé à retenir : l’IA amplifie votre niveau. Si vous partez de zéro, elle ne vous aidera pas beaucoup. Si vous allez trop vite, elle peut même freiner votre apprentissage en masquant vos lacunes. Si vous avez des bases solides, elle vous permettra de progresser plus vite, d’apprendre de nouveaux concepts, et de gagner en autonomie. | A key principle to remember: AI amplifies your level. If you start from zero, it will not help you much. If you go too fast, it can even hinder your learning by masking your gaps. If you have solid basics, it will allow you to progress faster, to learn new concepts, and to gain autonomy. |
| La IA puede actuar como un mentor o un asistente. Pero nunca le exime de aprender, practicar, cuestionarse. Puede ayudarle a codificar mejor, pero no a convertirse en desarrollador sin esfuerzo ni aprendizaje. | L’IA peut agir comme un mentor ou un assistant. Mais elle ne vous dispense jamais d’apprendre, de pratiquer, de vous remettre en question. Elle peut vous aider à mieux coder, mais pas à devenir développeur sans effort ni apprentissage. | AI can act as a mentor or an assistant. But it never excuses you from learning, practicing, questioning yourself. It can help you code better, but not become a developer without effort or learning. |
En résumé
| Español | Français | English |
|---|---|---|
| En resumen | En résumé | Summary |
| Las inteligencias artificiales generativas están transformando la profesión de desarrollador, sin reemplazarla. | Les intelligences artificielles génératives transforment le métier de développeur, sans le remplacer. | Generative artificial intelligences are transforming the profession of developer, without replacing it. |
| El vibe coding designa una colaboración activa entre usted y la IA: usted sigue siendo responsable de lo que valida. | Le vibe coding désigne une collaboration active entre vous et l’IA : vous restez responsable de ce que vous validez. | Vibe coding refers to an active collaboration between you and AI: you remain responsible for what you validate. |
| Hay que ver la IA como una herramienta opcional y encuadrada, para ayudarle en su trabajo y su aprendizaje. | Il faut voir l’IA comme un outil optionnel et encadré, pour vous aider dans votre travail et votre apprentissage. | You should view AI as an optional and controlled tool, to help you in your work and learning. |
| Nunca le pida a la IA un resultado que no sería capaz de analizar, corregir o explicar. | Ne demandez jamais à l’IA un résultat que vous ne seriez pas capable d’analyser, de corriger ou d’expliquer. | Never ask AI for a result that you would not be able to analyze, correct, or explain. |
| Si mañana ya no tiene acceso a la IA, debe seguir siendo capaz de practicar su profesión: no se vuelva dependiente de ella. | Si demain vous n’avez plus accès à l’IA, vous devez toujours être capable de pratiquer votre métier : n’en devenez pas dépendant. | If tomorrow you no longer have access to AI, you must always be able to practice your profession: so do not become dependent on it. |
| Ahora que comprende los retos de esta nueva colaboración con la IA, es momento de aprender a formular solicitudes eficaces. El próximo capítulo le mostrará cómo redactar prompts claros y productivos para codificar con la IA, sin renunciar a su aprendizaje. | Maintenant que vous comprenez les enjeux de cette nouvelle collaboration avec l’IA, il est temps d’apprendre à formuler des demandes efficaces. Le prochain chapitre vous montrera comment rédiger des prompts clairs et productifs pour coder avec l’IA, sans renoncer à votre apprentissage. | Now that you understand the stakes of this new collaboration with AI, it is time to learn how to formulate effective requests. The next chapter will show you how to write clear and productive prompts to code with AI, without giving up your learning. |
