¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.
Progreso del curso:0/51contenidos(0%)
Progreso del curso:0/51contenidos(0%)
¿Quiénes pueden pasar a ver una película? Ejercicio con condicionales, expresiones y booleanos
13:40 min
¿Cuántos kms corre una persona en promedio? Entendiendo el ciclo for
15:12 min
¿Quién gana en una pelea: Gokú o Superman? Resolviendo este problema con ciclos while
13:58 min
Calcular la distancia entre dos puntos - Objetos en JavaScript
07:10 min
Agrega métodos para mover los puntos - Objetos Avanzado en JavaScript
05:55 min
Definiendo la clase Punto - Object.create en JavaScript
05:29 min
Qué son y cómo se implementan el callbacks en JavaScript
14:02 min
Eliminando el callback hell usando promesas en JavaScript
24:49 min
function fibonacci(n) {
let serie = [];
a = 0;
b = 1;
c = 0;
for (let i = 0; i <= n; i++) {
c = a + b;
serie.push©;
a = b;
b = c;
}
return serie;
}
console.log(fibonacci(20));—
¿Actualmente deberíamos preferir siempre las arrow functions? ¿o hay ocasiones dónde es mejor usar las funciones tradicionales?
Gracias.
mediante el uso de la opción de transpilar con Babel que ofrecen herramientas como Prepros (para Windows) se obtiene el mismo resultado, o hay alguna diferencia entre esta opción y una implementación propia?
Buenas noches, consulta hace poco que estoy en platzi y vi que hay cursos que están con un tono distinto a los otro curso, eso a que se debe? son cursos que se estan por lanzar? son mas actualizado ?
Gracias y saludos
Tengo problemas para entender un trozo de la linea de codigo
const reverse = (str) => str.split(’’).reverse().join(’’) = “Aqui lo que entiendo es que toma el string y utilizando ‘split’ lo divide y le coloca comillas simples luego con ‘reverse’ le da la vuelta y con ‘join’ lo une nuevamente”.
function minMay(str) { = se declara una funcion con nombre **minMay**
const length = str.length = Se crea una constante llamada length y la variable str se cuentan los caracteres con length
let translation = '' (se crea una variable llamada translation)
let capitalize = true (Se crea otra variable booleana)
En esta parte no entiendo muy bien especificamente lo que esta en negrilla alguien podria ayudarme a entender.
Lo que entiendo es que capitalize es bolean y pregunta si translation es verdadero luego lo convierte ese caracter en mayúscula pero luego lo vuelve a convertir en minúsculas lo que no entiendo es que hace ** : ** entre toUpperCase y toLowerCase.
Podrían ayudarme a entender?
for (let i = 0; i < length; i++) {
const char = str.charAt(i)
** translation += capitalize ? char.toUpperCase() : char.toLowerCase()
capitalize = !capitalize**
}
Una duda. Cuál sería el equivalente a Promise.all()? con async/await
Hola Leonidas, pues ya llevo poco más de un día buscando la solución y doy…
En el ejercicio, se basa en preguntas, por ejemplo ¿Me voy a levantar? y hay 2 botones, uno para sí y otro para no, ya así para cada caso.
Lo que intento hacer es que cuando se le de clic al botón sí, entonces la promesa se cumple y se ejecuta el setTimeout y se muestra el mensaje correspondiente…
En ese mensaje que se muestra me gustaría que se viera así: Me estoy levantando, dame 3 segundos…
Y que los 3 segundos se vayan mostrando 3, 2,1 y 0 y cambie a la siguiente pregunta… espero ser claro.
Bueno, y para eso programe una función que recibe como parámetro un número y regresa el countdown desde ese número… al menos en la consola lo hace, por medio de console.log, la función es:
function contador(limite) {
let count = limite;
console.log(count);
return setInterval(() => {
count = count - 1;
if (count >= 0) {
// escribir dountador
console.log(count);
}
}, 1000)
}
El código completo está acá:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Callbacks</title>
<style>
.ocultar {
display: none;
}
</style>
</head>
<body>
<h1 id="agenda">Ya amaneció, ¿Me voy a levantar?</h1>
<div id="botones">
<button id="si">Sí</button>
<button id="no">No</button>
</div>
<script>
// Elementos del DOM
const $agenda = document.getElementById('agenda');
const $botones = document.getElementById('botones');
const $botonSi = document.getElementById('si');
const $botonNo = document.getElementById('no');
// Constantes de tiempos
const LEVANTARME = 3000;
const DUCHA = 2000;
const VESTIRSE = 2000;
const DESAYUNAR = 2000;
const PLATZI = 3000;
// Declaración de funciones con promesas
function despertar() {
return new Promise((resolve, reject) => {
$botonSi.addEventListener('click', () => {
// contador(3)
resolve('Me estoy levantando, dame ' + contador(3) + ' segundos...')
})
$botonNo.addEventListener('click', () => {
reject('Estoy enfermo, no me voy a levantar :(')
})
})
}
function ducha(message) {
// Ocultar botones
$botones.classList.add('ocultar')
// Mostrar mensaje de la función anterior
$agenda.textContent = message;
// Ejecutar la siguiente promesa con setTimeou
return new Promise((resolve, reject) => {
setTimeout(() => {
// Cambiar el mensaje
$agenda.textContent = '¿Hay agua para bañarme?'
// Mostramos botones
$botones.classList.remove('ocultar')
$botonSi.addEventListener('click', () => {
resolve('Ahora me estoy bañando, dame 2 segundos...')
})
$botonNo.addEventListener('click', () => {
reject('No me puedo bañar, me quedaré en casa...')
})
}, LEVANTARME)
})
}
function vestirme(message) {
// Ocultar botones
$botones.classList.add('ocultar')
// Mostrar mensaje de la función anterior
$agenda.textContent = message;
// Ejecutar la siguiente promesa con setTimeou
return new Promise((resolve, reject) => {
setTimeout(() => {
// Cambiar el mensaje
$agenda.textContent = 'Tengo hambre, ¿Hay comida en la cocina?'
// Mostramos botones
$botones.classList.remove('ocultar')
$botonSi.addEventListener('click', () => {
resolve('Ahora estoy desayunando, dame 2 segudos...')
})
$botonNo.addEventListener('click', () => {
reject('Iré a comprar comida...')
})
}, VESTIRSE)
})
}
function desayunar(message) {
// Ocultar botones
$botones.classList.add('ocultar')
// Mostrar mensaje de la función anterior
$agenda.textContent = message;
// Ejecutar la siguiente promesa con setTimeou
return new Promise((resolve, reject) => {
setTimeout(() => {
// Cambiar el mensaje
$agenda.textContent = 'A estudiar en Platzi, ¿Hay Internet?'
// Mostramos botones
$botones.classList.remove('ocultar')
$botonSi.addEventListener('click', () => {
resolve('Ahora estoy estudiando, tararé 3 segundos...')
})
$botonNo.addEventListener('click', () => {
reject('No hay Internet :(')
})
}, DESAYUNAR)
})
}
function platzi(message) {
// Ocultar botones
$botones.classList.add('ocultar')
// Mostrar mensaje de la función anterior
$agenda.textContent = message;
// Ejecutar la siguiente promesa con setTimeou
setTimeout(() => {
// Cambiar el mensaje
$agenda.textContent = 'Después de estudiar mucho, ahora sé que mi lenguaje favorito es Javascript!'
}, PLATZI)
}
function error(message) {
$agenda.style.color = 'red';
$agenda.textContent = message;
}
function contador(limite) {
let count = limite;
// $countdown.textContent = count;
$agenda.insertAdjacentHTML('afterbegin', '<div id="countdown"></div>');
let $countdown = document.getElementById('countdown');
$countdown.textContent = count;
return setInterval(() => {
count = count - 1;
if (count >= 0) {
// escribir dountador
$countdown.textContent = count;
// console.log(count);
}
}, 1000)
}
despertar()
.then(ducha)
.then(vestirme)
.then(desayunar)
.then(platzi)
.catch(error)
</script>
</body>
</html>
Ojala alguien pueda darme una manita… saludos a todos!!!
Por qué nacimiento lo crea en milisegundos y próximo mostrando el día? No veo la diferencia si en ambas constantes usamos newDate()
