JavaScript by Joselin Lozada

¿Qué es JavaScript?

yochhii — 2022-11-21 14:23:41 UTC

Es un lenguaje de programación utilizado por los desarrolladores para hacer páginas web interactivas. Anteriormente las páginas web eran estáticas, con JavaScript ahora hay dinamismo

Conceptos bases

yochhii — 2022-11-21 15:02:46 UTC

¿Para qué sirve el uso de consola en JavaScript?
-La consola del navegador para JavaScript sirve para encontrar posibles errores en el código de una página o aplicación, también se puede hacer operaciones directamente. Sirve para probar el código

¿Qué es el Strict Mode?
-Es una característica que se introdujo para corrigir errores de versiones anteriores y vuelve a JavaScript más seguro.

Variables en JavaScript

yochhii — 2022-11-21 15:17:05 UTC

-Contenedores Const:
Es una declaración que crea una constante cuyo alcance puede ser global o local para el bloque en que se declara. Hay que especificar su valor en la misma sentencia en la que se declara porque no se puede modificar su valor posteriormente

-Contenedores Let:
Declara una variable de alcance local que puede ser reinicializada

Tipos de datos específicos en JavaScript

yochhii — 2022-11-21 16:09:13 UTC

Números:
Representa tanto números enteros como de punto flotante. Permite representar y manipular valores numéricos

String:
Se utiliza para representar datos textuales. Es una cadena de caracteres.

Datos booleanos:
Una variable es booleana si se le asigna un contenido de true o false. Se utiliza para evaluar si se cumple condiciones mediante instrucciones if else

Fechas:
Se utiliza para el manejo de fechas y horas. Hay varias formas de crear un objeto de tipo fecha utilizando Date

Símbolos de JS:
El tipo Symbol nos permite obtener valores que no pueden volver a ser creados, es decir, son identificadores únicos e inmutables.

Datos con JSON:
El formato JSON se utiliza para estructurar datos en forma de texto y permite el intercambio de información entre aplicaciones de manera sencilla, liviana y rápida.

Uso de operadores con JavaScript

yochhii — 2022-11-21 16:32:48 UTC

Operadores aritméticos:
Permite realizar operaciones aritméticas (suma, resta, multiplicación y división)

Operadores relacionales:
Se usan para evaluar expresiones, comparando los operadores
en ellos podemos usar el mayor que (>), menor que (<), mayor o igual (>=), menor o igual (<=), igual que (==) diferente de (!=), estrictamente igual (===), y estrictamente diferente (!==).

Operadores lógicos:
Comparan valores booleanos que engloba a solo dos valores: true (verdadero) y false (falso), que se transforman en 1 y 0 si deben convertirse en tipos numéricos. Son los usados para trabajar estos valores

Operadores de asignación:
Se utilizan para dar valor a una variable.

Operador negativo:
El operador negativo cambia el signo del valor que se está almacenando.

Operador de concatenación:
Concatenar significa unir; une cadenas de bloques con el signo +

Ciclos o loops

yochhii — 2022-11-22 14:52:58 UTC

Es una secuencia de instrucciones que se ejecuta repetidas veces

Ciclo For:
Es un ciclo que se repite hasta que una condición sea evaluada como false

Ciclo While:
El bucle while empieza por evaluar la condición. Si la condición es verdadera (devuelve true), entonces las sentencias son ejecutadas. Si la condición es falsa (devuelve false), entonces las sentencias no son ejecutadas. Luego el bucle finaliza.

Ciclo Do While condición If:
Los ciclos do-while son una estructura de control cíclica, los cuales nos permiten ejecutar una o varias líneas de código de forma repetitiva sin necesidad de tener un valor inicial.

Uso de condicionales o decisión

yochhii — 2022-11-22 16:41:35 UTC

Uso de condiciones o decisiones

yochhii — 2022-11-23 00:22:06 UTC

Condición If:
Evalúa la condición en los paréntesis y si el resultado es true, ejecuta un bloque de código.

Condición If-Else:
Ejecuta una sentencia si una condición específicada es evaluada como verdadera. Si la condición es evaluada como falsa, se ejecuta otra sentencia

Estructura Switch:
El condicional switch case es una estructura que evalúa más de un caso y se caracteriza por: Selección de una opción entre varias. Switch recibe un “caso” y lo evalúa hasta encontrar el caso que corresponda. Se puede usar la opción “default” para cuando no se encuentra el caso dado.

Funciones y métodos

yochhii — 2022-11-23 00:34:36 UTC

¿Cómo es la estructura de una función?
Consta de la palabra clave function , seguida de: El nombre de la función. Una lista de parámetros de la función, entre paréntesis y separados por comas.

Parámetros de una función:
Los parámetros son los nombres que aparecen en la definición de una función.

¿Qué es un callback?

yochhii — 2022-11-23 01:07:36 UTC

Una función callback es aquella que es pasada como argumento a otra función para que sea "llamada de nuevo" (call back) en un momento posterior

function crearCita(cita, callback){ 
  var miCita = "Como yo siempre digo, " + cita;
  callback(miCita); // 2
}

function logCita(cita){
  console.log(cita);
}

crearCita("come tus vegetales!", logCita); // 1

// Resultado en la consola: 
// Como yo siempre digo, come tus vegetales!

¿Qué es el DOM?

yochhii — 2022-11-23 01:35:39 UTC

Modelo de Objeto de Documento.
Es una interfaz de programación que nos permite crear, cambiar, o remover elementos del documento.
La estructura del documento HTML. Una página HTML está formada por múltiples etiquetas HTML, anidadas una dentro de otra, formando un árbol de etiquetas relacionadas entre sí, que se denomina árbol DOM
Es la representación de la página web en la memoria del navefador

¿Cómo se manipula el DOM?

yochhii — 2022-11-23 01:38:47 UTC

Hay diferentes métodos para seleccionar un elemento en el documento de HTML.

getElementById()
querySelector()
querySelectorAll()