Video del Curso by Sergie Code: JAVASCRIPT desde Cero

¿Qué puedo hacer con Javascript?

Este texto será transformado por JS

Formas de declarar variables:

1. var *ya no se usa
2. let
3. const

Operadores lógicos:

Funciones

Bloques de código reutilizable para realizar tareas específicas.

Objetos

Es una estructura de datos formada por pares de clave:valor que puede tener objetos y métodos. Intenta representar algo de la realidad. Están basados en "moldes" llamados clases, que les definen el comportamiento y su estructura.

Eventos

Un evento en JS es una acción o suceso que pasa dentro de la página web. Puede ser desencadenado por el usuario al interactuar con la página o por la página por ej. al terminar de cargar cierto contenido.

Otros eventos, al poner el mouse sobre un elemento (o sacarlo por ejemplo)

Ejemplo usando el evento "onchange":

Más tipos de eventos:

STRINGS

Vimos diferentes métodos que se aplican sobre strings, entre otros:

• string.slice(i,f)//substring(i,f)--> recorta la palabra entre (caracter inicial y final)
• string.length --> obtiene la cantidad de caracteres del string
• string.trim() --> elimina los espacios al inicio/final del string
• string.toUpperCase()//toLowerCase() --> convierte el string en todo mayúsculas/minúsculas
• string.concat() --> concatena string con lo que queramos
• string.charAt(x) --> obtiene el caracter en la posición x que consultamos
• string.split() --> divide el string de acuerdo al separador que le indiquemos

PROYECTO CALCULADORA

Arrays (arreglos, listas)

Es una estructura de datos que nos permite almacenar varios elementos en una sola variable.

Podemos pensar en esto como una lista ordenada de elementos en la cual cada uno de ellos tiene un índice que indica su posición en la lista.

Podemos almacenar cualquier tipo de datos.

A diferencia de otros lenguajes de programación, el largo del array no está definido de antemano, es dinámico.

Posicionar mouse y retirarlo para transformar este párrafo en un Array

Operaciones y métodos sobre arrays:

• array.length --> Es la cantidad de elementos del array
• arrayNumeros.sort() --> Sobrescribe el array original, ordenando los números de menor a mayor.
• arrayLetras.sort() --> Sobrescribe, ordena alfabéticamente.
• array[array.length-1] --> Accedo al último elemento del array.
• Hacer click para traer el array en forma de lista (usando un bucle for):
• array.push(elem) o array[array.length]= elem --> Agregaría un nuevo elemento al array
• array.map(nar,manz) --> Transforma mi array de naranjas a manzanas.
• array.shift() --> Elimina el primer elem. del array y devuelve un nuevo array.
• array.splice(x,y,'a','b',) --> Inserta en la posición x los elem. 'a','b', etc, eliminando y elementos desde el índice x
• array.slice(x,y) --> No modifica el array, pero lo corta entre los índices x,y

Aclaración:

Sobre el declarar los arrays como "const" ya que no se pueden redeclarar. Por lo que se recomienda usar let para declararlos.

FECHAS (Tipo de dato DATE)

Tener cuidado con los meses! Es un array que comienza en el mes 0-->Enero.

MATH

Javascript trae constantes y funciones predefinidas para realizar operaciones matemáticas, por ejemplo:

Con respecto al redondeo, tenemos 4 formas:

1. Math.round(numero)--> al entero más cercano
2. Math.ceil() --> redondea hacia arriba
3. Math.floor() --> redondea hacia abajo
4. Math.trunc() --> trunca el decimal

Método Math.round(Math.ramdom()*100) --> Redondea un número entre 0 y 100

CONDICIONALES - If / Else / Switch

Es una estructura de control que te permite ejecutar distintos bloques de código dependiendo de una condición específica.

Permite tener cierto comportamiento dependiendo si la condición es verdadera o falsa.

Ejemplo bloque switch:

Recomendación de Música:

Link a la música elegida: Opciones: rock, pop, heavy metal, punk

Ejemplo de IF ANIDADOS

Haremos una verificación de si puede viajar de acuerdo a su edad, nacionalidad y si tiene pasaporte:

Esperando datos...

PROYECTO 2: JUEGO ADIVINANZA