Curso JavaScript desde 0 JQuery XIII. Función each y funciones anónimas. Vídeo 41

[@jeangonzales8486]

Para que puedan descargar los archivos que comparte en la descripcion deben cambiarle el ".com" al link por ".es"

[@adriancordova1618]

Estudiando este curso en 2020 y todo sigue funcionando igual. Saludos desde México sr. Juan

[@emdevapps]

de lejos el mejor canal de programación web

[@pedroidrogo9179]

Que calidad juan, es impresionante cada curso que haces. No tienes comparacion! Gracias! Prometo retribuir este gran aporte que hace apenas pise España!!. Fuerte abrazo!

[@miguelperezpal]

Importante el tema de las funciones anónimas, un tema que nunca lo había tocado pero que había leído en muchos foros.

[@pildorasinformaticas]

VeslorTV Hola !! Son muy útiles como verás a lo largo del curso. Un saludo

[@dantedullka6388]

Excelente como siempre, y no me sorprende. Solo una duda, cuando creas los con Append, no es necesario ponerlos dentro de umn u ? De todas formas veo que funciona, pero si alguien puede aclararme eso desde ya gracias.

[@vl9814]

Que gran capitulo +++, me he entretenido en rehacer el código del video anterior (no me gustaban tantos if) juntándolo con lo de este usando el .each() para hacer bucles. He averiguado que con $() no solo puedes usar selectores css, parece que puedes poner también Objetos HTML y así puedes poner cosas como $(e.target) sin problema y es genial, ademas veo que uno se puede inventar atributos en las etiquetas HTML que no significan nada, para luego extraerlas del objeto con attr() y usar los atributos inventados para cosas como componer el nombre de la ruta de las imágenes, creo que me voy a dormir y soñar con etiquetas jajaja, me quede to loko. $(document).ready(function(){ var elementos=document.querySelectorAll("li"); for(var i=0;i

[@pildorasinformaticas]

+Raul Fernandez Marques jajajaja, muy bueno Todos los días me enseñáis algo nuevo. Cuidado con obsesionarse. No pago psiquiatras... Un saludo

[@lautaroriveiro]

+Raul Fernandez Marques Excelente!!

[@3.14chulon]

Hola Raul te paso una opción mas corta para las funciones ponImagen() y quitaImagen() sin utilizar el each: function ponimagen(e){ $(e.target).addClass("destacar"); $("img").attr("src","/imgs/"+e.target.id.substring(4)+".jpg"); } function quitaimagen(e){ $(e.target).removeClass("destacar"); $("img").removeAttr("src"); } son más cortitas y hacen lo mismo sin utilizar el each() ni el if else.Saludos.

[@cocacalvo]

prueba con estas funciones function pon_imagen(e){ $("#"+e.target.id).addClass("destacar"); $("img").attr("src", "img/"+e.target.id+".jpg"); } function quita_imagen(e){ $("#"+e.target.id).removeClass("destacar"); $("img").removeAttr("src"); }

[@lulucol]

tenkiu

[@miguelangelvasquezgarcia8235]

Excelente Video, es facil de comprender, ahora solo queda practicar y practicar.

[@jaime1066]

Excelente curso, muy bien explicado, enhorabuena !!!!

[@Ni_idea_de_tecnologia]

Que fácil con esta forma de implementar código. Gracias

[@lauscb]

estoy empezando en el mundo de la programacion web de manera autodidacta y como hobbie y me parecen de lo mas completos tus cursos, solo me gustaria, claro si tu tiempo lo permite una actualizacion de este con el nuevo standard ECMAscript-6. Gracias por la dedicacion y profesionalismo que le imprimes a cada uno de tus curso.

[@pildorasinformaticas]

Muchas gracias por el comentario. Me alegro de que te gusten los vídeos. Sí, lo malo de este tipo de cursos es que van quedando obsoletos aunque este de momento aguanta bien. Como bien dices lo mío es un problema de tiempo. Estos cursos requieren mucho tiempo y esfuerzo pero intentaré ir actualizándolos poco a poco. Un saludo!!

[@xeovanijuarez4376]

hola maestro, que he vuelto a las andadas, viendo los tutoriales, que os mando un saludo!!

[@pildorasinformaticas]

Xeovani Juarez Bienvenido de nuevo !! Un saludo

[@xeovanijuarez4376]

Gracias maestro,

[@danest029]

El curso esta muy bueno. Gracias por compartir tu conocimiento. ¿Que tan probable es que tengamos un curso de JavaScript 2020 en tu canal? Le daría like a todos los vídeos y se lo recomendaría a todo el mundo. Nuevamente GRACIAS.

[@davidjosemoreno6435]

Bravo maestro

[@JULIANDRESGM]

Muchísimas gracias!!!

[@abelsilvasantacruz9584]

asi te queda como link y te abre otra pestaña $("ul").append(""+linkExterno+"");

[@africamia4ever]

Querido Juan de Espania y del Mundo, gracias por tus tutorials, son muy bien explicados, transmites mediante tu profesionalismo de tutor a los que estamos en paniales aun. Question: Cuando tenemos varias columnas en un website, recomiendas usar: Flexboxes, Boostrap Grid, que es lo mas aconsejable. xoxoxo

[@pildorasinformaticas]

africa mia Hola !! He trabajado poco con Grid y por eso yo me siento más cómodo con las FlexBox. Esto no quiere decir que sean mejor que las Grid. Ambas son responsive, así que la verdad no sabría cuál recomendarte. Mira a ver con cuál te resulta más fácil trabajar. Me gustaría tener más tiempo para probar todas estas cosas.... Un saludo

[@mathessimples]

Le das un toque de humor cuando te equivocas jajaja literal pero normal, al menos sabes encontrar el error rápido no como yo jajaja

[@demaramarfuentes6163]

profe y con las imagenes se puede hacer lo mismo , o sea colocarlas todas en un contenedor,?lo trate de hacerlo y no me sale

[@MsVeoveo]

Veo que estos videos casi tienen ya 8 añitos. Aún así los estoy estudiando -creo que es la tercera vez- para repasar y aclarar conceptos. Ahora bien, sucede que ya no se puede acceder a los links que pones para descargar los ejemplos. Ya los has retirado Juan?. Saludos

[@21lomg]

Buenas Tardes, Excelente tutoria, Perfecta Explicacion. Queria comentarle que estoy detenido en el video 41, no lo puedo ver Del 41 al 46 no se ven Gracias

[@bulmavegeta23]

hola profe yo se que debe tener muchas cosas que hacer, pero me gustaría poder preguntarle cuando empezara el curso de css3 seria un curso muy interesante y que mejor si lo explica usted. Esperare el momento en que pueda realizar los videos. Un saludo profe

[@pildorasinformaticas]

Hola!! Sí, es mi intención hacer un curso de CSS3. Hasta que lo pueda comenzar, podéis ir al último vídeo de mi curso de CSS donde hablo de las nuevas reglas css3 y también a mi curso de HTML5 donde dedico algunos vídeos a css3. Un saludo!!

[@spainik]

Buenas Profesor, el archivo se ha borrado el archivo de descarga, puedes reviasrlo por favor? Tus clases, una pasada!!

[@iamtheomega4229]

esto ya es obsoleto de aprender? con el tema del nuevo modelo estandar ECMAscript-6

[@rafaelmoragues3031]

no se puede descargar los archivos desde unos videos atras ,y la verdad que ayudaban mucho

[@piruetariel]

Hola Profesor, gracias por sus videos, me están ayudando bastante a comprender Javascript. Tengo un alcance, he descargado varios archivos de los capítulos y cuando intento ejecutarlos no realiza la acción que debería hacer Javascript. Qué puede ser?

[@pildorasinformaticas]

¿A qué te refieres exactamente? ¿Te dan algún tipo de error? En caso de error, ¿qué error te da? ¿has probado en diferentes navegadores? Un saludo

[@piruetariel]

He probado en chrome, Safari, respectivamente pc e imac. Y al ejecutar el archivo no muestra los cambios que deberían producirse con JS. Yo cuando comencé a practicar imaginé que algo estaba mal, por lo que preferí bajar estos archivos de los vídeos para corroborar y tampoco me muestra nada. Quedo atento.

[@n3x4r3]

te faltara la librería de jquery que debes descargarla o agregar el enlace directamente en las etiquetas

[@elijaincolmenares7975]

a mi precisamente me esta pasando lo mismo no veo ningun error de sintaxis y lo he probado en los navegadores y nada que veo la aplicacion del código.

[@n3x4r3]

+Elijain Colmenares pega tu código para ver qué puede ser

[@pepisentu4394]

hola alguien me puede decir cual es el valor de this??

[@silviaperez9680]

Hola Profesor! Otra vez lo tengo q molestar... Bajé los enlaces q dejó, se bajaron correctamente, pero no pude realizar los ejercicios. $(document).ready(function() { document.getElementById("miboton").addEventListener("click", cambiar, false); }); function cambiar(){ /*$("img").fadeOut(1000).fadeIn(1000).width("310"); */ $("img").each(function() { $(this).fadeOut(1000).fadeIn(1000).width("310"); }); } Cuando actualizo la página, no pasa nada al presionar el botón. Lo revisé y lo copié textualmente lo q Ud, escribió. Q será lo q pasa? Gracias y felicitaciones por sus excelentes videos.

[@pildorasinformaticas]

Silvia Pérez Hola !! ¿Has incluido la librería JQuery? (Por si acaso ya que no lo veo en el código que me has pegado) Un saludo

[@andyj9273]

en el primer ejemplo yo utilise este $("#boton").click(function(){ $("img").each(function() { $(this).fadeOut(1000).fadeIn(1000).width("310"); });});

[@MatiasEzelQ]

Es medio rara esta funcion... Por lo que entiendo, seria un ciclo for < img.length? o entendi mal?

[@pildorasinformaticas]

+Matias Daneri ¿Qué función? Hace mucho que grabé este vídeo y no recuerdo de qué hablaba en él. Un saludo

[@MatiasEzelQ]

La de each()

[@jessicamcav13]

Funciona como un bucle.

[@hectorkaizenf.v.7224]

Hola maestro, no me sale, ya revisé linea por línea y no encuentro el error. ¿tú lo puedes ver? $(document).ready(function(){ $("a [href^='']").each(function(){ var linkExterno=$(this).attr("href"); $("#links").append("" + linkExterno + ""); }); });

[@pildorasinformaticas]

+Héctor Kaizen F.V. No lo veo de momento. Copia y pega todo el código, desde la primera letra del documento web hasta la última. Un saludo

[@hectorkaizenf.v.7224]

+pildorasinformaticas Hola maestro, pues aqui le dejo un pantallazo, esperando pueda analizarlo mejor. lo subí a mi drive drive.google.com/folderview?id=0B6rZVvCKyIW3R1owbk5NMWV4MjQ&usp=sharing

[@pildorasinformaticas]

A ver si tengo tiempo y le echo un vistazo. Saludos

[@elect2672]

+Héctor Kaizen F.V. El identificador de los enlaces debe ir sin espacios ej: tu codigo es "a [href]" y debe ser asi; "a[href] no debe ir espacio entre la "a" y el corchete. así me funciono a mi

[@facundocordoba4033]

@@elect2672 muchisimas gracias estaba sufriendo con este ejercicio . sirve muchisimo ver los comentarios de cada uno de ustedes.

[@jagrival]

El video41.zip, no ha sido posible bajarlo. Los demás hasta ahora sí he podido.

[@pildorasinformaticas]

jaime grijalbo Arreglado. Gracias por avisar. Un saludo

[@jagrival]

pildorasinformaticas Muchas gracias. Ya pude bajar los archivos.

[@jaimemartin1932]

No funciona el enlace para descargar el archivo. No acaba nunca de cargar.

[@pildorasinformaticas]

Acabo de probar el enlace y funciona sin problemas. Tal vez fue un problema puntual del servidor. Un saludo!!

[@jaimemartin1932]

Si, ya si descargó, aunque lo hice a mano. Gracias de todas formas.

[@elchorizo88]

$("#links").append("" + linkExterno + ""); queda un poco mejor el codigo así!

[@anayacamilo]

Gracias, estaba tratando de hacer lo mismo pero no lo lograba, me hacia falta el + para concatenar la variable linkExterno con ">".

[@danasara]

Lo curioso es que ningun codigo js de este curso me funciona, asi que tengo que imaginarme el resultado. Y no es porque js esté desactivado en mi navegador. :(

[@PatoTatengue]

Revisa siempre como estas llamando a los archivos js, y si no te olvidas de incluir el archivo JQuery, yo lo voy haciendo a todo lo del curso y corrigiendo algún que otro detalle funcionan

[@Nadia-wu9hk]

Funciona todo perfecto, tenés que corregir la ruta del archivo jquery con el que tengas vos.

[@victoriaalmeidacalderon1462]

15/08/2021 la pagina de este hombre sigue sin funcionar XD

[@ed.thefeli4159]

16:38 "como si son 3 com si son 3 MIL" jajajajajajajajajajajaja ni mi abuala consigiria tener tantos xd

[@lulucol]

muchas gracias este ha sido otro que no me funciono. $(document).ready(function(){ $("a[href^='']").each(function(){ var linkExternos=$(this).attr(href); $("#links").append(linkExternos); }); });

[@rootclever2883]

MIS OJOSSSSSS, BLANCOOOOOO ODIO EL BLANCO PARA TUS FUTUROS VIDEOS SOLO CENTRATE EN EL CODIGO CON TU ZOOM Y LISTO

[@pikachu5223]

prende la luz

[@rootclever2883]

concentrate en tu curso xd :) YO YA LO TERMINE :)))))

[@pikachu5223]

No te enojes, era un chiste :D