FULL STACK

Comenzamos en unos
minutos
Javascript: Clase 1
Tipos de datos primitivos
, variables, y operadores
aritméticos y lógicos.
 Preparación
Para poder iniciar con Javascript debén ya tener instalados los siguientes
programas:
• Editor de Texto

• Github (Cuenta)

• Git (Gitbash)

• Node Js
En el campus de la academia podrán encontrar video tutoriales para cada
uno de estos programas

academianumen.com
 Editores de texto
Son programas que te permiten realizar o escribir código fuente de tus
proyectos. Al ser dinámicos, son idóneos para cuando desarrollas uno con
varios lenguajes de programación. Algunos de ellos son:

• Sublime Text

• Atom

• Visual Studio Code

academianumen.com
 GitHub
Es una red para almacenar tus repositorios, sería un repositorio de
repositorios. Es uno de los tantos disponibles en internet, y el más popular.
GitHub NO es lo mismo que Git, aunque funcionen muy bien juntos. Github
es un lugar donde podés compartir tu código o encontrar otros proyectos.
También actúa como portfolio para cualquier código en el que hayas
trabajado.

academianumen.com
 Git / GitBash

Git Bash es una aplicación para entornos de Microsoft Windows que ofrece
una capa de emulación para una experiencia de líneas de comandos
de Git. Bash es el acrónimo en inglés de Bourne Again Shell. Una shell es
una aplicación de terminal que se utiliza como interfaz con un sistema
operativo mediante comandos escritos.

academianumen.com
 Node

Node. js es un entorno JavaScript que nos permite ejecutar en el servidor,

de manera asíncrona, con una arquitectura orientada a eventos y basado
en el motor V8 de Google. Es una plataforma que avanza muy rápidamente
y cada vez está más presente en el mercado.

academianumen.com
 ¿Qué es Javascript?
JavaScript es un lenguaje de programación que se ajusta al estándar
ECMAScript. La especificación ECMAScript es un estándar
destinado a garantizar la interoperabilidad de las páginas web en
diferentes navegadores web.

academianumen.com
 Javascript es el único lenguaje que puede hacer isomorfismo. ¿Qué significa
esto? Significa que puede trabajar tanto en Frontend como en Backend. Es decir,
es la única tecnología con la que puedes hacer toda una aplicación de principio a
fin.

academianumen.com
 ¿Qué puedes hacer con Javascript?

academianumen.com
 Características de Javascript

- Lenguaje de Alto Nivel

- Interpretado
- Dinámico
- Débilmente tipado
- Sensible a MAYÚSCULAS y minúsculas
- No necesitas los puntos y comas al final de cada
línea.

academianumen.com
 Tipos de datos

Primitivos: Se accede directamente al Compuestos: Se accede a la referencia

valor. del valor.
• Undefined • Object = {}
• Boolean (true, false) • Function() {}
• Number • Array = []
• String (cadena de textos) • Class {}
• BigInt
• Symbol
• Null
No es valor:
• NaN

academianumen.com
 Palabras Reservadas

academianumen.com
 Variables
● Una variable es una forma de almacenar el valor de algo para usar más tarde.

● Una variable es un recurso de memoria del ordenador reservado para alojar una información.

● Las variables tienen un continente que puede o no almacenar un contenido. En caso de

no tenerlo javascript guarda un espacio de memoria con el valor undefined

academianumen.com
 Estructura de una variable

academianumen.com
 Tipos de datos primitivos: Cadena de texto
El String se utiliza para representar y
string
manipular una secuencia de caracteres.
Las cadenas son útiles para almacenar datos var cadena = "Academia Numen"
que se pueden representar en forma de
texto.
console.log(cadena)
Por detrás, un string es una colección de
caracteres con una posición determinada. var cadena2 = new String("Numen")
Esto nos permitirá interactuar con esas
posiciones en futuras clases.
console.log(cadena2)

Las cadenas de texto pueden recibir

propiedades. Una de ellas es la propiedad console.log(cadena.length)
length que nos permite contar la cantidad de
caracteres que componen a una cadena.

academianumen.com
 Concatenación
Concatenar es una elegante palabra de la programación que significa: "unir". Para unir cadenas
en JavaScript el símbolo de más (+), el mismo operador que usamos para sumar números, pero
en este contexto hace algo diferente.
Una concatenación se vería de esta manera:

var nombre = "Sherlock",

