Ruta Full Stack
0✦ 0
Glosario · El código · Fase 0

Código fuente

El texto con las instrucciones de un programa, escrito por personas (o por una IA) y legible por personas.

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: código · codigo · código fuente · fuente · code

Analogía

La receta escrita. El plato terminado es el programa funcionando; el código es el papel con los pasos.

Lo que importa saber

  • Es texto plano: se abre con cualquier editor, se lee, se copia, se compara. No hay magia oculta.
  • Se organiza en archivos y carpetas, y se guarda con historial en un repositorio (Fase 1).
  • El del frontend siempre se puede ver (clic derecho → Ver código fuente). El del backend no: se queda en el servidor.

Para qué sirve / cuándo aparece

Es el material con el que trabajas. Y en este roadmap, sobre todo, lo que revisas: la IA escribirá la mayor parte, pero el código de tu proyecto es tuyo y respondes por él.

Un paso más: del texto al programa en marcha

El código, por sí solo, no hace nada: es un archivo de texto. Para que ocurra algo, otro programa tiene que leerlo y ejecutarlo (seguir sus instrucciones una a una). En la web, ese programa es el navegador para el frontend y Node.js para el servidor.

Por eso el mismo archivo puede "funcionar" en un sitio y "no hacer nada" en otro: depende de quién lo lea.

Y dentro del código hay dos tipos de líneas: las instrucciones, para la máquina, y los comentarios, notas para personas que la máquina ignora. Cuando en la Fase 2 anotes el código de tu carta, escribirás comentarios.

Compruébalo tú

En cualquier web: clic derecho → Ver código fuente de la página. No intentes entenderlo. Solo comprueba tres cosas: es texto, se puede leer, y puedes buscar dentro (Ctrl + F) una frase que veas en la página.

Comprueba que lo entendiste

¿Qué es el código fuente?