Skip to content

Instantly share code, notes, and snippets.

View jerlyrosa's full-sized avatar
:shipit:
Coding

Jerly De La Rosa jerlyrosa

:shipit:
Coding
View GitHub Profile
@jerlyrosa
jerlyrosa / temporizadoresJavascript.js
Created October 29, 2020 18:41
Temporizadores setTimeout & setInterval en javascript
// 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
@jerlyrosa
jerlyrosa / windowsMethods.js
Created October 4, 2020 00:33
Windows Alert, comfirm y prompt en javascript
//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
@jerlyrosa
jerlyrosa / objectMath.js
Last active October 2, 2020 21:06
Uso de objectos matematicos en javaScript
//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
@jerlyrosa
jerlyrosa / objectDate.js
Created October 2, 2020 20:42
Uso horario en javascript
//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
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
@jerlyrosa
jerlyrosa / objectConsole.js
Last active September 22, 2020 01:02
Tipos de console en javascript
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()');
@jerlyrosa
jerlyrosa / classPoo.js
Last active October 6, 2020 20:33
Clases en javacript y los metodos setters, gettters y static.
// 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
@jerlyrosa
jerlyrosa / objectMethods.js
Created September 15, 2020 23:35
Metodos Object.keys() y Object.values() en javascript
const person = {
nombre: 'Jerly',
apellido: 'De La Rosa',
edad:18,
pasatiempos: ['Ejercitarme', 'Jugar','Leer'],
contactos: {
email: '[email protected]',
twitter: '@jerly05',
web: 'jerlydelarosa.com'
}
@jerlyrosa
jerlyrosa / arrayMethods.js
Created September 15, 2020 01:05
Funcionamiento del metodo Array.prototype.forEach()
// 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>`);
})
@jerlyrosa
jerlyrosa / arrayMethods.js
Last active September 13, 2020 01:27
Diferencia entre los iteradores Array.prototype.map() y Array.prototype.foreach()
//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.