🔝To translate this blog post to your language, select it in the top left Google box.
Programación por Pares
Con la Programación por Pares o Programación en Pareja (Pair Programming en inglés), no se puede aprender a programar, porque se trata de emparejar a dos expertos en un determinado lenguaje de programación para mejorar el código escrito por ambos.
Con la Programación Asistida por IA (Vibe coding) si se puede aprender a programar un nuevo lenguaje de programación, que es lo que acabo de hacer en dos días.
He pasado de usar el lenguaje HTML como un aficionado a programarlo como un profesional, aunque sigo sin ser un experto en HTML, CSS y JavaScript.
Con lo que he conseguido diseñar el código que muestro más abajo, y he podido incrustar la comparativa entre los dos métodos de programación dentro del artículo de Blogger que estás leyendo ahora mismo, justo debajo de estas líneas.
Con una pizca de HTML, otro poco de CSS y el resto de JavaScript he conseguido programar la siguiente comparativa animada, con botones para repetir la animación.
Pero no la habría sabido programar sin la inestimable ayuda de la Programación Asistida con la IA de Microsoft Copilot.
ATENCIÓN: Gira el móvil o celular en posición horizontal y ajusta el zoom con dos dedos para ver claramente la siguiente comparativa.
Programación por Pares vs Programación Asistida
Esta tabla la creó la IA mediante estas tres solicitudes:
| Ventajas de usar animaciones | Inconvenientes de usar animaciones |
|---|---|
| Mejoran la comprensión: guían la mirada y ordenan la información. | Pueden distraer: si se usan en exceso o sin un propósito claro. |
| Aumentan la atención: el movimiento atrae la vista de forma natural. | Requieren control de estados: si el estado final no está bien definido, el elemento puede quedar oculto. |
| Dan sensación de profesionalidad: una entrada suave o un glow sutil elevan la calidad visual. | Reiniciarlas no es trivial: a veces hay que usar trucos como forzar reflow para reiniciar la animación. |
| Son ligeras: las animaciones CSS consumen pocos recursos y funcionan bien en móviles. | Pueden afectar a la accesibilidad: usuarios sensibles al movimiento pueden necesitar animaciones más suaves o desactivadas. |
| No requieren librerías externas: todo se hace con CSS y el propio navegador. | Dependencia del orden de carga: en entornos como Blogger, si el script se carga antes que los elementos, los eventos pueden fallar. |
| Fáciles de mantener: cambiar duración, suavidad o estilo no rompe la estructura. | Compatibilidad variable: algunos efectos avanzados (como ciertos filtros) pueden verse distinto según el navegador. |
| Escalables: se pueden añadir más elementos animados sin reescribir la base. | Riesgo de saturación visual: si todo se mueve, nada destaca y el mensaje se diluye. |
En el próximo artículo explicaré cómo he conseguido hacer la comparativa animada en dos días, para lo que necesito bastantes más días, pues tengo que recoger todas las ideas que he aprendido durante el proceso de aprendizaje con la Programación Asistida por IA.
Por supuesto que publicaré las PROMPTS (SOLICITUDES en español) con las que he guiado a la IA de Microsoft Copilot para obtener la comparativa animada.
Al principio de este artículo aparece un índice automático desplegable, que acabo de programar asistido por la IA en dos horas.
También lo pienso explicar en el próximo artículo, además de explicar cómo hacer los botones: Volver al índice, como el de aquí abajo, que al pulsarlo hace scroll hacia arriba hasta llegar al índice.
¿Quieres que este índice automático desplegable aparezca en los próximos artículos?
Sigue todo lo que escribo sobre Programación Asistida para mejorar el Mapamundi con relojes desde aquí:
Me alegrará saber si este proyecto te parece interesante.
Deja un comentario y te lo agradeceré.
