0% encontró este documento útil (0 votos)
16K vistas29 páginas

1-Fullstack Clase Javascript

Este documento presenta conceptos básicos de Javascript como tipos de datos primitivos, variables, operadores aritméticos y de comparación. También introduce herramientas como GitHub, Node.js y Git para el desarrollo con Javascript así como la capacidad de Javascript para crear aplicaciones full stack.
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
16K vistas29 páginas

1-Fullstack Clase Javascript

Este documento presenta conceptos básicos de Javascript como tipos de datos primitivos, variables, operadores aritméticos y de comparación. También introduce herramientas como GitHub, Node.js y Git para el desarrollo con Javascript así como la capacidad de Javascript para crear aplicaciones full stack.
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 29

FULL STACK

Comenzamos en unos
minutos
Javascript: Clase 1
Tipos de datos primitivos
y funciones
Preparación
Vamos a instalar algunos programas para poder iniciar con Javascript

• Editor de Texto

• Github

• Git (Gitbash)

• Node Js
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
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
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
Isomorfismo

Javascript es el único lenguaje que puede hacer isomorfismo. ¿Qué


significa esto? Que puede trabajar tanto en Frontend como en Backend y
base de datos. Es decir, es la única tecnología con la que puedes hacer
toda una aplicación de principio a fin. Todos los otros lenguajes necesitan
transformarse a Javascript para poder aplicarse del lado del cliente.

1. Frontend (Javascript)
2. Backend (Node.js)
3. Persistencia de datos (MongoDB, Couch DB, Firebase, etc)

academianumen.com
¿Qué puedes hacer con Javascript?

- Diseño y desarrollo web.


- Hacer Videojuegos.
- Experiencias 3D, Realidad Aumentada, Realidad Virtual.
- Controlar Hardware (Drones, robots,
electrodomésticos).
- Aplicaciones híbridas y móviles. (Ionic, React Native,
etc).
- Machine Learning (aprendizaje automático).
- etc.

academianumen.com
Características de Javascript

- Lenguaje de Alto Nivel


- Interpretado
- Dinámico
- Débilmente tipado
- Multiparadigma
- 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 Compuestos: Se accede a la referencia


al valor. del valor.
• Undefined • Object = {}
• Boolean (true, false) • Function() {}
• Number • Array = []
• String (cadena de textos) • Class {}
• null
• NaN

academianumen.com
Estructura de código

Los identificadores deben comenzar con:


• Una letra
• Un signo de dólar ($)
• Un guión bajo (_)
• Nunca con números o caracteres especiales (*, #, %, etc).

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.
var cadena = "Academia Numen"
Las cadenas son útiles para almacenar datos
que se pueden representar en forma de
texto. console.log(cadena)

Por detrás, un string es una colección de


var cadena2 = new String("Numen")
caracteres con una posición determinada.
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,


string
que permite representar y manipular valores number
numeroNegativo = -32,
numéricos cómo 37 o -9.25.
numeroConDecimales = 3.1416;

Al igual que con las cadenas, los números


console.log(numero)
son también en el fondo, colecciones de
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
Operadores aritméticos

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;

var v = new Boolean(true)


Este tipo de dato tiene muchas utilidades.
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 console.log(new Boolean(""))
cosas más. console.log(new Boolean("Hola mundo"))
console.log(new Boolean(0))
Hay ciertos datos que tienden a verdadero
console.log(new Boolean(1))
(truthy= y otros que tienden a falso (falsy)..
academianumen.com
Operadores de comparación
En la última lección presentamos nuestros operadores de comparación, (> >= < <= === !==). Estos
operadores funcionan como lo harían en una clase de matemáticas, mayor que, menor que, etc.
Utilizamos estos operadores para evaluar dos expresiones. A medida que la computadora ejecuta el
código, el operador devolverá un verdadero (si la declaración es verdadera) o un falso.

var mayorQue = 1 > 2;


var menorQue = 2 < 3;

var mayorOIgualQue = 10 >= 10;


var menorOIgualQue = 10 <= 10;

console.log(mayorQue);
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:

// igual que // Distinto que


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

console.log(dobleIgual);
console.log(tripleIgual);

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 involucré 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
Tipos de datos compuestos: Funciones
Una función es un bloque de código, autocontenido, que se puede definir una vez y ejecutar en
cualquier momento. Opcionalmente una función puede aceptar parámetros y devolver un valor.
Las funciones en JS son objetos, un tipo especial de objetos:
Se dice que las funciones son ciudadanos de primera clase porque pueden asignarse a un valor, y
pueden pasarse como argumentos y usarse como un valor de retorno.

// Declaración de función // Declaración de función con parámetros


function miPrimeraFuncion() { function suma(a, b) {
console.log("1"); return a + b;
console.log("2"); }
console.log("3");
} // Llamado a la función
suma();
// Llamado a la función
miPrimeraFuncion();
academianumen.com
Tipos de funciones

Funciones declaradas: Funciones expresadas:

Una función declarada puede invocarse en Una función expresada es un tipo de función que
cualquier parte de nuestro código, incluso antes se le ha asignado como valor a una variable y
de que la función sea declarada. Una función que no puede invocarse antes de su definición.
declarada tiene la siguiente pinta: Una función expresada sería algo así:

function funcionDeclarada() {
var funcionExpresada = function () {
console.log("Hola Mundo")
console.log("Adios Mundo")
}
}

academianumen.com

También podría gustarte