apellido = "Holmes";

var saludo = "Hola mi nombre es " + nombre + " " + apellido + "."

academianumen.com
 Tipos de datos primitivos: Números
Number es un objeto primitivo envolvente
var numero = 2021,
que permite representar y manipular valores
string
numéricos cómo 37 o -9.25.
number
numeroNegativo = -32,
numeroConDecimales = 3.1416;
Al igual que con las cadenas, los números
son también en el fondo, colecciones de console.log(numero)
números individuales con posición console.log(numeroNegativo)
determinada. console.log(numeroConDecimales)

En este caso, podemos notar que además

var numero2 = new Number("Numen")
interactuar con propiedades que nos brindan
información (como el length en el caso de las
cadenas), también es posible interactuar con console.log(numero2)
métodos son, a diferencia de las
propiedades, son acciones que modifican los console.log(numero.toString())
datos.
academianumen.com
 Datos Primitivos: Booleanos
Un boolean es un dato lógico que solo puede
var verdadero = true;
tener los valores true o false.
var falso = false;

Este tipo de dato tiene muchas utilidades. var v = new Boolean(true)

Entre ellas nos permite cerciorarnos del var f = new Boolean(false)
resultado de una comparación, como por
ejemplo si un número es igual a otro, o si es
console.log(verdadero)
mayor o menor a otro, etc.
console.log(falso)
console.log(v)
También nos permite programar en falso
console.log(f)
cuando algo está apagado de modo cambie a
verdadero cuando está encendido y muchas
cosas más. console.log(new Boolean(""))
console.log(new Boolean("Hola mundo"))
console.log(new Boolean(0))
console.log(new Boolean(1))

academianumen.com
 Tipos de Datos Primitivos: Not a Number
La propiedad global NaN es un valor que representa Not-A-Number (no es un número). Es un
tipo de dato que se arrojará cada vez que se realice una operación que involucre operadores
numéricos pero que como resultado no pueda dar un número.
También puede utilizarse intencionalmente para corroborar que el valor que se ingrese sea un
número, pero esto lo último lo veremos más adelante.

var noEsUnNumero = "Hola" * 3.7;

console.log(noEsUnNumero);

academianumen.com
 Tipos de datos primitivos: Nulo

El valor null es un literal de Javascript que representa intencionalmente un valor nulo o

"vacío".

var noSeAsignoUnValor = null;

console.log(noSeAsignoUnValor);

academianumen.com
 Tipos de datos primitivos: Indefinido

El valor undefined representa un valor que aún no se ha definido.

null
Una variable a la que no se le ha asignado valor, o no se ha declarado en absoluto (no se declara,
no existe) son de tipo undefined. Un método o sentencia también devuelve undefined si la
variable que se está evaluando no tiene asignado un valor. Una función devuelve undefined si no
se ha devuelto un valor.

var noSeAsignoValor;

console.log(noSeAsignoValor);

console.log(nombre);

academianumen.com
 Undefined y null

academianumen.com
 Operadores aritméticos

academianumen.com
 Operadores de comparación
Los operadores de comparación son los siguientes:
> >= < <= === !==
var mayorQue = 1 > 2;
var menorQue = 2 < 3;
Estos operadores funcionan como lo harían en una
var mayorOIgualQue = 10 >= 10; clase de matemáticas, mayor que, menor que, etc.
Utilizamos estos operadores para evaluar dos
var menorOIgualQue = 10 <= 10;
expresiones. A medida que la computadora ejecuta el
código, el operador devolverá un verdadero (si la
console.log(mayorQue); declaración es verdadera) o un falso.
console.log(menorQue);
console.log(mayorOIgualQue);
console.log(menorOIgualQue);

academianumen.com
 Operadores de comparación
El "triple igual" (===) no debe confundirse con un solo signo igual (que indica asignar un valor a
una variable). El triple igual comparará todo sobre los dos elementos, incluido el tipo, y devolverá
si son exactamente iguales o no.

El “doble igual” (==) solo verifica la igualdad de valores. Hace coerción de tipos inherentemente.
Esto significa que antes de verificar los valores, convierte los tipos de las variables para que
coincidan.

// igual que // Distinto que

var dobleIgual = 1 == 1; var distinto = 1 != 1;
var dobleIgual = 1 == ‘1’; var distinto = 1 != ‘1’;
var tripleIgual = 1 === 1; var distinto2 = 1 !== 1;
var tripleIgual = 1 === ‘1’; var distinto2 = 1 !== ‘1’;

