A partir de hoy descubriremos un mundo de programación. Mundo donde tienes superpoderes. Sí, has leído bien, superpoderes. ¿Qué es sino una superpotencia? Con JavaScript, puedes hacer que las cosas vuelen, se muevan, desaparezcan, cambien de color y veas a tus amigos a kilómetros de distancia, y eso es sólo una pequeña parte de lo que es posible. Sí, todo está en tu pantalla, pero aun así es muy emocionante.
Como cualquier superhéroe, necesitas controlar y conocer bien tus poderes. Para hacerlo, comencemos nuestro viaje familiarizándonos con el componente más esencial: la todopoderosa Variable.
¿Qué es una variable? ¡Imagínate una caja mágica donde puedes poner lo que quieras, sin importar el tamaño! Qué invento tan asombroso, ¿verdad? Pero aquí está el problema: solo puede contener una cosa a la vez (y para ser honesto, no cualquier tamaño, pero pretendamos por ahora que este no es el caso).
Puedes poner un bolígrafo, un elefante, una guitarra, una estantería con un montón de libros o incluso un trozo de papel con una novela escrita, lo que quieras, pero siempre solo una cosa a la vez.
¿Cómo creamos un cuadro de este tipo con JavaScript? ¡Eso es muy fácil!

let ourFirstBox

Dos palabras simples. La primera es siempre la palabra clave "let" y la segunda es el nombre del cuadro. Puedes pensar en "let" como una palabra clave mágica que nos permite crear un cuadro. El nombre puede ser cualquier cosa, pero existen algunas reglas.
Hay reglas estrictas (si no las sigues, tu magia no funcionará).
Y reglas flexibles (principalmente mejores prácticas, estandarizadas en toda la industria).
Comencemos con las reglas estrictas:

1. Si quieres que el nombre esté formado por varias palabras, no puedes separarlas con espacios.
2. No puedes comenzar un nombre de variable con un número. Ahora, las reglas suaves:
3. Deberías usar una notación llamada camelCase. La primera letra siempre es minúscula y todas las palabras siguientes comienzan con una letra mayúscula, sin espacios.
4. Las variables deben ser sustantivos.
5. Si deseas almacenar algo que contenga varios artículos (por ejemplo, una bolsa de manzanas), debes usar un sustantivo plural como bagOfApples.
6. Evite el uso de números en los nombres de las variables.

DE ACUERDO. Ahora tenemos una caja. ¿Cómo ponemos algo dentro de él? Veamos un ejemplo:

let ourFirstBox;
ourFirstBox = 100;

¡Así! Creas una nueva línea, repites el nombre de la variable, pero esta vez sin la palabra clave mágica 'let' porque solo la necesitamos para crear la variable. Después del nombre, pones un signo igual, que es el operador de asignación. Con el signo =, decimos que queremos poner algo en la variable, y después, ponemos lo que queremos almacenar en el “cuadro”.
Ahora tenemos un cuadro que almacena un número. Por ahora, no es tan útil como parece, pero créanme, poco a poco estamos llegando a ese punto.
Otra característica de nuestra caja mágica es que puedes reponer el artículo que contiene en cualquier momento.

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

Ahora el valor dentro de ourFirstBox es 200.
Hay dos formas de crear variables. Puede definir el nombre primero y luego, en una nueva línea, asignarle un valor. O puedes hacerlo todo de una vez:

let ourFirstBox = 100;

Aquí usamos la palabra clave let para definir la variable y, al mismo tiempo, le asignamos un valor.
Hay otro tipo de "caja". Se llama constante. Como sugiere el nombre, es un tipo de variable que no se puede cambiar. Una vez que le asignas un valor, eso es todo: no puedes reemplazarlo.

const ourFirstConstantBox = 200;

Si intentamos cambiar su valor, obtendremos un error:

const ourFirstConstantBox = 200;
ourFirstConstantBox = 100; // Error!!!!!

¡Ahora ya sabes cómo crear variables! En la próxima lección, usaremos muchas variables.