No es justo, que estas explicaciones no lleguen a más personas. Deberías tener más público, porque explicas increíblemente genial y todas las animaciones hacen que realmente se entienda el tema
He visto muchos videos sobre angular y observables, pero eres por mucho el que mejor lo ha explicado, felicitaciones me ha ayudado muchisimos tus videos.
Este es el mejor vídeo sobre Observables, ya se ingles o de habla hispana, que grande es usted. Por cierto, le agradecería que me dijera que usa para editar sus vídeos, en la parte teórica me gusto mucho como hace las transiciones.
Diossss qué video tan bueno, llevo tiempo trabajando con Angular y es la primera vez que entiendo realmente qué es lo que hago cada que uso un observable Te ganaste un like poderosísimo
La verdad es que explicas de lujo! Ojala cuente con un curso pago, donde podamos retriubirle, la dedicacion, los ejemplos, mucho mejor que cursos que he pagado. Sinceramente gracias!
Este es el mejor video de observables que vi en mi vida, me encanta como explicas de forma clara, concisa y simple los temas. Encontré tu canal hace unos días y ya me vi casi todos los videos, esperando con ansias los próximos! Excelente trabajo y muchísimas gracias por compartir!!
Me ha venido muy bien estos videos, pues trabajar con Angular y entenderlo como aquí se muestra son dos cosas diferentes, ojalá sigan haciendo más vídeos de Angular. Gracias
llevo mucho tiempo ocupando los observables sin entender que son, y de igual manera mucho tiempo leyendo y viendo videos sin entender al cien lo que eran, pero con tu video me quedo super claro todo, muchas gracias
El contenido de tú canal es extremadamente bueno, muy claro y conciso. !!! Nunca habia visto una explicación sobre Observables tan buena. Eres un crack !! Gracias por tus videos. !!!
Excelente explicacion, nunca habia visto tutoriales de este canal, inclusive dude si el canal era original o si el video habia sido sacado de algun otro curso, excelente explicaciones, tienes un nuevo seguidor, que buen trabajo haces!!!
Muchas gracias una vez más Fernando. Lo del curso no eres el primero que me lo dice y en algún momento terminaré haciéndolo. El problema que crear un curso completo requiere de mucho tiempo, tiempo del que por suerte o desgracia ahora mismo no dispongo. Pero está en mi lista de futuribles. un saludo 😉
@@akotech me imagino lo mucho que ha de demandar realizar un curso completo. Igual, tus videos tienen demasiada calidad y me faltan palabras para agradecerte. Éxitos! 💪🏼
Yo pensaba que controlaba algo de Angular, pero viendo este vídeo de Observables, veo que no, que aún me queda mucho camino. Excelente explicación. Lo que más me ha llamado la atención es que la aplicación ya funcionaba bien como estaba, pero cambiándola a "reactiva" con los observables, ha mejorado en rendimiento. ¿Se debería tender, entonces, a trabajar así, en búsqueda del mejor rendimiento? Porque con la sintaxis tradicional, todo se entiende más fácil y cualquiera puede tocar el código, pero con la sintaxis de observables, si metes a un novato al proyecto ya comenzado, no se va a enterar de nada.
Es cierto que los observables pueden tener una curva de aprendizaje inicial pronunciada, pero una vez pasada esa primera etapa inicial, te permiten crear un código más fácil de entender y mantener (se que si recién estás empezando con ellos te parecerá imposible, pero a mi también me lo pareció en su día). A partir de ahí, la decisión de usarlos o no depende totalmente del contexto del proyecto y, como bien dices, de la gente que vaya a trabajar en el. Al final es algo que tendrás que valorar tu personalmente. De todas formas si estás trabajando con La v16 o posterior de Angular, tienes disponibles las señales, que te permiten manejar el estado local de la aplicación también de manera reactiva de una manera mucho más intuitiva que los observables y con los mismos beneficios en términos de rendimiento. (angular.io/guide/signals) un saludo y gracias por tu comentario😉
que genial, lo entendi mejor que el curso que lleve en udemy(no explica de forma correcta lo que es un observable, y en que se diferencia en suscribe y pipe )
Genial explicacion de los observables. Si recargas la pagina desde el navegador, se pierde el authService.loggedIn$, entonces no se sabría si tiene que mostrar el navbar con las herramientas o no. Cual es la mejor solución para guardar esa info?
La opción más sencilla es usar el localStorage del navegador para guardar el token y al volver a cargar la página recuperarlo de ahí. También puedes hacer uso de las cookies para implementar una solución que obtenga automáticamente un token al iniciar, pero es algo más compleja de explicar por aquí. En google seguramente puedas encontrar una explicación más detallada de ambas soluciones, con sus ventajas y riesgos. un saludo 😉
Excelente video. Solo tengo una duda por favor, hay alguna diferencia en inicializar el id$ (el observable) directamente en la declaración, en el constructor o en el ngOnInit?, cuál es lo recomendable?, por lo general yo aprendí de otros videos a hacerlo todo en el ngOnInit, gracias de antemano.
Iniciarlo directamente en la propiedad o en el constructor al compilar resulta en el mismo código. Y ngOnInit solo es necesario usarlo si el observable depende del valor de algún @Input, ya que sino no está garantizado que ese input este inicializado. Dicho esto, no hay una convención propiamente dicha, ni tampoco hay una diferencia enorme entre usar la primera o segunda opción. Así que puedes usar la que más rabia te dé. Yo normalmente uso la inicialización directa porque me resulta más cómoda de leer, pero es 100% preferencia personal. un saludo y gracias por tu comentario
Cuando utilizaste el operador tap y en él incluiste la logica de product === null && this.router... tuve que volver a leer el operador AND jaja hasta ahora me entero que al evaluar una condición AND y en el caso de que ambos sean verdaderos devuelve el valor del segundo operando. Aveces estas cosas pasan desapercibidas mientras programamos.
En este caso no está devolviendo el valor de la segunda, lo que ocurre es que al usar el AND como para que sea true ambas condiciones tienen que ser true, si la primera devuelve false, la segunda directamente ya no la evalúa. Por lo que en este caso esa parte del código es equivalente a: if(product === null) { this.router.navigate(['catalog']); } un saludo
Lo pongo porque con el modo estricto de Typescript, cuando declaras una propiedad en una clase, tienes dos opciones: 1.- o la inicializas en la propia declaración o en el constructor 2.- o tienes que declararla como posible undefined. En este caso como no va a ser undefined, sino que simplemente he movido la inicialización al ngOnInit, el _non-null assertion operator_ ( ! ), me permite de algún modo decirle a TS eso, que tranquilo, que esa propiedad si se esta inicializando, aunque en otro lado, y por tanto no va a ser nunca undefined. un saludo
This channel is aimed at the Spanish speaking community, so it'd be weird to make the videos in English 🙂. I don't rule out the possibility of making a secondary channel with an English version of the videos but right now i don't have the time for it. cheers.
No es justo, que estas explicaciones no lleguen a más personas. Deberías tener más público, porque explicas increíblemente genial y todas las animaciones hacen que realmente se entienda el tema
Muchas gracias por tus palabras Cristian! 😁
Totalmente de acuerdo bro 🙏🏼🔥
Lo acabo de ver y me hizo entender algo que venia hace meses tratando de entender, tenes toda la razon
He visto muchos videos sobre angular y observables, pero eres por mucho el que mejor lo ha explicado, felicitaciones me ha ayudado muchisimos tus videos.
Un placer haberte ayudado Pedro.
un saludo y gracias por tu comentario
Este es el mejor vídeo sobre Observables, ya se ingles o de habla hispana, que grande es usted.
Por cierto, le agradecería que me dijera que usa para editar sus vídeos, en la parte teórica me gusto mucho como hace las transiciones.
Muchísimas gracias! 😊
Los clips de la parte teórica los hago en After Effects.
un saludo
@@akotech Pfff eso responde el porque de la altísima calidad de sus vídeos.
Diossss qué video tan bueno, llevo tiempo trabajando con Angular y es la primera vez que entiendo realmente qué es lo que hago cada que uso un observable
Te ganaste un like poderosísimo
Un placer haberte podido ayudar 😊
un saludo y gracias por tu comentario.
Una de las mejores explicaciones de Observables que he visto.
Gracias!
Me quito el sombrero. Mira que he visto videos, y no he aprendido tanto como en este!! Un abrazo Crack!!
Otro para ti y gracias por tus palabras 😊
La verdad es que explicas de lujo! Ojala cuente con un curso pago, donde podamos retriubirle, la dedicacion, los ejemplos, mucho mejor que cursos que he pagado. Sinceramente gracias!
Joe... muchísimas gracias por tus palabras Mayra 😊
un saludo
Estuve como 4 días intentando entender al respecto, pero este video es lo mejor que he visto, agradecido, eres muy bueno explicando
Muchas gracias por tus palabras! Un placer haberte podido ayudar.
un saludo
Me están ayudando mucho estos videos para entender de manera correcta todo el potencial de Angular, muchas gracias, sigue subiendo videos.
Gracias a ti por tus palabras. Y tranquilo que aquí seguiremos.
un saludo 😉
Tus explicaciones y la forma en que lo haces son geniales, muchas gracias por compartir la informacion.
Muchas gracias a ti por tus palabras!
Un saludo
El mejor video de observables que he visto. Gracias!
Este es el mejor video de observables que vi en mi vida, me encanta como explicas de forma clara, concisa y simple los temas. Encontré tu canal hace unos días y ya me vi casi todos los videos, esperando con ansias los próximos!
Excelente trabajo y muchísimas gracias por compartir!!
Así es. De los mejores canales de Angular
Este video es nivel DIOS, es lo mejor de lo mejor que he visto en didactica para fijar conocimientos. Definitivamente genial en calidad.
No creo que sea para tanto... 😅
pero muchísimas gracias por tus palabras Carlos!
un saludo
Es excelente como explicas. Gracias por compartir tu conocimiento ❤
Muchas gracias Gustavo.
un saludo 😉
Me ha venido muy bien estos videos, pues trabajar con Angular y entenderlo como aquí se muestra son dos cosas diferentes, ojalá sigan haciendo más vídeos de Angular. Gracias
Un placer haberte podido ayudar y tranquilo que seguiremos haciendo más videos de Angular.
Un saludo y muchas gracias por tu comentario.
llevo mucho tiempo ocupando los observables sin entender que son, y de igual manera mucho tiempo leyendo y viendo videos sin entender al cien lo que eran, pero con tu video me quedo super claro todo, muchas gracias
Muchas gracias por tu feedback 🙂.
un saludo
Sólo me queda decir gracias Bro.
El contenido de tú canal es extremadamente bueno, muy claro y conciso. !!! Nunca habia visto una explicación sobre Observables tan buena. Eres un crack !! Gracias por tus videos. !!!
Muchísimas gracias por tus palabras Pedro! 😊
un saludo
Excelente explicacion, nunca habia visto tutoriales de este canal, inclusive dude si el canal era original o si el video habia sido sacado de algun otro curso, excelente explicaciones, tienes un nuevo seguidor, que buen trabajo haces!!!
Muchísimas gracias por tus palabras Juan! 😊
un saludo
Muy bueno! Gracias por compartir
Está genial. Gracias por compartirlo👏
Gracias Bruno por tu comentario!
un saludo
Que contenido de calidad, muchas gracias.
Gracias a ti por tus palabras! 😊
un saludo
Que explicación tan chingona 👍
Gracias 😁
wow, simplemente genial, te ganaste un subscriptor mas!
Muchas gracias y bienvenido! 😊
Este vídeo vale oro!
Exacto
No me puedo imaginar lo que sería un curso completo en udemy, por ejemplo, hecho por akotech.
Excelentes videos TODOS!
Muchas gracias una vez más Fernando.
Lo del curso no eres el primero que me lo dice y en algún momento terminaré haciéndolo. El problema que crear un curso completo requiere de mucho tiempo, tiempo del que por suerte o desgracia ahora mismo no dispongo. Pero está en mi lista de futuribles.
un saludo 😉
@@akotech me imagino lo mucho que ha de demandar realizar un curso completo.
Igual, tus videos tienen demasiada calidad y me faltan palabras para agradecerte.
Éxitos! 💪🏼
Hermoso Video bro!
Yo pensaba que controlaba algo de Angular, pero viendo este vídeo de Observables, veo que no, que aún me queda mucho camino.
Excelente explicación. Lo que más me ha llamado la atención es que la aplicación ya funcionaba bien como estaba, pero cambiándola a "reactiva" con los observables, ha mejorado en rendimiento.
¿Se debería tender, entonces, a trabajar así, en búsqueda del mejor rendimiento? Porque con la sintaxis tradicional, todo se entiende más fácil y cualquiera puede tocar el código, pero con la sintaxis de observables, si metes a un novato al proyecto ya comenzado, no se va a enterar de nada.
Es cierto que los observables pueden tener una curva de aprendizaje inicial pronunciada, pero una vez pasada esa primera etapa inicial, te permiten crear un código más fácil de entender y mantener (se que si recién estás empezando con ellos te parecerá imposible, pero a mi también me lo pareció en su día).
A partir de ahí, la decisión de usarlos o no depende totalmente del contexto del proyecto y, como bien dices, de la gente que vaya a trabajar en el. Al final es algo que tendrás que valorar tu personalmente.
De todas formas si estás trabajando con La v16 o posterior de Angular, tienes disponibles las señales, que te permiten manejar el estado local de la aplicación también de manera reactiva de una manera mucho más intuitiva que los observables y con los mismos beneficios en términos de rendimiento. (angular.io/guide/signals)
un saludo y gracias por tu comentario😉
Excelente video. Muchas gracias. Ya me susbcribi.
Muchas gracias Rodrigo 😁
un saludo
Excelente contenido
Muchas gracias 😊!
Me vi el curso entero! Muy bueno! Gracias :)
Gracias por el video, bastante informativo! Subscriptor ganado!
Por fin encuentro el mejor video, crack!
gracias 😅.
Genial la explicación! Muchas gracias.
Me he suscrito inmediatamente! Excelente! Muy buena estructura y contenido y la explicación muy detallada 🌟🌟🌟🌟🌟
muy buena explicacion
Excelente gracias!
que genial, lo entendi mejor que el curso que lleve en udemy(no explica de forma correcta lo que es un observable, y en que se diferencia en suscribe y pipe )
Un placer haberte podido ayudar a entenderlo. 😊
un saludo y gracias por tu comentario.
Genial explicacion de los observables. Si recargas la pagina desde el navegador, se pierde el authService.loggedIn$, entonces no se sabría si tiene que mostrar el navbar con las herramientas o no. Cual es la mejor solución para guardar esa info?
La opción más sencilla es usar el localStorage del navegador para guardar el token y al volver a cargar la página recuperarlo de ahí. También puedes hacer uso de las cookies para implementar una solución que obtenga automáticamente un token al iniciar, pero es algo más compleja de explicar por aquí. En google seguramente puedas encontrar una explicación más detallada de ambas soluciones, con sus ventajas y riesgos.
un saludo 😉
Excelente video. Solo tengo una duda por favor, hay alguna diferencia en inicializar el id$ (el observable) directamente en la declaración, en el constructor o en el ngOnInit?, cuál es lo recomendable?, por lo general yo aprendí de otros videos a hacerlo todo en el ngOnInit, gracias de antemano.
Iniciarlo directamente en la propiedad o en el constructor al compilar resulta en el mismo código.
Y ngOnInit solo es necesario usarlo si el observable depende del valor de algún @Input, ya que sino no está garantizado que ese input este inicializado.
Dicho esto, no hay una convención propiamente dicha, ni tampoco hay una diferencia enorme entre usar la primera o segunda opción. Así que puedes usar la que más rabia te dé. Yo normalmente uso la inicialización directa porque me resulta más cómoda de leer, pero es 100% preferencia personal.
un saludo y gracias por tu comentario
@@akotech Muchas gracias por tu respuesta
Cuando utilizaste el operador tap y en él incluiste la logica de product === null && this.router... tuve que volver a leer el operador AND jaja hasta ahora me entero que al evaluar una condición AND y en el caso de que ambos sean verdaderos devuelve el valor del segundo operando. Aveces estas cosas pasan desapercibidas mientras programamos.
En este caso no está devolviendo el valor de la segunda, lo que ocurre es que al usar el AND como para que sea true ambas condiciones tienen que ser true, si la primera devuelve false, la segunda directamente ya no la evalúa. Por lo que en este caso esa parte del código es equivalente a:
if(product === null) {
this.router.navigate(['catalog']);
}
un saludo
Por que colocas un signo de admiracion al final del estado en la linea 16 tiempo 11:12 [ isUserLoggedIn! ]
Lo pongo porque con el modo estricto de Typescript, cuando declaras una propiedad en una clase, tienes dos opciones: 1.- o la inicializas en la propia declaración o en el constructor
2.- o tienes que declararla como posible undefined.
En este caso como no va a ser undefined, sino que simplemente he movido la inicialización al ngOnInit, el _non-null assertion operator_ ( ! ), me permite de algún modo decirle a TS eso, que tranquilo, que esa propiedad si se esta inicializando, aunque en otro lado, y por tanto no va a ser nunca undefined.
un saludo
@@akotech Gracias por tan valiosa explicación. Me suscribo. Feliz día y que continúe tan buen canal.
Y solo es la introducción 😱
Why not english ?
This channel is aimed at the Spanish speaking community, so it'd be weird to make the videos in English 🙂. I don't rule out the possibility of making a secondary channel with an English version of the videos but right now i don't have the time for it. cheers.
@@akotech Ok. so I need to take time to learn Spanish first for your superior content !. :)
😂