Introducción a Javascript
Vamos a hacer un pequeño viaje por los principios básicos de Javascript.
Solamente necesitas ganas de hacerte fuerte en uno de los lenguajes de programación más demandando por las comunidades de desarrollo a día de hoy.
Todas las líneas de código adjuntan un comentario explicando qué está ocurriendo así como enlaces en la parte final con toda la documentación oficial de las herramientas empleadas.
Introducción a Javascript
Javascript (abreviado comúnmente JS) es uno de los lenguajes de programación más empleados en el desarrollo web, móvil, juegos, etc.
Es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico. Pero esto probablemente te suene raro, así que lo dejaremos en que es el lenguaje de programación que hace funcionar la web.
Imprime por consola
La instrucción console.log() indica al programa que debe imprimir un texto por consola. En la consola puedes imprimir el resultado de los cálculos que vas haciendo. Por el momento, aquí tienes un ejemplo que imprime un texto por consola.
Fácil, ¿verdad?
Las Variables
Una variable es un contenedor. En esta puedes guardar información numérica, texto, listas, etc. Las variables tienen tipo y este depende del valor que contienen. Por ejemplo, si contiene un texto, decimos que la variable es del tipo string.
En este caso la variable con nombre saludo contiene un string o cadena de texto. Para delimitar un valor del tipo string usamos comillas simples ' o dobles " pero no ambas a la vez. Aquí tienes un ejemplo:
En este ejemplo vemos las variables del tipo number. Es decir, valores numéricos. Podemos calcular nuestra masa en otros planetas con el siguiente código:
Podemos usar la palabra reservada typeof para conocer cuál es el tipo de una variable:
Se usa la palabra reservada let para declarar variables. ¡Ten cuidado! una vez declaras una variable con un nombre, no puedes volver a declararla.
Expresiones lógicas if & else
El bloque de código if nos permite ejecutar unas u otras instrucciones dependiendo de el resultado de evaluar una condición.
Comentarios de código
Un comentario es simplemente un texto que podemos incluir dentro de nuestro código y que nos ayudará a recordar porqué estaba ese código ahí. No hacen nada, pero ayudan mucho para recordar la intención de lo que estamos programando.
Arrays
Una lista o array es una secuencia ordenada de datos. Estos datos pueden ser de diferentes tipos. El orden de los elementos en un array es importante.
El numero de elementos de un array en javascript es diferente a su índice o posición. Es decir, en el caso de array que tiene 3 elementos, estos están en las posiciones 0, 1 y 2.
Veamos un ejemplo:
Como has visto, podemos acceder a un elemento del array indicando su posición con la sintáxis [<índice>] después de la variable que lo contiene.
Veamos otro ejemplo:
Las arrays tienen además como has visto, una propiedad llamada length a la que podemos acceder poniendo un . después del nombre de la variable que la contiene. Esto devolverá la longitud del array, es decir, el número de elementos que contiene.
Aquí tienes más información sobre todo lo que podemos hacer con arrays en Javascript.
Bucles: El bucle for
Los bucles son bloques de código que nos permiten repetir una o varias instrucciones un numero determinado de veces. En el siguiente ejemplo podemos ver un bucle for que imprime los números del 1 al 10
Vamos a analizar este bucle por partes para que puedas entender las diferentes partes del mismo. Empezando por la primera línea.
jsfor (let i = 0; i < 9; i++)Copiar
Aquí definimos los límites del bucle. Le decimos a javascript, declara una variable llamada i (este nombre puede ser el que quieras, pero se suele llamar i por iterador) y asignale el valor 0 al inicio. Después, mientras que la variable i sea menor que 9 repite las instrucciones dentro del bucle. Y por último tenemos el i++ que especifica qué hacer después de cada iteración, en este caso sumar 1 al valor de i.
En una documentación más formal, la sintáxis exacta es la siguiente:
jsfor ([initialization]; [condition]; [final - expression]) statement;Copiar
Te dejamos un nuevo bucle for, esta vez intenta adivinar qué numeros se imprimirán.
En este enlace tienes la documentación completa sobre como usar el bucle for.
Funciones
Una función es una sintaxis que usamos para encapsular un programa (entran unos datos y salen otros datos). function es la palabra reservada de javascript que usamos para declararlas.
Las funciones son importantes para poder reutilizar código y abstraer calculos que resulten complejos.
Recursos adicionales
Algunos recursos para principiantes