Estos son mis apuntes de la clase ¿Cómo aprender programación? del Nuevo Curso Gratis de Programación Básica de Platzi
En este tutorial aprenderás de programación web, empezando desde lo más básico.
Te enseñaré a usar la consola del inspector de tu navegador, a usar el comando alert y muchas cosas más.
Una de las herramientas con las que puedes empezar a programar es tu computadora. Y en este tutorial solo necesitarás usar el navegador web de tu computadora.
Puedes usar un navegador como Google Chrome, Microsoft Edge, Firefox o cualquier otro navegador que prefieras.
Primero, escribe en la barra de direcciones de tu navegador lo siguiente: about:blank
¿Y ahora, cómo programamos?
Haz click derecho en un espacio vacío.
Ve a la opción Inspeccionar. Ahí veras los elementos que le permiten al navegador funcionar.
En esos elementos, hay uno que se llama console o consola. Vas a darle click en ese lugar.
Ahora, vamos a escribir allí nuestra primera línea de código. Por ejemplo:
A = 1y le das Enter, te saldrá un 1.
Y si de nuevo oprimes la letra A y le das otra vez Enter, verás que la A sigue siendo 1.
B = 2y le damos Enter.
¿Entonces, qué pasará si escribimos A + B?
Esto es porque por dentro de la computadora estamos asignando un valor a cada letra. El valor 1 a la letra A y el valor 2 a la letra B.
Lo que estamos haciendo es usar estas letras en forma de variables y asignándoles un valor.
¿Y cuánto valdrá C?
Vemos que, al asignar un valor a una variable en consola, esta se mantiene con ese mismo valor, hasta que recarguemos o cerremos el navegador.
El comando alert se usa para disparar una alerta en el navegador.
La manera de utilizar este comando es así: Primero escribimos la palabra alert, luego abrimos paréntesis, y dentro ellos abrimos comillas dobles y escribimos, por ejemplo: Acabo de aprender a programar.
alert("Acabo de aprender a programar")Es muy importante que sigas estas reglas de una manera precisa. Eso significa que alert tiene que escribirse todo en minúscula; que justo después del alert, sin escribirle un espacio, escribas un paréntesis; inmediatamente después del paréntesis pones unas comillas (estas deben ser comillas normales); dentro de las comillas escribes el mensaje que quieras; luego tienes que cerrar las comillas; por último, cierras el paréntesis.
Al darle Enter a este comando, te disparará una alerta en el navegador.
Y la alerta dirá: Acabo de aprender a programar.
Una variable es una palabra o letra a la cual se le puede asignar o guardar un valor, que puede variar, cada vez que lo cambiemos.
Al inicio, nosotros tomamos la variable A y le asignamos el valor de uno. La forma que le asignamos ese valor es con el signo de igual (=). El igual (=) es un operador de asignación.
En el momento en que decimos que una variable es igual a un número, lo que estamos haciendo es colocar ese número dentro de esa variable.
De esa manera, A = 1 y B = 2.
Exactamente igual que en las matemáticas tradicionales, cuando yo digo que C = A + B, estoy haciendo lo mismo. Pero, después del igual (=) estoy ejecutando una operación de suma, usando el operador de suma (+).
Entonces el computador lo que hace es tomar el valor de A, que fue declarado primero, luego el valor de B que fue declarado después, y procede a resolver la operación matemática que hay entre ambas variables. Así, ese valor final se asigna a la variable.
Se guarda en la memoria de corta duración de la computadora. La cuál es conocida como RAM o “Random Access Memory” (Memoria de Acceso Aleatorio, en español).
La RAM es la memoria que guarda lo que estamos viendo en nuestra pantalla mientras está encendida la computadora. Cuando nosotros reiniciamos nuestra computadora, esa memoria se borra por completo. Pero mientras estamos trabajando, ahí estará.
Mientras que nuestros archivos, por ejemplo, están en otra memoria llamada disco duro, que es el disco de almacenamiento de larga duración.
Entonces, lo que pasa cuando creamos una variable es que el computador la guarda en la memoria RAM.
Pero alert funciona de una manera distinta, ya que alert es una función.
Una función es bloque de código, que puede ser largo o corto, pero debe tener un objetivo. Consiste en un conjunto de acciones que se van a ejecutar, las cuales pueden ser invocadas con algún nombre.
En este caso, el objetivo del alert es disparar un mensaje de alerta.
Las funciones se invocan para que el computador pueda extraerlas y ejecutarlas. La forma en la que se invocan es con paréntesis (…) justo después de escribir el nombre de la función.
Dentro del paréntesis va algo que se llama parámetro. El parámetro es el valor que le mandas a la función para que ejecute algo.
Ahora bien, así como a la variable le asignas un valor, a la función le asignas un parámetro. Y en este caso debe ir entre comillas “…”.
Es importante saber que todo lo que esté entre comillas dentro del código, es conocido como cadena de texto o “string”. Esta es la forma en la que la industria de la programación les llama a los textos.
Entonces, al usar las comillas, la computadora lo interpreta como cadena de texto. Y de hecho tú puedes tener una variable llamada perro que sea igual a “Pluto”. Mientras lo tengas entre comillas, la computadora va a entender que es un texto.
Pero si no tienes ese valor entre comillas, la computadora va a creer que es el valor de una variable, la va a buscar, y como la variable perro todavía no existe, entonces la palabra perro no tendrá ningún valor.
Entonces veamos: si escribes,
perro = Pluto
Al darle Enter, te saldrá un error.
¿Ahora, qué pasa si escribes perro y le das Enter? Verás que también te da error.
Pero si escribes:
perro="Pluto"Y le das Enter, ahí sí te saldrá en consola la palabra:
'Pluto'
Y luego cada vez que invoques la variable perro te saldrá otra vez ‘Pluto’.
Muchas gracias por tus aportes, Richard. Te invito a profundizar acerca de qué es la memoria RAM.
Hola Maria, gracias por tu comentario. Saludos 😀👍