FULL STACK

Comenzamos en unos minutos

Javascript: Clase 1Tipos de datos primitivos

academianumen.com

Preparación

Vamos a instalar algunos programas para poder iniciar con Javascript

• Editor de Texto

• Github

• Git (Gitbash)

• Node Js

academianumen.com

Editor de TextoPara poder escribir código que pueda ser interpretado por un lenguaje de programación, necesitamos utilizar un editor de texto. Hay varios. Puedes probarlos y elegir con el que te sientas más a gusto.A continuación van a ver una lista de algunos editores de textos populares:

academianumen.com

¿Qué es 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.

GitHub

academianumen.com

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.

Git / GitBash

academianumen.com

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.

Node

academianumen.com

Introducción a Javascript

Es un lenguaje de alto nivel creado por Brendan Eich en 1995. Este lenguaje surgió cuando el competidor de Internet Explorer de por aquel entonces, Netscape, le pide a Brendan que diseñe un lenguaje que permita agregar a este navegador características dinámicas.Desde su nacimiento Javascript ha tenido una gran cantidad de actualizaciones siendo ES6 (ES2015) la última estandarizada aunque si contamos las que no están estandarizadas llegó a ES10 (ES2019).Es importante hacer una distinción entre Java y Javascript dado que ambos son lenguajes diferentes. Java por su lado es un lenguaje de Back-end, es decir, trabaja del lado del servidor, mientras que Javascript es, originalmente, un lenguaje de Front-end, es decir, trabaja del lado del cliente, pero actualmente puede hacerlo también del lado del servidor a través del ambiente Node.js, pero ambos lenguajes son dos cosas completamente diferentes.

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 al valor.

- string (cadena de textos)- number- boolean (true, false)- null- undefined- NaN

Compuestos: Se accede a la referencia del valor.

- object = {}- array = [] - function() {}- Class {}- etc

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

Buenas prácticas de escritura

Usa snake_case en:- Archivos:

Usa UPPER_CASE en:- Constantes:

Usa UpperCamelCase en:- Clases:

academianumen.com

Buenas prácticas de escritura

- Objetos:

- Primitivos:

- Funciones:

- Instancias:

Usa lowerCamelCase en:

academianumen.com

Palabras Reservadas

academianumen.com

Ordenamiento de código

Las buenas prácticas de Javascript nos sugieren un orden para nuestro código de modo que sea fácilmente legible e interpretable para todos los desarrolladores. Y este es:

1. Importación de módulos2. Declaración de variables3. Declaración de funciones4. Ejecución de código

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

Concepto extra

Muestra un mensaje en la consola web (o del intérprete JavaScript).

console.log()

academianumen.com

DATOS PRIMITIVOS

stringEl objeto String se utiliza para representar y manipular una secuencia de caracteres.Las cadenas son útiles para almacenar datos que se pueden representar en forma de texto.

numberNumber es un objeto primitivo envolvente que permite representar y manipular valores numéricos cómo 37 o -9.25. El constructor Number contiene constantes y métodos para trabajar con números. Valores de otro tipo pueden ser convertidos a números usando la función Number().

academianumen.com

Concatenación

Concatenar en ES5

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:

Template Strings (Concatenar en ES6)

ES6 nos trajo una forma más sofisticada para concatenar que consiste en utilizar las comillas invertidas o backticks ( `` ) para poder escribir texto de corrido sin necesidad de utilizar los símbolos (+), ahorrando mucho código y dolores de cabeza.Además incorporó una forma más eficiente y legible de utilizar los argumentos por medio del signo de dólar $ y un juego de llaves. Esto se ve algo así:

academianumen.com

Objetos globales y métodosJavascript tiene una serie de objetos integrados para que los usemos. Ya hemos visto, y hemos estado usando, el objeto de consola y su método log. Otro de estos objetos es Math. Math tiene varios métodos, al igual que console tiene log. Para agregar a esto, algunos de nuestros tipos

de datos también tienen métodos incorporados.

Math.pow: Podemos usar el método pow en Math para devolver un número elevado a un exponente. Tomará dos números.

Math.round , Math.floor, Math.ceilMath también tiene métodos que redondearán los números para nosotros. .round redondeará un número al número entero más cercano. .floor siempre redondeará un número al número entero más cercano hacia abajo. .ceil siempre se redondeará al número entero más cercano hacia arriba.

.length El tipo de datos "string" tiene un método incorporado llamado .length. Cualquier cadena que llamemos a esto devolverá la cantidad de caracteres en esa cadena.

academianumen.com

DATOS PRIMITIVOS

booleanUn boolean es un dato lógico que solo puede tener los valores true o false.

NaNLa propiedad global NaN es un valor que representa Not-A-Number.

academianumen.com

DATOS PRIMITIVOS

nullEl valor null es un literal de Javascript que representa intencionalmente un valor nulo o "vacío".

undefinedEl valor undefined representa un valor que aún no se ha definido.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.

academianumen.com

Undefined y null