Curso JavaScript: 46. Callbacks -

  Рет қаралды 54,825

jonmircha

jonmircha

Күн бұрын

Пікірлер: 253
@jjdester8212
@jjdester8212 4 жыл бұрын
Me estoy enamorando mas de js con este curso y me atrevo a decir que no seria a si si no fuera por ti jhon. Eres el mejor maestro. Gracias por ayudar a la comunidad de esta manera Bendiciones..
@jonmircha
@jonmircha 4 жыл бұрын
Gracias por tus bendiciones :) comparte para llegar a más personas
@manoloexplaintome6348
@manoloexplaintome6348 3 жыл бұрын
Yo ya no sé si estoy más enamorado de JS o del profe, jaja... El mejor curso sin duda!!
@manuelrosen2752
@manuelrosen2752 3 жыл бұрын
Un callback explicado como analogía sería: Supongamos que nos encontramos hablando por teléfono. Al estar hablando nos surge una situación por resolver de manera inmediata. Ponemos la llamada en espera, realizamos lo que tenemos que hacer y cuando terminamos, volvemos a la llamada que dejamos en espera. Un callback es una función que será ejecutada cuando una operación asíncrona se haya completado. En el caso de la analogía, seria esa situación urgente, y cuando este hecho, ejecutará el callback.
@jonmircha
@jonmircha 3 жыл бұрын
😉
@naxxiiimarquez9461
@naxxiiimarquez9461 3 жыл бұрын
Tecnicamente se llama princios de la programacion funcional, y javascript la usa en esta ocacion por el tema de asincronita que posee este lenguaje :)
@juancarlosvillan7619
@juancarlosvillan7619 3 жыл бұрын
jaja con el ejemplo lo entendi, Gracias Manuel
@JardanySvidrigailov
@JardanySvidrigailov 3 жыл бұрын
@@naxxiiimarquez9461 En vez de desenredar, tiraste a enredar el concepto...
@logaritm0651
@logaritm0651 3 жыл бұрын
@@JardanySvidrigailov en realidad no enredó, claro, si sabes mínimamente que es la programación funcional y la asincronía.
@sebasmrl
@sebasmrl 3 жыл бұрын
Para que lo entiendan mejor reemplacé el value*value por una funcion anonima que hace lo mismo(les dejo mis comentarios, solo copien y peguen en vs code para que se vea bien): function cuadradoCallback(value,callback){ //recursivadad: una funcion se invoca a si misma dentro de si - eso es lo que me generara el callback //simulara la asincronia - ese ir y consultar una api externa setTimeout(() => { //esto simulara el manejo de ajax o al consumo de datos a traves de un API o de archivos externos callback(value, ()=>{return value*value;}); //callback("valor ingresado","la funcion a ejecutar") }, 0 | Math.random()*1000); //en ese callback es donde se le dice qué tendrá( o sea que parametros) la funcion callback puesta antes como parametro (al inicio) } cuadradoCallback(3,(value,resultado)=>{ console.log("Inicia Callback"); console.log(`Callback ${value}, ${resultado()}`) //se llama a la funcion anonima que contiene value*value almacenada ahora con el nombre de resultado(); });
@maximilianocba07
@maximilianocba07 3 жыл бұрын
para no ir cambiandole el número al copiar y pegar y poner 1,2,3,4,5 me cree una variable contador y al final de cada función le mando el contador++ y con eso te evitas el estar modificando los números.
@stiven_as02
@stiven_as02 2 жыл бұрын
Gracias.. tus anotaciones me sacaron de apuros... no se si fue cosa de percepción pero quede totalmente perdido con el valor que le pasa en callback y resultado.
@A.RadelM.F.
@A.RadelM.F. 2 ай бұрын
Muchas gracias. Este ejemplo terminó de quitarme muchas dudas... 💟💟
@carlosjavierorozco8418
@carlosjavierorozco8418 2 жыл бұрын
Gracias, se me complico pero al final comprendí. A seguir practicando!
@jonmircha
@jonmircha 2 жыл бұрын
😉👋🏻
@addevmoises
@addevmoises 4 жыл бұрын
No logro entender siguiendo linea por linea como es el orden que se ejecuta el código por las funciones anidadas, pero se entiende el conceptooo, muchas gracias jonathan. Este lenguaje es muy completo.
@andresfabiansoibelzon264
@andresfabiansoibelzon264 2 жыл бұрын
me gusta como esta ordenado el curso jonmircha. muchas gracias por tomarte el tiempo en crear todos estos tutoriales. los estoy siguiendo video x video :)
@jonmircha
@jonmircha 2 жыл бұрын
😉👋🏻
@Sebastian-fj1wn
@Sebastian-fj1wn 2 жыл бұрын
Pedazo de clase. Excelente curso en pleno 2022.
@jonmircha
@jonmircha 2 жыл бұрын
😉🙌🏻
@alexguevara3818
@alexguevara3818 3 жыл бұрын
No he visto curso mas completo de JavaScript que este, felicitaciones Profe Jon y gracias por tan muy buen material
@jonmircha
@jonmircha 3 жыл бұрын
😉🙌
@nazevernever999
@nazevernever999 10 ай бұрын
Muchas gracias amigo alfin pude comprender la funcionalidad de los callbacks y el event loop
@jonmircha
@jonmircha 10 ай бұрын
Excelente!👋🏻😉
@NickelFirepowerNico
@NickelFirepowerNico 2 жыл бұрын
Gracias por esta clase Jon!!! muchas bendiciones!!!
@jonmircha
@jonmircha 2 жыл бұрын
😉🙌🏻
@FedericoCrozz
@FedericoCrozz 4 жыл бұрын
Muy bueno Jon, tuve que verlo un par de veces para poder entenderlo bien. Un abrazo grande!
@jonmircha
@jonmircha 4 жыл бұрын
:)
@dan_seb
@dan_seb 3 жыл бұрын
Gracias por ofrecer tu valioso tiempo para enseñarnos a programar Jon! En serio, muchas gracias! Estoy siguiendo detenidamente el curso desde 0, repitiendo los videos cuándo no entiendo algún concepto, pero llevas tan bien la docencia que se entiendo casi todo a la primera!
@jonmircha
@jonmircha 3 жыл бұрын
😉👍
@alfgow
@alfgow 2 жыл бұрын
En esta clase si me detuve, lo tuve que ver tres veces para entenderlo, gracias profe por este curso
@jonmircha
@jonmircha 2 жыл бұрын
Con mucho gusto
@Wiiiiizard
@Wiiiiizard 2 жыл бұрын
🧙 Buenos videos y muy bien explicados, muchas gracias!!!
@jonmircha
@jonmircha 2 жыл бұрын
Hola, muchas gracias
@yeikerbg7447
@yeikerbg7447 4 жыл бұрын
Excelente curso, el mejor de todos, muy buena explicación de los temas y muy bien ordenados, muchos exitos para usted profe !!
@jonmircha
@jonmircha 4 жыл бұрын
Muchas gracias :) comparte para llegar a más personas
@carlesbautista8293
@carlesbautista8293 4 жыл бұрын
La verdad es que lo explicas muy bien, muchisimas gracias Jonathan.
@jonmircha
@jonmircha 4 жыл бұрын
Gracias, saludos
@jerlandejoseph4350
@jerlandejoseph4350 3 жыл бұрын
Si por fin he roto esa duda de programacion sincrona y asincrona.... y valla que concurrente es estas clases. Exelente profesor john.
@jonmircha
@jonmircha 3 жыл бұрын
😉👋🏻
@angelmgl8137
@angelmgl8137 4 жыл бұрын
No sé quienes le dan dislike a tus videos pero los encontraré y los obligaré a quitarlos okno jajaj Es el mejor curso de JS que he encontrado en youtube, udemy y coursera, y es totalmente gratis!
@jaimealonsoprietopalomar6349
@jaimealonsoprietopalomar6349 2 жыл бұрын
Jon, buenas noches. Me fué dispendioso poder entender lo de las Callbacks , sobre todo cuando se presenta el Callback Hell, pero afortunadamente por fin me quedó claro y sigo adelante con TU CURSO que es el MEJOR DE TODOS. Gracias Jon. Eres un filántropo. Saludo cordial
@jonmircha
@jonmircha 2 жыл бұрын
🙌🏻🥰
@scarlethrojas8914
@scarlethrojas8914 Жыл бұрын
Hola Mircha, me ha costado entender en la práctica estos concepto. Espero más adelante los volvamos a retomar a ver si lo puedo ver más claro. Muchas gracias por tu aporte :)
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@timawid
@timawid Жыл бұрын
Como siempre, excelente explicación excelente video 👏👏🙌
@jonmircha
@jonmircha Жыл бұрын
Un saludo👋🏻😉
@truestory818
@truestory818 Жыл бұрын
Muy bueno Jon, Muchas gracias!!!
@jonmircha
@jonmircha Жыл бұрын
Muchas gracias!
@PaulxD27
@PaulxD27 4 жыл бұрын
Al principio no le entendí muy bien respecto a la callback, cuando se invoca la funcion y se manda como parametro una arrow function, cuando lo analicé y entendí dije orale!!, que padre no sabía que se podía hacer eso! Además de los buenos memes había visto algunos, pero poco los entendía ahora todo tiene sentido GRACIAS por hacer siempre las clases interesantes
@jonmircha
@jonmircha 4 жыл бұрын
;)
@TheDawnBreaker1104
@TheDawnBreaker1104 4 жыл бұрын
Este curso está excelente y lo voy a terminar. Un abrazo desde Colombia
@jonmircha
@jonmircha 4 жыл бұрын
Excelente! Comparte para llegar a más personas
@deimerjoseariasmonsalve9948
@deimerjoseariasmonsalve9948 Ай бұрын
Sería bueno un curso de Angular!
@d-landjs
@d-landjs 2 жыл бұрын
Excelente explicación maestro :D
@jonmircha
@jonmircha 2 жыл бұрын
Gracias. Saludos
@johnherrera5913
@johnherrera5913 3 жыл бұрын
Master! Mis respetos, de verdad que te felicito por el dominio del tema
@jonmircha
@jonmircha 3 жыл бұрын
Muchas gracias!
@emilianooliveto5028
@emilianooliveto5028 2 жыл бұрын
Estoy estudiando en Platzi y acompaño algunos temas con tus videos, explicas genial. Aunque este tema es un poco complejo. Saludos desde Argentina jon, gracias por tu contenido de verdad.
@jonmircha
@jonmircha 2 жыл бұрын
😉👌🏻
@marcoantoniovalencia8694
@marcoantoniovalencia8694 2 жыл бұрын
@@jonmircha El profe del 2020 si estaba más pro, por qué ahora se puso en modo hippie?
@hernansanabria9685
@hernansanabria9685 2 жыл бұрын
excelente contenido gracias
@jonmircha
@jonmircha 2 жыл бұрын
Gracias. Saludos
@josearias9882
@josearias9882 2 жыл бұрын
Me gustó el tema, aunque los Callbacks lo entiendo como un mecanismo de "respaldo" es decir, en momentos que ejecute una función asíncrona, habrá un respaldo en caso tal. Tal vez la función que usaste con el SetTimeout no lo he prácticafo lo suficiente pero el concepto me queda claro que es lo importante, thanks Jon.
@jonmircha
@jonmircha 2 жыл бұрын
😉👋🏻
@nicosmicoo
@nicosmicoo 4 жыл бұрын
Está muy bueno el curso gracias jonmircha, simplemente un crack jaja 🦊
@jonmircha
@jonmircha 4 жыл бұрын
Muchas gracias!
@marcoantoniofigueroabranda2850
@marcoantoniofigueroabranda2850 3 жыл бұрын
Pregunta seria: No entiendo este símbolo | en el minuto 5:14 ¿Qué puede significar? ¿Es una expresión regular?
@jonmircha
@jonmircha 3 жыл бұрын
Me falto otro | es un or || 🤭
@SadisticKillerXx
@SadisticKillerXx 3 жыл бұрын
Recién estoy entrando al concepto de los callback y las promesas, me está resultando algo complicado entender toda la lógica, pero poco a poco lo voy entendiendo, gran video
@jonmircha
@jonmircha 3 жыл бұрын
🤓👍🏻
@ivansebastiannunez9953
@ivansebastiannunez9953 3 жыл бұрын
Excelente contenido. Espero que tu canal crezca. Sigue así. Saludos desde Arg.
@jonmircha
@jonmircha 3 жыл бұрын
Gracias! Saludos!
@nikolahs92
@nikolahs92 Жыл бұрын
sept 11 1969**sept 29 2023 gracias excelente curso felicidades John Mircha
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@Adormir123
@Adormir123 Жыл бұрын
se me hizo mas facil entender esto que la asincronia y event loop ahhaha, pero ya entendi, muchas gracias!
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@williamalexanderpineda6098
@williamalexanderpineda6098 2 жыл бұрын
Excelente vídeo!
@jonmircha
@jonmircha 2 жыл бұрын
😉👋🏻
@lixandermolina9366
@lixandermolina9366 4 жыл бұрын
Gracias Jon, excelente vídeo, aquí si entendí con el ejercicio el Callback.
@jonmircha
@jonmircha 4 жыл бұрын
Que bien :)
@esthermanrique4721
@esthermanrique4721 4 жыл бұрын
Excelente como siempre Jon, aprender contigo es un placer, mil gracias!!!!!!
@wilmeralexanderv9078
@wilmeralexanderv9078 3 жыл бұрын
Hola en el minuto 5:38, que significa este simbolo | despues del 0?
@jonmircha
@jonmircha 3 жыл бұрын
or pero me falto el otro pipe 🤭
@Bisson156
@Bisson156 3 жыл бұрын
super claro profe! gracias
@jonmircha
@jonmircha 3 жыл бұрын
😉👍🏻
@developer1328
@developer1328 3 жыл бұрын
Buenas profe una consulta, en el setInterval porqué tomá el valor random en la disyunción y nunca el numero de la izquierda, he probado poniendo otros numeros y siempre toma el aleatorio. gracias
@jonmircha
@jonmircha 3 жыл бұрын
por el corto circuito que hace el |
@developer1328
@developer1328 3 жыл бұрын
@@jonmircha ahora viendolo de nuevo, porque | ? el or no se hacia acaso con dos, es decir | | ? entiendo que el cortocircuito toma como false el 0 y por eso iria siempre por el valor de la derecha como en tu ejemplo. pero yo le pongo otros valores como el 2, 5 etc y nunca me los toma
@ModoHeraldo
@ModoHeraldo Жыл бұрын
un grande amigo!
@jonmircha
@jonmircha Жыл бұрын
Muchas gracias!!👋🏻😉
@MarcosCastelli
@MarcosCastelli 3 жыл бұрын
Gracias JON entendí toda la lógica del porque los callback, como resolver el hecho de que el programa no se frene y al mismo tiempo la importancia de resolver tareas en forma ordenada sin poder saber a ciencia cierta que tiempo demorara cada una en completarse, que seria como generar hilos a mi forma de ver. Lo que aun no me queda claro y espero poder ver la luz al final del túnel mas adelante es como modularizar todas estos pequeños pasos en codigo mas simple, mantenible y que de tener un error se lo puede identificar fácilmente sin caer en el descontrol este de la pirámide. Gracias por tu tiempo.
@jonmircha
@jonmircha 3 жыл бұрын
Podrías resolverlo con funciones asíncronas, cuando lleguemos a AJAX lo entenderás 😉
@WillyAntunezVlogs
@WillyAntunezVlogs 4 жыл бұрын
Excelente clase, muchas gracias!
@alexandraherrera487
@alexandraherrera487 3 жыл бұрын
osea que al hacer un boton.addEventListener('click' , () => { alert("EJECUTASTES UN CALLBACK"); }); eso es un callback tambien?
@jonmircha
@jonmircha 3 жыл бұрын
Sí lo manejadores de eventos son callbacks
@empresariosotelo
@empresariosotelo 4 жыл бұрын
Excelente clase. muchas gracias por el aporte.
@olimac007
@olimac007 3 жыл бұрын
Excelente!
@jonmircha
@jonmircha 3 жыл бұрын
Gracias!
@manunito4179
@manunito4179 11 ай бұрын
utilizas alguna extension del programa para que el código se tabule solo?
@jonmircha
@jonmircha 11 ай бұрын
Revisa mi curso de VSCode ahí esta toda mi configuración
@ingenieriadeportiva7401
@ingenieriadeportiva7401 Жыл бұрын
Que buena explicacion , pero como me costo entenderlo no me carburaba el cerebro jaja , excelente profe!
@jonmircha
@jonmircha Жыл бұрын
Excelente👋🏻😉
@andresolguinsalinas1725
@andresolguinsalinas1725 3 жыл бұрын
me ayudo mucho
@jonmircha
@jonmircha 3 жыл бұрын
😉👍🏻
@badyalberto
@badyalberto 3 жыл бұрын
Hay algun video donde expliques el tema de la recursividad ?
@jonmircha
@jonmircha 3 жыл бұрын
Aún no
@mateomiglino7129
@mateomiglino7129 2 жыл бұрын
Las callbacks serían una manera de hacer sincronía dentro de la asincronía?
@jonmircha
@jonmircha 2 жыл бұрын
😅
@brayamalexanderchicabetanc7333
@brayamalexanderchicabetanc7333 3 жыл бұрын
Hola, soy nuevo en esto y no entiendo muy bien como hace js para saber cuales serán los valores que tomara para "result" se que los valores que toma son los del callback, pero no se como ni porque, cualquier ayuda lo agradecería.
@jonmircha
@jonmircha 3 жыл бұрын
Sigue con el curso, cuando llegues a la parte de AJAX ahí se vera todo lo de asincronía ;)
@jurrrgenOF
@jurrrgenOF 3 жыл бұрын
como hago para comentar varias líneas en Javascript? pense que era control + k + u
@jonmircha
@jonmircha 3 жыл бұрын
yo lo hago con alt + shif + s
@jurrrgenOF
@jurrrgenOF 3 жыл бұрын
@@jonmircha gracias, pero no me sirvió, pero ya lo encontré
@lmga4159
@lmga4159 4 жыл бұрын
Hola estaba leyendo del libro "Eloquent Javascript", la sección donde habla sobre las funciones de orden superior y callbacks y me quedó una duda: ¿Se pueden pasar parámetros a una función que ya está siendo parámetro de otra función? El libro pone este ejemplo: function repeat(n, action) { for (let i = 0; i < n; i++) { action(i); } } repeat(3, console.log); Pero console.log imprime lo que se declara dentro de repeat o sea el valor de i. Existe una forma de pasarle parámetros en la función action para que imprima otra cosa? Por ejemplo algo así: repeat(3, console.log("¿Hola Jon como andas?")); // este código no funciona Mi intención es reutilizar esta función repeat para hacer todo tipo de tareas por ejemplo: repeat(10, dibujarCuadrados(width, height, color)); repeat(5, enviarNotificacion(mensaje)); Saludos genial curso. Ojalá puedas darme la respuesta ya me dí la cabeza contra la pared unas cuantas veces con este tema, la verdad no lo entiendo jajaj.
@jonmircha
@jonmircha 4 жыл бұрын
En los ejercicios de AJAX vemos ejemplos de lo que comentas, paciencia ;)
@brayannfarfanverona8651
@brayannfarfanverona8651 3 жыл бұрын
Hola , te hago una consulta? Como hago para llamar dentro de un array de objetos a uma propiedad de ese objeto? Por ejemplo tengo un objeto llamado perro h dentro de ese objeto tengo un array y dentro del array una propiedad llamada nombre, se que si hago, un console.log del objeto, me retorna todo el objeto pero cuando le hago el console.log de por ejemplo:perro.nombre me salta error, sera porque esta dentro del arraya? Si es asi como hago para llamar a esa propiedad?
@jonmircha
@jonmircha 3 жыл бұрын
En vez de usar la sintaxis de punto usa la sintaxis de corchetes
@rafaelmendez718
@rafaelmendez718 4 жыл бұрын
woow muy bien explicado , gracias por este gran contenido
@jonmircha
@jonmircha 4 жыл бұрын
De nada, comparte para llegar a más personas
@rafaelmendez718
@rafaelmendez718 4 жыл бұрын
@@jonmircha claro , lo estoy haciendo de hecho
@holgonzalezcolcol
@holgonzalezcolcol 4 жыл бұрын
Gracias Jon, muy buen video extensamente preciso para entender este tema 👏
@JoseDavid-kd4ff
@JoseDavid-kd4ff 3 жыл бұрын
Hola profesor, su curso está super genial,pero tengo una duda,en la parte del callback donde puso (value, value*value) eso solo se puede poner en una callback por qué lo intentó poner como parámetro en una función normal y me da un error,le agradezco cualquier ayuda
@jonmircha
@jonmircha 3 жыл бұрын
Claro por que la callback se ejecuta en un segundo plano de la primer función en la que se invoca 😉 cuando llegues a los ejercicios del DOM y AJAX entenderás más de las callbacks
@nachosanabria6942
@nachosanabria6942 2 жыл бұрын
gracias
@jonmircha
@jonmircha 2 жыл бұрын
De nada
@eder3232
@eder3232 3 жыл бұрын
Yo tampoco entendi nadita pero en otros lados dicen que un callback solo es una funcion que recibe otra funcion como parametro
@jonmircha
@jonmircha 3 жыл бұрын
Entonces si lo entendiste
@lesbaixllobregat5664
@lesbaixllobregat5664 Жыл бұрын
Ídolo!!!!!!
@harrinsonA
@harrinsonA 4 жыл бұрын
Gracias, excelente clase.
@carlossalinas4254
@carlossalinas4254 3 жыл бұрын
el mejor profe de programacion de habla hispana 🦾
@jonmircha
@jonmircha 3 жыл бұрын
🙈🙌🏻
@carlossalinas4254
@carlossalinas4254 3 жыл бұрын
@@jonmircha ☺
@IsaacGarcia-qq8oq
@IsaacGarcia-qq8oq 3 жыл бұрын
no estaria entendiendo de donde saca un resultado la variable resultado :( o porque se almacena en el? (los parametros que se pasan al callback dentro de el setTimeout, pasarian a heredarse a la funcion que llamamos?, ya que no entiendo porque se puede hacer multiplicaciones dentro de esos parametros del call back :(
@IsaacGarcia-qq8oq
@IsaacGarcia-qq8oq 3 жыл бұрын
serian como representativas donde cada posición se hereda a la los parámetros del la función en si ?) algo asi?
@jonmircha
@jonmircha 3 жыл бұрын
No se hereda, se pasa como argumento de la función
@IsaacGarcia-qq8oq
@IsaacGarcia-qq8oq 3 жыл бұрын
@@jonmircha si me di cuenta tiempo despues jaja :( estuve bastante tiempo confundido con eso y al final solo es la invocacion de la funcion dentro de si misma jaja gracias Jon¡¡¡¡¡¡
@acarles8689
@acarles8689 2 жыл бұрын
Después de ver el video por un lado solo entiendo que la palabra callback equivale a función recursiva y por otro lado asincronia se refiere a poder ejecutar procesos de manera paralela, no se que tiene que ver una cosa con la otra
@diegogarciario4
@diegogarciario4 Жыл бұрын
no, callback no es lo mismo que recursividad....Recursividad es un metodo en el que una función se llama a si misma DENTRO DE SU PROPIO CUERPO. Callback es una función que SE PASA COMO ARGUMENTO a otra funcion y se llama en algun momento posterior dentro de la funcion principal.
@luismonagas573
@luismonagas573 Жыл бұрын
Gracias profe.. entendido!!... entonces me faltan 7$ para el taco.. Gracias profe
@jonmircha
@jonmircha Жыл бұрын
😉👋🏻
@roly7409
@roly7409 4 жыл бұрын
Porque el parámetro callback en la función cuandrocallback es una función? si no lleva la palabra clave function y tampoco es una arrow function
@jonmircha
@jonmircha 4 жыл бұрын
por que recibe una función, simplemente por eso
@roly7409
@roly7409 4 жыл бұрын
@Estela Marchesani pero si empezó a crear la arrow function en el minuto 6:38 no debería tener un nombre dicha arrow function?
@roly7409
@roly7409 4 жыл бұрын
@Estela Marchesani pero al momento de declarar una función flecha anónima esta debe ser asignada a una variable y eso no sucede en el video el profesor lo explica en este video kzbin.info/www/bejne/jaamqGyXnLtmiMU y tambien el video de funciones
@gonzaloalonsorodriguez4929
@gonzaloalonsorodriguez4929 3 жыл бұрын
Esto si es una forma de disfrutar del confinamiento en mi país. Eso sí, hago tantos checks con "console.log" para ver donde y como se mueve el código que me voy a acabar tatuando el "maldito" console.log.
@jonmircha
@jonmircha 3 жыл бұрын
jajajaja
@carlesbautista8293
@carlesbautista8293 4 жыл бұрын
Entiendo que lo que conseguimos con callback es que por ejemplo se cargen las imagenes que son interactuables de la pagina,sin que el usuario pueda acceder a ellas, y paralelamente callback premite que se vaya cargando el resto del codigo, es asi?,gracias :)
@jonmircha
@jonmircha 4 жыл бұрын
:)
@eloycc9602
@eloycc9602 Жыл бұрын
Este es el primer codigo que me cuesta entender , después de practicarlo lo comprendí de la siguiente manera, haciendo un ejemplo basado en el del video function nameCB(name,callback){ setTimeout(()=>{ callback(`Hola ${name}`); }, 2000); } nameCB("Eloy",(result)=>{ console.log(result) }) La funcion nameCB recibe un valor de tipo String y una funcion , dentro suponemos con el setTimeout que es el tiempo que tomara la peticion , por lo tanto podemos i]gnorarlo y centrarnos en que dentro de la funcion nameCB , se hace un llamado a la funcion que se le sera enviada como argumento , dicha funcion lo que hara es simplemente agregar ela palabra Hola , al valor enviado como argumento a la funcion. Al llamar a la funcion nameCB, esta requiere 2 parametros , 1 es el valor que queremos concatenar y el segundo es la funcion callback PERO (aqui es donde no entendia bien) se le asigna una variable en los parametros , que sera a fin de cuentas la variable que almacenara el resultado que devuelva la callback , por lo que la funcion argumento solo tiene que imprimir dicha variable Mi confusion fue que estaba viendo ese result como un argumento de entrada , siendo que esos parametros son para cachar o recibir los valores que retorne la funcion callback. Si esoty errado en algo por favor corríjanme , por lo pronto , bajo esa logica entiendo el funcionamiento de las callbacks (8 PD: excelente videoo
@jonmircha
@jonmircha Жыл бұрын
👍🏻
@heferh4320
@heferh4320 3 жыл бұрын
entiendo casi todo, pero si es algo confuso que todos los llamados a la funcion principal este dentro del primer callback , entonces al volverla a llamar se ejecuta su interior que a su vez tiene una operacion asincrona con el nuevo callback ,pero la funcion no ejecuta ese nuevo callback asincrono hasta que el anterior termine su operacion (creo xd)
@kunjilee9810
@kunjilee9810 4 жыл бұрын
Hola jon , de nuevo te comento , primero pues que buen video!! , solo tengo una duda , porque invocas de nuevo la funcion dentro del cuerpo del callback?? , osea cuando invocas la funcion que tenia por parametro del callback , seria asi "miFuncion(value , ()=>{})" y ahi ya lo invocas , pero luego dentro del 2 argumento (el cuerpo del callback) , vuelves a invocar esa funcio , formando el dichoso callbackhell , pero mi duda es porque lo invocas dentro del 2 parametro , y no afuera ??? espero me puedas resolver , gracias :)
@ulisesafc7678
@ulisesafc7678 2 жыл бұрын
Al principio me costo asimilar y entender la Asincronia en JS, todo eso del event loop me confundía. Ahora que estaba viendo esta clase entiendo que las callbacks son las "tareas" (llamemolo asi) que se van apilando para ser ejecutados segun el tiempo que le hemos dado en el "setTimeout". Hasta que no se ejecute una, no podra continuar con la siguiente (eso entiendo yo). Es por eso que se van anidando las funciones una tras otra, ya que si no se hace de esta manera "x" tarea que se tenia que ejecutar de ultimo va terminar ejecutandose de primero y NO se estaria aplicando el asincronismo. ... ESO ENTIENDO YO. :p
@jonmircha
@jonmircha 2 жыл бұрын
😉👍🏻
@A.RadelM.F.
@A.RadelM.F. 2 ай бұрын
Algo importante sobre los callbacks, corríjanme, por favor, si estoy equivocado: Al ver nuestras funciones decuadradoCallback estuve confundido al principio, pero ahora creo que lo visualizo mejor. La callback no es la función cuadradoCallback, sino la función flecha que dentro de su scope ejecuta nuevamente a la función cuadradoCallback(1), no obstante, esta ejecución de cuadradoCallback(1) no es la función callback de cuadradoCallback(0). La función callback para cuadradoCallback(0) es la arrow function que comienza (value, result) => {}. Dentro de su contexto, esta callback function ejecuta nuevamente cuadradoCallback, pero con un nuevo valor para el parámetro value, lo que abre una nueva callback como arrow function que dentro de su scope ejecuta a cuadradoCallback(2) y así hasta la ejecución de la última callback que recibe a 5 como value y no vuelve a ejecutar cuadradoCallback en su scope.
@jonmircha
@jonmircha 2 ай бұрын
👋🏻😉
@danyr5951
@danyr5951 2 жыл бұрын
¿que pluggin usas o como le haces para que todo lo que te sale dentro de las comillas francesas (``) sea de diferentes color? en mi VSC son de un mismo color :c
@jonmircha
@jonmircha 2 жыл бұрын
jonmircha.com/vscode
@aglowkeys
@aglowkeys 4 жыл бұрын
Gracias por este video! Es de los pocos que vi que me ayudó a entender mejor las callbacks. Pero tengo una pregunta tonta: en el minuto 6, por qué le pasas "value * value" como parámetro a la función? No debería estar entre llaves, con el código que se ejecuta?
@jonmircha
@jonmircha 4 жыл бұрын
no es necesario, antes de pasar el parámetro hace la operación
@Stephanie-gs4sz
@Stephanie-gs4sz 3 жыл бұрын
Como se hacen los emojis en visual studio? ohhh
@jonmircha
@jonmircha 3 жыл бұрын
tecla de windows + .
@daniela.4616
@daniela.4616 2 жыл бұрын
Aún no logro comprender del todo la aplicación de un callback en una operación asíncrona como puede ser la llamada a una base de datos. Algo que no entiendo es, por ejemplo, si se quiere hacer la petición a una base de datos y puede llegar a tardar un poco en cargar todos los datos, como es posible que se le diga al programa explícitamente que debe esperar a que todos los datos sean obtenidos y no siga ejecutando las siguientes lineas si js es asíncrono y no bloqueante, algo así como cuando carga una página de ventas de distintos productos, ¿o eso se resuelve solo mediante promesas?. Ayuda por favor, esto es algo que no me deja dormir jaja. Agradecería demasiado un ejemplo con un código sencillo ;).
@jonmircha
@jonmircha 2 жыл бұрын
Cuando llegués a la sección de AJAX y APIs lo entenderás mejor 😉
@braianrico4422
@braianrico4422 3 жыл бұрын
Como siempre, excelente contenido.. No te falta sino buscar plastilina para explicarlo jajajajaja, mil gracias Jon como siempre, bendiciones y nunca cambies!!! 🧙‍♂️🧙‍♂️🧙‍♂️
@jonmircha
@jonmircha 3 жыл бұрын
🤗
@jn-olmos
@jn-olmos 3 жыл бұрын
Ty Jhon♥
@euronymous_
@euronymous_ 4 жыл бұрын
que significa el | en el minuto 5:14?
@jonmircha
@jonmircha 4 жыл бұрын
Es un operador de corto circuito.
@ledaquiroz17
@ledaquiroz17 Жыл бұрын
Con este video me pasó lo mismo, como cuando vimos los prototipos y luego el azucar sintactico, espero que las promesas me saquen de estas dudas que tengo JAJJAJAJAJ
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@fautinocalderon
@fautinocalderon 5 ай бұрын
Entendi que es un callback, pero no entiendo como llevarlo a codigo, como usarlo
@harrinsonA
@harrinsonA 4 жыл бұрын
Esto anuncio me gusto 4:25
@alexanderuben9591
@alexanderuben9591 3 жыл бұрын
Una observacion, no se si es valida o no, es que me he fijado que el mecanismo de las callbacks es contrario a las de las funciones normales. Las funciones normales se declaran y luego son llamadas, por otro lado, las callbacks son algo parecido llamadas dentro de la funcion y luego son declaradas dentro de la funcion. Saludos desde la Republica Dominicna.
@jonmircha
@jonmircha 3 жыл бұрын
Recuerda que en JS las funciones son elementos de orden superior, lo que significa que prácticamente puedes hacer cualquier cosa con ellas, definirlas, pasarlas como parámetros (como el caso de las callbacks), retornarlas, asígnarlas en variables, etc
@alexanderuben9591
@alexanderuben9591 3 жыл бұрын
@@jonmircha Gracias por la aclarición 👍
@ronaldm.r
@ronaldm.r 4 жыл бұрын
Cuando se termine el curso de JS más o menos que nivel dependiendo claro está de la agilidad mental o lógica de la persona, que nivel tendría en cuanto a JS respecta especificamente teniendo en cuenta que sería una respuesta con sentido figurado incluyendo al sindrome del impostor por igual jajaja, es una duda fuerte para muchas personas que empiezan en esto del desarrollo pero me gustaría saber que tanto se podrá adquirir dejando fuera las investigaciones autodidactas de contenido, espero tu respuesta profe! Mi pregunta no más es por curiosidad esas dudas que surgen de momento sabe XD
@jonmircha
@jonmircha 4 жыл бұрын
Tendrías que ser un Junior Avanzado
@dvesc
@dvesc 4 жыл бұрын
@@jonmircha Alv que potente :0, mas ganas aun de seguir con tu curso :D
@maurolopezgyt
@maurolopezgyt 2 жыл бұрын
Buenas alguno sabe por que escucho doble audio? no puedo escuchar al profe por que una voz tipo loquendo repite todo.
@jonmircha
@jonmircha 2 жыл бұрын
🤔
@SergioGonzalez-bw6md
@SergioGonzalez-bw6md 2 жыл бұрын
Quizas esta forma me lia muchisimo y no lo acabo de entender del todo. Es mas fácil de esta forma o tengo algo mal? function callback_primera (cb_exponente) { setTimeout(() => { cb_exponente(0) cb_exponente(1) cb_exponente(2) cb_exponente(3) cb_exponente(4) }, Math.random() * 2000) } function cb_exponente (num1) { console.log(num1 ** num1) } callback_primera(cb_exponente)
@helipalacio8772
@helipalacio8772 Жыл бұрын
👏👏👏 🙏🙏🙏
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@juanfranciscofriaherrera6005
@juanfranciscofriaherrera6005 4 жыл бұрын
super bien
@edilymora125
@edilymora125 4 жыл бұрын
Saludos Prof, 1. Pero entonces las Callback son bloqueantes, no? 2. Dónde consigo esos iconos tan cheveres que adjunto en la cúspide de la pirámide Callback hell??? 😻
@jonmircha
@jonmircha 4 жыл бұрын
No, no son bloqueantes se ejecutan en 2 plano, emojipedia.org/
@helipalacio8772
@helipalacio8772 Жыл бұрын
👏👏👏
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@guidofortunato
@guidofortunato 4 жыл бұрын
Buenas, me cuesta entender este código: function cuadradoCallback(value, callback){ setTimeout(() => { callback(value, value*value) }, 0 | Math.random() * 100); } cuadradoCallback(0,(value,result) => { console.log('Inicia callback') console.log(`Callback: ${value}, ${result}`) })
@jonmircha
@jonmircha 4 жыл бұрын
Con el tiempo lo entenderás, espera a que llegues al tema de los eventos y ahí todo fluirá
@Undercraftt
@Undercraftt 3 жыл бұрын
A mi me dio dolor de cabeza jaja literal pero lo entendí al final viendo ejemplos de otras callbacks en internet la función como tal es pasada a la función principal dentro de un partero por lo q cambia de nombre a CallBack y cuando esta se llama se le entregan dos valores "value" y la operación "value*value" q no te confunda es solo 1 valor este ultimo... La multiplicacion de v*v q se llamara resultado dentro de la función parámetro.
@albertomunoz964
@albertomunoz964 2 жыл бұрын
En resumen: una callback es una funcion pasada como parametro a otra funcion. 😁👍
@jonmircha
@jonmircha 2 жыл бұрын
👍🏻
@emirtirso842
@emirtirso842 4 жыл бұрын
haber si entendi. El temporizador finge ser una llamada a alguna base de datos y hasta no tenerla, no se ejecuta. si pongo un console.log("algo") despues de todo el callback hell este console se ejecutaria primero puesto que esta en el hilo y el callback hell de mientras pasa por la pila de llamadas... ahhh he estado como 3 horas tratando de entender todo esto de asincronia y callback.
@jonmircha
@jonmircha 4 жыл бұрын
Sí, el temporizador es una simulación a una solicitud como bien lo comentas
@jeffersonberrones2571
@jeffersonberrones2571 4 жыл бұрын
Comentado, gran contenido :v xd
@leandrodipardo1725
@leandrodipardo1725 Жыл бұрын
porgramaste un bot que responde automaticamente ? me quedo la duda jaja
@Black_Coding
@Black_Coding 2 жыл бұрын
Se me hizo un poco difícil entender la estructura del ejemplo...pero ya está. Una función adentro de otra y le mandamos un setTimeout(? jaj x)
Curso JavaScript: 47. Promesas - #jonmircha
19:08
jonmircha
Рет қаралды 56 М.
Curso JavaScript: 61. DOM: Introducción - #jonmircha
14:44
jonmircha
Рет қаралды 48 М.
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
37:51
bayGUYS
Рет қаралды 1,3 МЛН
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 27 МЛН
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19
Quando A Diferença De Altura É Muito Grande 😲😂
00:12
Mari Maria
Рет қаралды 40 МЛН
Curso JavaScript: 48. Async - Await - #jonmircha
18:41
jonmircha
Рет қаралды 46 М.
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
12:35
CodiGo - ¿Qué son los callbacks en JavaScript?
9:35
Jorge Garnica Blanco
Рет қаралды 11 М.
Learn JavaScript CALLBACKS in 7 minutes! 🤙
7:17
Bro Code
Рет қаралды 69 М.
Async JavaScript & Callback Functions -- Tutorial for Beginners
24:21
What are JavaScript PROMISES? 🤞
12:37
Bro Code
Рет қаралды 82 М.
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
37:51
bayGUYS
Рет қаралды 1,3 МЛН