Desarrollo de Software con IA

El esqueleto de todo código: variables, funciones y llamadas

Señalar en código real dónde se guarda información, dónde se agrupa trabajo y dónde se invoca.

Tres piezas que se repiten en todo lenguaje

Lentes de lectura apoyados sobre un libro abierto lleno de páginas.
El código generado por la IA no es un jeroglífico: es un texto con palabras reconocibles. Aquí aprendes a mirarlo a la cara y a detectar dónde huele mal, sin escribirlo.

Da igual Python, JavaScript o PHP: el código siempre hace lo mismo en el fondo — guardar información, agrupar trabajo bajo un nombre y usar ese trabajo cuando hace falta. Esas tres acciones tienen nombre propio: variable, función, llamada. Reconocerlas es aprender a leer el esqueleto, no el idioma.

[Variable, función, llamada]

Esta actividad interactiva ('Explicacion visual') requiere el motor completo de Lumbre. El contenido estatico se muestra arriba; para la experiencia interactiva, visita la version online de este objeto.

Cómo se ven en código real

Las tres piezas en nueve líneas
const contacto = { nombre: "Ana", telefono: "5531220099" };   // VARIABLE: caja con datos\n\nfunction formatearTelefono(celular) {                       // FUNCION: la receta\n  return "+52 " + celular;                                   //   devuelve un resultado\n}\n\nconst telefonoListo = formatearTelefono(contacto.telefono); // LLAMADA: cocinar la receta\nconsole.log(telefonoListo);                                  // y usar el resultado

Qué mirar cuando «lees» código de la IA

No leas línea por línea: localiza cajas, recetas y usos. Con eso ya puedes dirigir.
PreguntaDónde se respondeSeñal en el código
¿Qué datos maneja?las variables y sus nombresnombre = … · const … · let …
¿Qué trabajo hace?las funciones, una por unafunction … · def … · => …
¿En qué orden ocurre?las llamadas, de arriba abajola última línea suele ser donde «arranca»
¿Qué salió al final?el return de cada funciónreturn …

Para reforzar

Las capas de una aplicación: frontend, backend y datos
OA publicado sobre dónde vive cada tipo de código. Aquí aprendes a leer el interior de cada capa: variables, funciones y llamadas.

Prueba

En el código de ejemplo, ¿cuál es una «llamada»?

Las funciones tienen nombre distinto en cada lenguaje, así que sin saber programar es imposible reconocerlas.

Detecta el cambio mal ubicado

Pediste «muestra el teléfono con lada +52» y la IA cambió una línea. Señala la que NO debía tocar para lograrlo:

  1. function formatearTelefono(celular) {
  2. const contacto = { nombre: "Ana", telefono: "5531220099" };
  3. return "+52 " + celular;
  4. const telefonoListo = formatearTelefono(contacto.telefono);

Identifica la linea con error.

Abre un archivo generado por la IA en tu proyecto y marca solo tres cosas: una variable, una función y una llamada. Si puedes señalarlas, ya sabes leer el esqueleto.

PistaNo lees código para escribirlo: lo lees para dirigir.