console.log(dobleIgual);
console.log(tripleIgual); ¿Cuales creen que serán los resultados de
academianumen.com
estas operaciones?
 Operadores lógicos
Los operadores lógicos se utilizan normalmente con valores booleanos (lógicos); cuando ese el caso,
devuelven un valor booleano. Sin embargo, los operadores && y || en realidad devuelven el valor de
uno de los operandos especificados, por lo que si estos operadores se utilizan con valores no
booleanos, pueden devolver un valor no booleano. Los operadores lógicos se describen en la
siguiente tabla.

academianumen.com
 Coerción de datos
Como mencionamos anteriormente, JavaScript es un lenguaje de programación
débilmente
null tipado. Esto significa que al momento de crear variables no hace falta que
indiques de qué tipo de dato será el valor contenido, y que puede llegar a cambiar durante
la ejecución de tu código. JavaScript también es un lenguaje de tipado dinámico. Esto
hace referencia a que la verificación de tipos de datos se realiza en tiempo de ejecución..

let variable = "texto";

console.log(typeof variable); // "string"
variable = 42;
console.log(typeof variable); // "number"

academianumen.com
 Estas características que definen a JavaScript pueden ser ventajosas, como también
perjudiciales. La flexibilidad provista al no definir el tipo de datos de las variables puede
acarrear errores en tus proyectos, si el código no se implementa de la manera adecuada.
Puedes crear una variable y asignarle un valor de cierto tipo de dato, y en el transcurso de
lanull
ejecución del código, cambiar el valor de esa variable a uno de otro tipo de dato, y
JavaScript seguirá ejecutando tu aplicación normalmente. Si en alguna parte de tu código
asumes que la variable tiene un valor de cierto tipo, y en realidad es de otro, puede que
se genere un error en la ejecución, o que tu código devuelva un resultado incorrecto.

let variable1 = "1";

let variable2 = variable1 + 1;

console.log(variable2); // 11

academianumen.com
 Se llama coerción de datos, o coerción de tipos, al proceso mediante el cual JavaScript
convierte el valor de una variable de un tipo a otro. Este proceso se realiza al momento de
ejecutar una operación donde uno de los operandos contiene un valor de un cierto tipo de
datos, pero el otro operando posee un valor de otro tipo.
null
El intérprete de JavaScript hace la conversión de tipos para adaptarse a las operaciones
que defines en tu código. De esta manera, se convierte el valor asignado a una de las
variables involucradas en la operación a un valor “equivalente” del tipo de dato del otro
operando.

Por medio de la coerción de datos, JavaScript permite operar con valores sin importar si
ellos son de distintos tipos de datos. Puedes sumar el valor de una variable de tipo
number con un valor string. También puedes comparar un valor de tipo boolean con otro
de tipo number. Puedes concatenar un number con un string y formar una nueva cadena
de texto.

academianumen.com
 Tipos de coerción de datos
Existen dos formas de coerción de datos: Implícita y Explícita.
null
La coerción implícita es la que se aplica automáticamente cuando intentas ejecutar una
operación con dos valores de distintos tipos. En este caso, JavaScript intenta interpretar
los valores y convertir uno de ellos al tipo de dato del otro valor, para que la operación se
pueda llevar a cabo.

let variable1 = "1";

let variable2 = variable1 + 1;

console.log(variable2); // 11

academianumen.com
 En cambio, la coerción explícita es el proceso mediante el cual el programador indica
explícitamente, usando ciertas funciones provistas por JavaScript, a qué tipo de dato se
desea convertir un valor.
null
Boolean(0) // false

Boolean(1) // true

Number("") // 0

Number(“1") // 1

String(10) // "10"

academianumen.com
 null

academianumen.com
 Tarea sobre coerción de datos
¿Cuál crees que será el resultado de la ejecución de estas operaciones?

6 / "3" = 3>2>1 =
"2" * "3" = 12 + "" =
4 + 5 + "px" = "15" * 2 =
"$" + 4 + 5 = "15" - "11" =
"4" - 2 = undefined + 6 =
"4px" - 2 = "Hello" + null =
7/0= null + 25 =
parseInt("09") =

Piensa primero cuál será el resultado y después prueba ver la respuesta usando la
siguiente pagina: https://jsconsole.com/
academianumen.com