jerlyrosa’s gists

jerlyrosa / index.html

Last active September 6, 2020 00:02

Acceder a un elemnto por su ID con el DOM en javascript

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>
	<body>

	<p id='text-1'>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum accusamus est eveniet ad,

jerlyrosa / filter.js

Created September 7, 2020 00:41

Funcion para comprender como trabaja el metodo filter() en javascript

	// Problema para dar a entender o dar la idea de como funciona el metodo filter teniendiendo en cuenta
	// que ya sabes algo de su parte teorica.



	var arr = [1,2, 2, 4,];// Array original

	const arrayFilter=(arr)=>{
	let result = arr.filter( (element, index, array) =>{
	console.log(element);// Primer elemento del Array

jerlyrosa / stringMethods.js

Last active November 2, 2020 02:51

Metodos para convertir un String en mayuscula y minuscula con los metodos toLowerCase() y toUpperCase() en javascript.

	let valor = new String ('Hola soy una cadena');//String que vamos a utilizar.
	let lowerCase;//Variable para guradar el nuevo string
	let upperCase;//Variable para guradar el nuevo string.

	lowerCase = valor.toLowerCase();// Este metodo convertira toda la cadena en minuscula.
	console.log(lowerCase)// Comprobamos en consola.

	UpperCase = valor.toUpperCase()// Este metodo convierte toda la cadena en mayuscula.
	console.log(upperCase)// Comprobamos en consola.

jerlyrosa / stringMethods.js

Last active September 12, 2020 01:07

Metodo string.prototype.split() en javascript

	// METODO SPLIT()
	// El método split() divide un objeto de tipo String en un array (vector) de cadenas mediante la separación de la cadena en subcadenas.

	let textString = "Lorem ipsum dolor sit, sit amet consectetur adipisicing elit.";// Cadena de texto.

	// Este covierte una cadena en un Array.

	// Pues el como se convierte el array va a depender de nostros, ya que le pasamos como parametro...
	//la manera en al cual estara seprado

jerlyrosa / stringMethods.js

Created September 12, 2020 00:58

Metodos String.prototype.includes() y String.prototype.trim() en javascript

	let textString = " Lorem ipsum dolor sit, sit amet consectetur adipisicing elit. ";// Cadena de texto.

	//METODO INCLUDES()

	//El método includes() determina si una cadena de texto puede ser encontrada dentro de otra cadena de texto,
	//retornando true o false según corresponda.

	let stringIncludes = textString.includes('sit');

	console.log(stringIncludes);//Comfirmamos en la consola

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.

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 / 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 / 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 / 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()');

Jerly De La Rosa jerlyrosa