Ruta Full Stack
0✦ 0
Glosario · El ordenador por dentro · Fase 1

Extensión de archivo

Las letras tras el último punto del nombre (.md, .html, .js) que indican qué tipo de contenido tiene un archivo y qué programa debe abrirlo.

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: extensión · extensiones de archivo · tipo de archivo

Analogía

La etiqueta de un bote en la despensa. No cambia lo que hay dentro, pero dice cómo tratarlo.

Las que vas a ver en este roadmap

Extensión Qué contiene Fase
.md texto en Markdown 1
.html / .css / .js HTML, CSS, JavaScript 3-4
.ts / .tsx TypeScript (y con componentes) 5
.json datos estructurados y configuración 4-5
.env secretos y configuración privada — nunca se sube a GitHub 6
.sql instrucciones para la base de datos 7
.yml / .yaml configuración (automatizaciones) 11
.png .jpg .webp .svg imágenes 3

Lo que hay que saber

  • Casi todos los archivos de código son texto plano: se abren con cualquier editor. La extensión solo le dice al editor cómo colorearlo y a las herramientas cómo tratarlo.
  • En Windows las extensiones están ocultas por defecto. Si algún día trabajas allí, actívalas lo primero.

Un paso más: la extensión es una pista, no una garantía

Cambiar el nombre de foto.jpg a foto.txt no convierte la foto en texto: el contenido es el mismo, solo has cambiado la etiqueta del bote. El sistema intentará abrirla con el programa equivocado, nada más.

Lo que sí hace la extensión, y por eso importa en un proyecto:

  • Le dice al editor cómo colorear el archivo.
  • Le dice a las herramientas qué hacer con él (un .ts se transforma, un .md se muestra, un .env se ignora).
  • Le dice al servidor cómo entregarlo al navegador.
Comprueba que lo entendiste

Ves un archivo llamado .env en un proyecto. ¿Qué deberías pensar?