Categoría: Sin categoría

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);
				});
		}

https://retosdeprogramacion.com/semanales2022

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!

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!

https://github.com/juanpablofuentes/Pasiona

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

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