Qué es programar

Un programa es una lista de instrucciones, y JavaScript las ejecuta de una sentencia en una, desde la primera línea hasta la última.

Instrucciones que una computadora puede seguir

Una receta dice "rompe dos huevos, bátelos y viértelos en la sartén". Una persona que la lee completa muchas cosas por su cuenta: qué tazón usar, con cuánta fuerza batir, qué hacer si cae un trozo de cáscara. Una computadora no completa nada. Hace exactamente lo que dicen las instrucciones, exactamente en el orden en que están escritas, y se detiene con un error en cuanto una instrucción no tiene sentido para ella. Programar es el trabajo de escribir instrucciones lo bastante precisas para que una máquina las siga.

Esas instrucciones se escriben en un lenguaje de programación. Un lenguaje de programación tiene un vocabulario pequeño y una gramática estricta, para que cada línea signifique una cosa y solo una. Este curso usa JavaScript. Es el lenguaje que viene integrado en todos los navegadores web, así que ya tienes todo lo necesario para ejecutarlo: los cuadros de práctica de estas páginas ejecutan tu código dentro del mismo navegador con el que estás leyendo. JavaScript también funciona fuera de los navegadores, en herramientas como Node.js, y lo básico que aprendes aquí funciona igual allí.

Tu primera línea de código

Casi todos los cursos de programación empiezan haciendo que la computadora imprima un mensaje. En JavaScript se ve así:

console.log("Hello, world!"); // imprime una línea

Léelo pieza por pieza. console es el lugar donde un programa escribe mensajes para la persona que lo ejecuta. .log significa "escribe ahí una línea". Los paréntesis contienen lo que hay que escribir, y las comillas dobles marcan Hello, world! como texto y no como más código. El punto y coma del final cierra la instrucción, igual que un punto cierra una oración. Una instrucción completa como esta se llama sentencia. Cuando se ejecuta, la consola muestra una sola línea: Hello, world! Las comillas no se imprimen. Solo le dicen a JavaScript dónde empieza y dónde termina el texto.

De arriba abajo, de una sentencia en una

Un programa con varias sentencias las ejecuta en orden. La segunda línea no empieza hasta que termina la primera. El programa de abajo imprime tres líneas, y salen en el mismo orden que el código:

console.log("Wake up");
console.log("Brush teeth");
console.log("Eat breakfast");
// imprime:
// Wake up
// Brush teeth
// Eat breakfast

Intercambia las dos primeras líneas y la salida también se intercambia. Parece obvio, pero buena parte de los errores de quienes empiezan vienen de sentencias en el orden equivocado: usar un valor antes de calcularlo, o imprimir un total antes de sumar el último artículo.

Los comentarios son notas para las personas

En el ejemplo de arriba, las líneas que empiezan con // son comentarios. JavaScript salta todo lo que va de // al final de esa línea, así que puedes escribir notas para ti o para otros lectores. Para una nota de varias líneas, empiézala con /* y termínala con */. Los comentarios también sirven para desactivar una línea sin borrarla: pon // delante y deja de ejecutarse.

Cuando algo sale mal

JavaScript distingue mayúsculas de minúsculas: console.log funciona, pero Console.log y console.Log no. Un nombre mal escrito como consol.log detiene el programa con un mensaje como ReferenceError: consol is not defined. Una comilla o un paréntesis de cierre que falta da un SyntaxError, que significa que el código ni siquiera es JavaScript válido, así que no se ejecuta nada. Los mensajes de error asustan al principio, pero son la computadora diciéndote dónde se atascó. Lee la primera línea del mensaje, busca el nombre que menciona y compáralo con tu código carácter por carácter.

Cómo funcionan los cuadros de práctica

Cada cuadro de práctica tiene tu código a la izquierda y la salida a la derecha (debajo, en un celular). Ejecutar corre el código, y Ctrl+Enter o Cmd+Enter hace lo mismo desde el teclado. Comprobar ejecuta el código y compara cada línea impresa con la respuesta esperada, así que cuentan la ortografía, las mayúsculas y los espacios dentro de la línea. Empezar de nuevo devuelve el código original. El código se ejecuta en un marco aislado, así que no puedes romper nada por experimentar.