muy buena tenia problemas para usar un servicio con API y me lo dejaste super claro y con mas de lo que necesitaba, me hubiera gustado que explicaras ciertas cositas de teoría entre el video pero estuvo super bien , me suscribo!!
Muchas gracias por el video, comencé a estudiar Angular hace 1 semana, mi nivel de español es básico y aun así logré integrar una API meteorológica principalmente gracias a tu ayuda. Gracias de nuevo, aprendí mucho mientras miraba el video 3 veces para conocer los detalles y solucionar los errores. Buenos estudios para todos.
excelente contenido, yo normalmente implemento estrategias de gestion de errores para que la aplicacion no deje de funcionar o al menos hacer todo lo que podamos, por un lado se puede seguir el replace strategy , el rethrow strategy y el retry strategy (reintentar n veces la llamada al servidor)
Claro! Tienes uno donde lo hago con Java + postgresql y Docker aquí: th-cam.com/video/uqBZEL9m2V4/w-d-xo.html también hay uno con nodejs + mongoDB, me anoto grabar uno con node, express y postgresql o mysql =)
¿Aún es necesario declarar la variable production: true en el environment? Creí que Angular ya optimizaba sin necesidad de la variable, y sin tener que usar --prod ... Y gracias! Excelente contenido!
Hola muy buen video. Tengo. una duda ¿Si quiero manejar errores customizados para cada o servicio, esto deberia ir en el servicio en lugar de un interceptor general? o ¿Se pueden crear interceptors a nivel de componente? Saludos.
Podrías validar cada caso en el service que corresponda y tener, por ejemplo, centralizado un sistema de notificaciones para el usuario para que no repitas errores comunes en componentes también =)
Gracias, muy bien explicado. En este ejercicio importamos el environment.development. Angular durante el proceso del build hace el reemplazo de ese archivo como indicamos en el angular.json, pero que pasa si importo de environment, me refiero a hay alguna diferecia? (hice la prueba y seguia funcionando, pero quiero saber mas a fondo si sabes que pasa, no sabria como buscar) Gracias
Al final los environments los pone angular para poder tener la configuración por entorno, pero si tienes una config para todo e importas directamente un environment en dev y prod con la misma configuración, servirá, no tendrás la separación, pero no evitará que funcione. Al final depende de ti y cómo organices los entornos y config de tu app =)
hola, gracias por el aporte; tengo una consulta como puedo evitar que el interceptor no capture cuando el status code sea un numero especifico, por ejemplo que intercete todos pero no el 400
Explore el canal no encontre o no vi si cuantas con algun video que enseñe el paso de hacer login usando httpclient en el angular 17 teniendo un backend que nos devuelve token en un post. Gracias!
@@jhonandersonperaltaochoa9833 gracias! Mas que duda era sobre querer escuchar la version de como interpreta este tema de esa conexión para login, token refresh, usar local storage y como lo explicaría, me gustan sus apuntes. Gracias por tú interés!
hola estimado, para cuando sea un post como seria un ejemplo, he replicaod usando lo expuesto en el tutorial pero no ejecuta, y si pongo el pipe y suscribe recien ejecuta la accion
El post tiene que ejecutarse con una acción directa llamando al servicio y, si retorna datos, solo se mostrarán al estar suscritos al observable, probablemente tengas algún error en la línea de acciones para ejecutarlo/suscribirte
Los interceptors interceptan las llamadas http para poder modificarlas de forma centralizada y agregar validaciones, headers, etc. Los guards añaden validaciones, lógica o lo que necesites al navegar por las rutas de tu aplicación, tienes un vídeo de guards aquí: th-cam.com/video/ODIw02GU9r0/w-d-xo.html
Tengo dudas sobre el tema de cachear las llamadas a la API para mejorar el rendimiento y evitar llamadas innecesarias. Como es el flujo de como sabe angular que esa data fue cambiada y volver a hacer la llamada. Un interceptor para el tema de la gestion de la cache tiene sentido? Que de dudas 😅
Puedes hacerlo con un interceptor y elegir qué llamadas deberían ser cacheadas y qué llamadas no y almacenar la data del response en un service o, incluso en el sessionStorage. Para controlar el refresh de la cache, puedes definir un tiempo de validez y validar que, pasado ese tiempo, se vuelva a hacer la llamada a la API y se actualice la cache, por eso se recomienda cachear aquello que sabes que no cambia o que cambia muy poco en el tiempo.
Debes de mostrar como se hace el paso a paso. porque hubieron componentes que creaste y no mostraste en el video y trata de poner nombres mas diferentes al momento de crear componentes, interfaces y servicios. Gracias
Gracias por el feedback, los componentes creados no fueron modificados, muestro el paso a paso y, de hecho, menciono cuáles componentes creé previamente con el CLI, si no muestro el código de alguno fue porque al final no lo usamos, de todos modos tienes también el repositorio con el código en la descripción del vídeo. Un saludo!
muy buena tenia problemas para usar un servicio con API y me lo dejaste super claro y con mas de lo que necesitaba, me hubiera gustado que explicaras ciertas cositas de teoría entre el video pero estuvo super bien , me suscribo!!
Grandeeee, por ver si puedo hacer otro vídeo que complemente, qué parte teórica echas en falta? Un abrazo y que tengas buen código!!
Muchas gracias por el video, comencé a estudiar Angular hace 1 semana, mi nivel de español es básico y aun así logré integrar una API meteorológica principalmente gracias a tu ayuda. Gracias de nuevo, aprendí mucho mientras miraba el video 3 veces para conocer los detalles y solucionar los errores. Buenos estudios para todos.
Muchísimas gracias por tu comentario!!! Me alegra un montón saber que te ha sido útil el vídeo, un gran saludo y que tengas buen código!!
Que buena forma de resumir conceptos!
Muchas gracias por compartir tus conocimientos.
Muchas gracias a ti por comentar!! Un saludo y que tengas buen código!
buenísimoooo! gran video enhorabuena!
Muchas gracias!! Un saludo y que tengas buen código!!
Acabo de descubrir tu canal, excelente video, muchas gracias por las explicaciones!... Liked!, Subscribed!
Muchas graciaaaaas!! Me alegra que te haya sido útil, un saludo y que tengas buen código!!
Gracias por tus videos que son muy útil para mí. Explicas todo muy bien.
Mil gracias!!!
excelente, me ha ayudado mucho. Gracias (Desde Colombia)
Esoooo, me alegra un montón que te haya sido útil, un saludo y que tengas buen código!!
excelente contenido, yo normalmente implemento estrategias de gestion de errores para que la aplicacion no deje de funcionar o al menos hacer todo lo que podamos, por un lado se puede seguir el replace strategy
, el rethrow strategy
y el retry strategy (reintentar n veces la llamada al servidor)
Grandeeeee, gracias por el aporte, justo tengo planeado algún vídeo de operadores útiles de rxjs, me anoto agregar estos =)
muchas gracias, este tutorial es perfecto
Mil gracias!!
excelente video, se entiende muy bien el concepto
Grandeeee, me alegra un montón que te haya sido útil =)
Excelente video. Muchas gracias por estos vídeos.
Mil gracias a ti por comentar, me anima un montón a seguir grabando vídeos de estos temas, un saludo y que tengas buen código!!
Excelente, Messirve para la integracion de servicios que estoy haciendo actualmente! (aguante LOTR)
Esooooo!!
excelente video, muy bueno . Podrías hacer un video haciendo una conexión a una base de datos en mysql o postgresql.
Claro! Tienes uno donde lo hago con Java + postgresql y Docker aquí: th-cam.com/video/uqBZEL9m2V4/w-d-xo.html también hay uno con nodejs + mongoDB, me anoto grabar uno con node, express y postgresql o mysql =)
Buen video, como utilizarias interceptors con peticiones a una api Graphql?
Échale un ojo a este gist con un ejemplo de interceptor usando Apollo Angular gist.github.com/Supamiu/354030d8fc09b93437985cdefe88d345
Muy bueno el video, tambien seria interesante hacer los tests de rxjs, por ejemplo con jest, para ver como se harian.
Me anoto una serie de testing para cubrir servicios y componentes =)
¿Aún es necesario declarar la variable production: true en el environment? Creí que Angular ya optimizaba sin necesidad de la variable, y sin tener que usar --prod ... Y gracias! Excelente contenido!
Si, a partir de la v17 por defecto hace el build para prod y puedes tener otras configuraciones custom si lo necesitas, por ejemplo, para dev =)
Genial Video!
Mil gracias!!
Genial! muy claro
Mil gracias!!
Hola, buen video, qué extensión de estilos usas en vscode? está muy bueno
Si te refieres al tema, se llama Palenight =)
excelente
Mil gracias! Un saludo y que tengas buen código!!
Cuál tipografía y tema de VSCode es el que utilizas?
La fuente es comic mono y el tema Palenight =)
excelente muchas gracias, podrias hacer un ejemplo de esto mismo, usando signals?
Si! Pronto se vienen vídeos con temas de signals =)
Hola muy buen video. Tengo. una duda ¿Si quiero manejar errores customizados para cada o servicio, esto deberia ir en el servicio en lugar de un interceptor general? o ¿Se pueden crear interceptors a nivel de componente?
Saludos.
Podrías validar cada caso en el service que corresponda y tener, por ejemplo, centralizado un sistema de notificaciones para el usuario para que no repitas errores comunes en componentes también =)
@@programacion-es Muchas gracias. Saludos.
Gracias, muy bien explicado.
En este ejercicio importamos el environment.development. Angular durante el proceso del build hace el reemplazo de ese archivo como indicamos en el angular.json, pero que pasa si importo de environment, me refiero a hay alguna diferecia? (hice la prueba y seguia funcionando, pero quiero saber mas a fondo si sabes que pasa, no sabria como buscar)
Gracias
Al final los environments los pone angular para poder tener la configuración por entorno, pero si tienes una config para todo e importas directamente un environment en dev y prod con la misma configuración, servirá, no tendrás la separación, pero no evitará que funcione. Al final depende de ti y cómo organices los entornos y config de tu app =)
hola, gracias por el aporte; tengo una consulta como puedo evitar que el interceptor no capture cuando el status code sea un numero especifico, por ejemplo que intercete todos pero no el 400
Podrías validar si el estatus code es 400 y dejar pasar sin modificar nada en el interceptor, no sé si es a eso a lo que te refieres
Explore el canal no encontre o no vi si cuantas con algun video que enseñe el paso de hacer login usando httpclient en el angular 17 teniendo un backend que nos devuelve token en un post. Gracias!
que dificultad tienes?
Me lo anoto para grabarlo =)
@@jhonandersonperaltaochoa9833 gracias! Mas que duda era sobre querer escuchar la version de como interpreta este tema de esa conexión para login, token refresh, usar local storage y como lo explicaría, me gustan sus apuntes. Gracias por tú interés!
no me he enterado de nada, pero gracias por el aporte
Poco a poco, tienes otros vídeos más introductorios a conceptos de Angular en el canal por si les quieres echar un ojo 😎🤘👨💻
hola estimado, para cuando sea un post como seria un ejemplo, he replicaod usando lo expuesto en el tutorial pero no ejecuta, y si pongo el pipe y suscribe recien ejecuta la accion
El post tiene que ejecutarse con una acción directa llamando al servicio y, si retorna datos, solo se mostrarán al estar suscritos al observable, probablemente tengas algún error en la línea de acciones para ejecutarlo/suscribirte
🤣🤣 juraba que era Leifer Mendez
Qué diferencia hay entre los interceptors y los guards?
Los interceptors interceptan las llamadas http para poder modificarlas de forma centralizada y agregar validaciones, headers, etc. Los guards añaden validaciones, lógica o lo que necesites al navegar por las rutas de tu aplicación, tienes un vídeo de guards aquí: th-cam.com/video/ODIw02GU9r0/w-d-xo.html
Tengo dudas sobre el tema de cachear las llamadas a la API para mejorar el rendimiento y evitar llamadas innecesarias. Como es el flujo de como sabe angular que esa data fue cambiada y volver a hacer la llamada. Un interceptor para el tema de la gestion de la cache tiene sentido? Que de dudas 😅
Puedes hacerlo con un interceptor y elegir qué llamadas deberían ser cacheadas y qué llamadas no y almacenar la data del response en un service o, incluso en el sessionStorage. Para controlar el refresh de la cache, puedes definir un tiempo de validez y validar que, pasado ese tiempo, se vuelva a hacer la llamada a la API y se actualice la cache, por eso se recomienda cachear aquello que sabes que no cambia o que cambia muy poco en el tiempo.
@@programacion-es gracias!! Donde puedo aprender más sobre este tema y que estrategias seguir para esos casos?
jejeje en mi caso pase de angular 15 a 17 y wou gran cambio ee...
Por favor, puede hacer zoom al VSCode? Soy miope 😢
También tienes el código en el repositorio, el enlace en la descripción del vídeo =)
Debes de mostrar como se hace el paso a paso. porque hubieron componentes que creaste y no mostraste en el video y trata de poner nombres mas diferentes al momento de crear componentes, interfaces y servicios. Gracias
Gracias por el feedback, los componentes creados no fueron modificados, muestro el paso a paso y, de hecho, menciono cuáles componentes creé previamente con el CLI, si no muestro el código de alguno fue porque al final no lo usamos, de todos modos tienes también el repositorio con el código en la descripción del vídeo. Un saludo!
Como hace para tener esa tipografia en Visual Code?
Aquí te muestro cómo: th-cam.com/users/shortsfbVuf69bjdA?feature=share
@@programacion-es gracias maestro!
Consulta, sirve para angular 16? Tengo que resolver algo urgente😭
Si, el flujo es el mismo =)
@@programacion-es gracias
vengo de react y usaba Axios, quede asi O.o