Hey gracias por explicar este tema que es tan vital, siempre lo haces de una manera súper sencilla de transmitir. Comunidad, estarían de acuerdo que Leonidas haga una serie de videos de los libros You Don't Know Javascript ?
Excelente clase, es de mirarla con cuidado, porque hasta de los detales y errores que se van corrigiendo se aprende, Valoro mucho este tipo de formato. Gracias Leonidas! De mis profes favoritos de Platzi!
Man sos un capo. Tenes una habilidad impresionante para explicar. Vi muchos videos, documentacion pero este video fue el que me lo dejo super claro. Muchas gracias
Creeme que me gusta como explicaste el termino de THIS desde la documentación de MDN, aunque me volvi culo cuando empezaste a metrte con las clases pero supongo que todo es practica. Un saludos....
Que buen video Leonidas!!, solo tengo una duda, en la clase API existe un codigo asi: this.pokemon = pokemon, aquí sucede lo mismo que con el id? entre las clases se comparten datos para usarlos posteriormente, así mismo no se debe usar super(), debido a que la clase API sería el padre, muchas gracias de nuevo leo por los videos, un abrazo saludos.
He cumplido mi misión :) espero que sigas preguntándote cosas y buscando respuestas a los por qué del código. Perdón el audio, uno de estos días lo re grabo en buena calidad
Cronológicamente está th-cam.com/video/5M3HYc8PoVw/w-d-xo.html pero es de un tema que no interviene en la explicación o ejercicio de this. Recuerda que siempre tienes el código disponible en GitHub y el enlace lo encuentras en la descripción
qué tal? me surgió la siguiente duda: cuando ejecuto el código de 12:24 se renderiza el nombre en la página, esto por qué es? vale aclarar que no agregué el signo de pesos ($) antes de los container y que usé arrow functions; mi código es el siguiente: const persona = { container: document.querySelector("#container"), renderName: nombre => { this.container.textContent = `Mi nombre es ${nombre}`; }, renderApellido: apellido => { this.container.textContent= `Mi apellido es ${apellido}`; } } //persona.renderName("Joaquín"); const renderName = persona.renderName; renderName("Joaquín");
es porque usaste arrow function... Las arrow function no crean un contexto ellas mismas sino que crea un enlace con el contexto donde a sido CREADO EL OBJETO DONDE APARECE (tu objeto persona), entonces que te imprime this en tu funcion?? ... El objeto Window... en cambio si usas funciones anonimas... estas crean un contexto y dentro de ese contexto poniendo de ejemplo lo que hiciste si pusieras solo: container.testContent = .... "te diria que Container no esta definido ya que no lo tienes en el mismo bloque... (contexto)" Ahora si pusieras : this.container.textContent = ... "El this hace referncia al contexto actual "... allli ya te estas refiriendo a tu objeto persona... es lo mismo que pusieras: persona.container.textContent = ..... porque en el Objeto persona esta definido el container.... Si no me entendiste ni madres mira tambien este video: th-cam.com/video/NWt6-iYJJnA/w-d-xo.html
24:05 No hace falta que le pases el parametro id al super, poqque el super no le pasa datos a la clase superios sino que obtiene datos. Es decir, si le sacas el parametro funciona igual, porque estas creando el this.id en el constructor hijo. No se si me explico
"pokemon encontrado" porfavor dejen de usar el ejmplo de pokemones de mierda, no a todos les gusta zzzz ylo peor que no entiendo nada cuando hablan de pokemones dislike :)
This video esta muy bueno
This comment is awesome
con this te estarias refiriendo al campo de texto no al video
Hey gracias por explicar este tema que es tan vital, siempre lo haces de una manera súper sencilla de transmitir.
Comunidad, estarían de acuerdo que Leonidas haga una serie de videos de los libros You Don't Know Javascript ?
Esto es algo que me encantaría empezar, si el comentario llega a 200 likes les hago el libro en forma de videos
Buenísima idea!!!, vamos a por esos 200 likeeeeees!!!!!
sí!
Espectacular, gracias!!!! Un complemento junto con los demás videos de Programación asíncrona en JavaScript 👌
Excelente clase, es de mirarla con cuidado, porque hasta de los detales y errores que se van corrigiendo se aprende, Valoro mucho este tipo de formato. Gracias Leonidas! De mis profes favoritos de Platzi!
Man sos un capo. Tenes una habilidad impresionante para explicar. Vi muchos videos, documentacion pero este video fue el que me lo dejo super claro. Muchas gracias
Muy sencillo y entendible, gracias por el video!!
Considerarlas hacer un vídeo sobre buenas prácticas en JS? Tu código es muy limpio
El código limpio, el perreo sucio ;) +1 para la clase de best practices
Wow! ni sentí la media hora! Me gustó la clase :D
Gracias por alegrar mi vida con este comentario, bendiciones. Estás un paso más cerca de entender JavaScript
Debo ver este video varias veces para el consumo de API y uso de this ^^
Creeme que me gusta como explicaste el termino de THIS desde la documentación de MDN, aunque me volvi culo cuando empezaste a metrte con las clases pero supongo que todo es practica. Un saludos....
Amigo que buen video , gracias por tus enseñanzas
Me quedó clarísimo!!
This is a great class about *this* in another context.
que extension permite resaltar la linea donde estas posicionado? 👌
Excelente como siempre mi amigo!!! Sigue así, muchos éxitos!!!
Leónidas cual es el tema que estas usando en vscode?
this se refiere al objeto que estas manipulando en el scope actual...
ecaxto
30minutos de video para una respuesta tan simple, gracias.
Excelente explicación 👏👏👏
Gran profesor Leonidas 🙌
Que buen video Leonidas!!, solo tengo una duda, en la clase API existe un codigo asi: this.pokemon = pokemon, aquí sucede lo mismo que con el id? entre las clases se comparten datos para usarlos posteriormente, así mismo no se debe usar super(), debido a que la clase API sería el padre, muchas gracias de nuevo leo por los videos, un abrazo saludos.
Considerarías hacer unas explicaciones de código tipo Hackerrank
Recomiendas algún video en especial?
vine a ver qué era esto del this porque al parecer es mas complejo de lo que parece y me voy con más dudas. habrá que verlo más veces
He cumplido mi misión :) espero que sigas preguntándote cosas y buscando respuestas a los por qué del código. Perdón el audio, uno de estos días lo re grabo en buena calidad
Gracias profe
antes de este video cual es ? buenas noches profesor
Cronológicamente está th-cam.com/video/5M3HYc8PoVw/w-d-xo.html pero es de un tema que no interviene en la explicación o ejercicio de this. Recuerda que siempre tienes el código disponible en GitHub y el enlace lo encuentras en la descripción
Buen video!
Muchas gracias, perdón el audio
¿por qué le antepones a tus variables el signo de dolar ($)?, ¿si se puede?
De pendejo por que asi se le antoja XD
qué tal? me surgió la siguiente duda: cuando ejecuto el código de 12:24 se renderiza el nombre en la página, esto por qué es? vale aclarar que no agregué el signo de pesos ($) antes de los container y que usé arrow functions; mi código es el siguiente:
const persona = {
container: document.querySelector("#container"),
renderName: nombre => {
this.container.textContent = `Mi nombre es ${nombre}`;
},
renderApellido: apellido => {
this.container.textContent= `Mi apellido es ${apellido}`;
}
}
//persona.renderName("Joaquín");
const renderName = persona.renderName;
renderName("Joaquín");
es porque usaste arrow function... Las arrow function no crean un contexto ellas mismas sino que crea un enlace con el contexto donde a sido CREADO EL OBJETO DONDE APARECE (tu objeto persona), entonces que te imprime this en tu funcion?? ... El objeto Window...
en cambio si usas funciones anonimas... estas crean un contexto y dentro de ese contexto poniendo de ejemplo lo que hiciste si pusieras solo:
container.testContent = .... "te diria que Container no esta definido ya que no lo tienes en el mismo bloque... (contexto)"
Ahora si pusieras :
this.container.textContent = ... "El this hace referncia al contexto actual "... allli ya te estas refiriendo a tu objeto persona... es lo mismo que pusieras:
persona.container.textContent = ..... porque en el Objeto persona esta definido el container....
Si no me entendiste ni madres mira tambien este video: th-cam.com/video/NWt6-iYJJnA/w-d-xo.html
Mucho level para mí! Leonidas! Debes hacer un curso de JavaScript desde cero en tu canal! 😁
Hola Jhon. Que buena idea 💡hacer una clase con lo inflatable de JavaScript para empezar con estos conceptos más sofisticados después
ERES UN MASTER
yo halze mi mano para darte el poder de la jenquidama
jajajaja sentí la energía!!!
buenisimo!!!
que crack con js
node es como el uso esctrito de javascript por eso no reconoce el objeto global?
Sip
24:05 No hace falta que le pases el parametro id al super, poqque el super no le pasa datos a la clase superios sino que obtiene datos. Es decir, si le sacas el parametro funciona igual, porque estas creando el this.id en el constructor hijo. No se si me explico
Excelente vídeo
cuando hiciste la parte de la herencia me re perdi :(
Chispas, intenta ver la clase más de una vez para ir aprendiendo más detalles
no quisieras hacer un vídeo de coerción?
Totalmente si
no le entendi nada la verdad
hubieras dictado el curso de javascript en platzi
😅 algún día se dará seguramente
Vengo del futuro, el micro esta al revés jejej :V
Tengo todo un vídeo hablando de esto 😂
Jajajaja "de tipo oblígame, perro"
busque cobre y encontre oro
21:31 ... para que me servira esto? Decilo! No te hagas el misterioso! Explica!!!
jajajajaj pero si te digo después
@@LeonidasEsteban Jajaja ese es mi nivel de paciencia
"pokemon encontrado" porfavor dejen de usar el ejmplo de pokemones de mierda, no a todos les gusta zzzz ylo peor que no entiendo nada cuando hablan de pokemones dislike :)
Excelente video