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 ?
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
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!
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....
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: ua-cam.com/video/NWt6-iYJJnA/v-deo.html
Cronológicamente está ua-cam.com/video/5M3HYc8PoVw/v-deo.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
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.
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
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
"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 👌
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!!
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!
Amigo que buen video , gracias por tus enseñanzas
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
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 extension permite resaltar la linea donde estas posicionado? 👌
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
Debo ver este video varias veces para el consumo de API y uso de this ^^
Excelente como siempre mi amigo!!! Sigue así, muchos éxitos!!!
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: ua-cam.com/video/NWt6-iYJJnA/v-deo.html
Leónidas cual es el tema que estas usando en vscode?
Considerarías hacer unas explicaciones de código tipo Hackerrank
Recomiendas algún video en especial?
node es como el uso esctrito de javascript por eso no reconoce el objeto global?
Sip
Me quedó clarísimo!!
antes de este video cual es ? buenas noches profesor
Cronológicamente está ua-cam.com/video/5M3HYc8PoVw/v-deo.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
This is a great class about *this* in another context.
Excelente explicación 👏👏👏
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.
¿por qué le antepones a tus variables el signo de dolar ($)?, ¿si se puede?
De pendejo por que asi se le antoja XD
Gracias profe
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
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
Gran profesor Leonidas 🙌
Buen video!
Muchas gracias, perdón el audio
this se refiere al objeto que estas manipulando en el scope actual...
ecaxto
30minutos de video para una respuesta tan simple, gracias.
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
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
no quisieras hacer un vídeo de coerción?
Totalmente si
que crack con js
Excelente vídeo
yo halze mi mano para darte el poder de la jenquidama
jajajaja sentí la energía!!!
hubieras dictado el curso de javascript en platzi
😅 algún día se dará seguramente
ERES UN MASTER
buenisimo!!!
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
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"
no le entendi nada la verdad
busque cobre y encontre oro
"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