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

Sintaxis

Las reglas de escritura de un lenguaje: qué símbolos se usan, en qué orden y cómo se cierran.

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: error de sintaxis · syntax error · SyntaxError

Analogía

La ortografía y la puntuación. Una persona entiende una frase aunque falte una coma. Un ordenador, no: si falta un símbolo, no entiende nada y se detiene.

Un mismo deseo, tres sintaxis

"Que el título sea rojo", escrito para quien tiene que leerlo:

<h1 class="rojo">La carta</h1>
h1 { color: red; }
titulo.style.color = "red"

Cada lenguaje tiene sus símbolos: < > en HTML, { } y ; en CSS, . y = en JavaScript.

Por qué este roadmap no te pide memorizarla

Porque es justo lo que la IA hace mejor: no se olvida de un punto y coma. Lo que sí necesitas es reconocerla al leer: saber que { abre un bloque y } lo cierra, que las comillas van por pares, que lo que está sangrado va dentro de lo de arriba.

Para qué sirve / cuándo aparece

  • Un SyntaxError es el error más fácil: el programa ni arranca, y el mensaje dice el archivo y la línea.
  • Los errores difíciles son los otros: la sintaxis es perfecta y el programa hace algo distinto de lo que querías → bug.
  • El editor colorea según la sintaxis: si de pronto medio archivo cambia de color, falta cerrar algo.
Comprueba que lo entendiste

¿Qué es un error de sintaxis?