This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Temporizadores (setTimeout & setInterval) | |
//Funcion setTimeout que resive un callbaks y ejecuta ese callbacks una soal vez luego del tiempo propuesto | |
setTimeout(() => { | |
console.log('Me ejecuto luego de 3 segundos');//Callbaks que queremos ejecutar | |
}, 3000);// segundos que queremos que tarde en ejecurarse(Se le pasa en milisegundos) | |
//Funcion setInterval que resive un callbaks y ejecuta ese callbacks constantemente luego del tiempo propuesto | |
let time = setInterval(() => { | |
console.log('Me ejecuto indefinidamente luego 3 segundos');//Callbaks que queremos ejecutar |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Windows Alert | |
window.alert('Esto es una alerta que se muestra en la ventana'); // Esto es una alerta que se muetra en en la ventana | |
//Windows Comfirm | |
let confirmacion = confirm('Esto muetra una ventana de confirmacion')//Esto es una comfirmacion. | |
console.log(confirmacion);// si el usuario pulsa aceptar el valor que se almanecena es true | |
//De lo contarrio false | |
//Windows Prompt | |
let aviso = prompt('Pide algo desde la ventana') // Muestra una alerta en la ventan que te da la opcion de aceptar o cancelar |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Objeto Math | |
console.log(Math.abs(-7.9));//Retorna valor absoluto. | |
console.log(Math.ceil(5.5));//Redondea a un numero mayor. | |
console.log(Math.floor(5.5));//Redondea a un numero menor. | |
console.log(Math.round(7.9)); // Redondea al mas cercano ej: (7.9) = 8; (7.2)= 7; | |
console.log(Math.sqrt(2));// Retorna la raiz cuadra del valor que pasemos. | |
console.log(Math.pow(2,5));// Para elevar potecia. El primer numero la base y el segundo el esponente. | |
console.log(Math.sign(-1));//Idica que tipo de valor es, si positivo = 1, negativo= -1 y cero =0. | |
console.log(Math.random());//Retorna valor aleatorio entre cero y 1 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Objeto Date | |
let fecha = new Date();//para uso horario | |
console.log(fecha); | |
console.log(fecha.getDate());//Obtiene el dia del mes | |
console.log(fecha.getDay());//Obtiene el dia de la semana y javascript lo ve como un array D-L-M-MI-J-S >>> 0-1-2-3-4-5-6 | |
console.log(fecha.getMonth());//Obtiene el mes tomar en cuenta que comienza en el 0 | |
console.log(fecha.getFullYear());// Obtiene el año | |
console.log(fecha.getHours());// Obtener la hora la hora actual | |
console.log(fecha.getMinutes());// Obtener los minutos actuales | |
console.log(fecha.getSeconds());//Obtener los minutos actuales |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const arr = ['jerly', 'juan','osiris','fidels']; | |
// El método find() devuelve el valor del primer elemento del array que cumple la función de prueba proporcionada. | |
// este metodo recibe una funcion que va tomando cada elemento del array | |
const found = arr.find(element => element.length > 5);// en este caso devolveria el 12 porque es el primero que daria true | |
// El método slice() devuelve una copia de una parte del array dentro de un nuevo array empezando por inicio hasta fin (fin no incluido). | |
// El array original no se modificará. | |
const newFound = arr.slice(1,-1) // le enviamos las posiciones que queremos que tenga el nuevo array que en este caso son 1 y -1 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
console.error('Esto es un error');// este metodo crea un mensaje de error | |
console.warn('Esto es ua alerta');// Este metodo crea un alerta | |
console.info('Esto es una imformacion');// Para envira imfomacion | |
console.log('Regrito');//Este meto es un resgitro de lo que esta sucediendo | |
// console.clear('Limpia a la consola'); | |
console.dir(document); //Muestra todas las propiedades | |
console.group('Litas de metodos');// Crea un grupo | |
console.log('Metodo Filter()'); | |
console.log('Metodo Map()'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Clases modelos a seguir | |
//Intacia (Objetos) de las clases = | |
// Atributos(son variables dentro de un objeto(Propiedades)) | |
// Metodos(Fuciones dentro de un objecto(Acciones)) | |
class Animal { | |
constructor(nombre, raza){ | |
this.nombre = nombre;// Atributo de la clase Animal | |
this.raza = raza;// Atributo de la clase Animal | |
} | |
saludar (){//Metodo de la clase animal |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const person = { | |
nombre: 'Jerly', | |
apellido: 'De La Rosa', | |
edad:18, | |
pasatiempos: ['Ejercitarme', 'Jugar','Leer'], | |
contactos: { | |
email: '[email protected]', | |
twitter: '@jerly05', | |
web: 'jerlydelarosa.com' | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Array.prototype.forEach() | |
// El método forEach() ejecuta la función indicada una vez por cada elemento del array. | |
const arr = ['lunes', 'Martes', 'Miercoles', 'Jueves','Viernes', 'Sabado', 'Domingo']; | |
const newList = arr.forEach( (element, index) =>{ // elemet = a los elemnto de arr index pues la posicion. | |
console.log( `<li id="${index}"> ${element}</li>`); | |
}) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Diferencia entre los iteradores array.prototype.map() y array.prototype.foreach() | |
let arr = [1,2,3,4,5]; | |
// Array.prototype.foreach() | |
const result_1 = arr.forEach(e => e + 1); | |
// Pues el iterador forEach en este caso retornara undefined | |
//Regresara este valor ya que solo itera todo los valores de array para hacer operaciones que no neciten | |
// que guarde el valor iterado(Valore del array) asi que lo prodriamos ver como un for de eso basico que conocemos. |