function mostrarAmbasCartas(valueLocation, valueSpecies) { // document.querySelector(".alert").classList.toggle("visually-hidden"); fetch("https://rickandmortyapi.com/api/location/"+valueLocation).then((response) => response.json()).then(async (data) => { console.log(data); if (data.residents.length>0) { console.log("anes foreach"); await Promise.all(data.residents.map(async (element) => { await fetch(element).then((respuesta) => respuesta.json()).then((results) => { console.log(results); if (results.species==valueSpecies) { let carta=crearCarta(results); document.querySelector(".cartas").appendChild(carta); document.querySelector(".alert").classList.add("visually-hidden"); } }); })); console.log("fin foreach"); } else { document.querySelector(".alert").classList.toggle("visually-hidden"); } }) .catch((err) => { console.log("Error: ", err); }); }
Categoría: Sin categoría
Retos de programación semanales
Mini ejercicio transformación
Vamos a coger el layout de los dos que hemos hecho el que más nos guste(flex o grid) y vamos añadir transformaciones en el hover de las imágenes. A vuestro gusto. ¡Sorprendedme!
Nueva entidad a nuestro proyecto
Vamos a añadir a nuestro proyecto una entidad Profesor con su id, nombre y correo.
Un curso tiene un profesor pero un profesor tiene varios cursos.
Añadir un profesor y a ver qué pasa con los datos que ya tenemos.
¡Suerte!
Ejemplos github
API’s de prueba
https://blog.gyanendra.tech/best-api-for-your-project-7-best-api-765317e1ff21
Enlaces interesantes
Reglas para escribir buen código en JS. Algunas cosas me parecen excesivas, pero en general son buenas técnicas:
https://blog.codersequity.com/a-complete-guide-to-clean-code-principles-for-javascript-82052c317789
Hacks de JS:
https://mdabidnuri.medium.com/top-10-javascript-hacks-that-every-developer-should-know-b62b55054824
6 funciones útiles de JS:
https://tapajyoti-bose.medium.com/6-killer-utility-functions-in-javascript-86d52af43cd3
45 herramientas para front end:
https://levelup.gitconnected.com/45-front-end-developer-tools-e496b9c3503
Librería expresiones regulares más comunes
Enlaces útiles
WordPress sigue dominando el mercado:
https://www.microsiervos.com/archivo/weblogs/wordpress-domina-mercado-cms.html
5 usos de reduce útiles en JS:
https://code.tutsplus.com/articles/5-real-life-uses-for-the-javascript-reduce-method–cms-39096
Buenas prácticas en JS:
https://raygun.com/blog/javascript-best-practices/
Explicación de SOLID:
https://scotthannen.org/blog/2021/11/19/solid-principles-expressed-as-rules.html
Qué son las API’s
https://www.campusmvp.es/recursos/post/que-es-una-api-tipos-usos-y-funcionamiento.aspx