IA para productividad en programación

La IA complementa (no reemplaza) tus fundamentos. Úsala para generar, verificar y optimizar código y documentación.

Pensamiento algorítmico y seudocódigo

Un algoritmo es una secuencia ordenada de pasos para resolver un problema.
Representaciones:
- Seudocódigo (texto estructurado).
- Diagramas de flujo (símbolos estándar).
- PSeInt para escribir y ejecutar paso a paso seudocódigo y visualizar variables.

Ejemplo de seudocódigo (saludo)

Inicio
  Definir nombre Como Cadena
  Escribir "Ingrese su nombre: "
  Leer nombre
  Escribir "Hola, " + nombre
Fin

Usos de IA en Front-End

Autocompletado (p. ej., Copilot, Tabnine).
Corrección/optimización de HTML/CSS/JS.
Documentación y generación de pruebas.
Accesibilidad y recomendaciones de responsividad.

Prompts de ejemplo

1) Corregir HTML/CSS

Encuentra y corrige los errores en este código HTML/CSS:

<html>
  <head>
    <style>
      body { font-size: 16px
    </style>
  </head>
  <body>
    <h1>Hola Mundo</h2>
  </body>
</html>

Corrección sugerida (esperada):

<!DOCTYPE html>
<html>
  <head>
    <style>
      body { font-size: 16px; }
    </style>
  </head>
  <body>
    <h1>Hola Mundo</h1>
  </body>
</html>

2) Optimizar CSS

Optimiza este bloque de CSS para reducir redundancia:

h1 { font-weight: bold; color: black; }
h2 { font-weight: bold; color: black; }

Optimización esperada:

h1, h2 { font-weight: bold; color: black; }

3) Generar validación con JS

Genera un formulario HTML con validación en JavaScript que muestre una alerta cuando el campo de correo esté vacío.

<form onsubmit="return validarCorreo()">
  <label for="correo">Correo electrónico:</label>
  <input type="email" id="correo" />
  <button type="submit">Enviar</button>
</form>

<script>
function validarCorreo() {
  const correo = document.getElementById('correo').value;
  if (correo === '') {
    alert('Por favor, ingresa tu correo electrónico.');
    return false;
  }
  return true;
}
</script>

Consideraciones al usar IA

Verifica siempre el código generado.
No compartas datos sensibles en los prompts.
Prioriza mantenibilidad, accesibilidad (WCAG), rendimiento y semántica.
Usa IA como apoyo, no como sustituto del aprendizaje.

✅ Integra estas herramientas en VS Code y en tu flujo de Git/GitHub para capturar mejoras y aprendizaje continuo.