Fernando es un demente cuando se trata de Angular, por eso tengo varios cursos comprados en Udemy. Excelente maestro. Por cierto ya he ganado unos cuantos miles de dólares gracias a él.
Mi hermano excelente su explicación, además sabe dar en el punto que tenemos mas dificultad los que estamos empezando en el mundo de la programación y queremos hacer las cosas bien. Felicitaciones y que Dios te siga bendiciendo con ese don.
Uyyy fernando otro curso de angular espero que sea mas avanzado danos la primisia de que llevara porque al no mas salir lo compro soy fiel a tus cursos Saludos,
Gracias Fernando. Bastante util, ya tengo varios cursos tuyos de angular y otros jeje, en lo particular me sirvio mucho de repaso ahorita que estoy en stand by o en dias sabaticos como programador jaja mientras me sigo preparando para nuevo proyecto de desarrollo. Saludos ;)
Fernando!!! Clarísimo todo!!! Estoy haciendo tu curso de angular de 0 a experto en Udemy (impecable) y me sirvió para reforzar el tema de los módulo, rutas y lazy. ¿Para cuando un curso tuyo de algoritmos?... hay un montón pero es bastante complejo el tema y un curso de esto explicado por ti sería genial!!!! Estan de moda estos cursos porque para aplicar en empresas grandes (MS, GG, AMS, FB, etc) te toman examen de algoritmos. Un abrazo de Argentina.
Para mí es la mejor manera de cargar módulos, y si se hace una buena estructura por módulos queda excelente, creo que escuché esta frase de uno de los desarrolladores de angular, decía que el usuario debería esperar por lo que quiere obtener
Master, hay un problema con el flex layout ya que fue descontinuado, en el curso de Angular en la sección de Angular con Material, sería bueno una actualización también para abarcar Angular 15, ha introducido componentes independientes, un diferente sistema de rutas y tipado de formularios como temas principales entre otros. Espero sirva mi retroalimentación, saludos profe y feliz año.
Es una lástima que desde cuba no pueda adquirir tus cursos. Pero eso no me detiene y no me pierdo un video tuyo en UA-cam el de cuanto cobrar como desarrollador es el que más he reproducido
Una pregunta supongamos que tenemos un SharedModule donde se exportan todos los módulos de PrimeNG y Angular Material para no tener que importarlos en cada modulo de cada pantalla de la app, si estamos trabajando con LazyLoad ¿Cada vez que se cambia de Module/Route va a volver a descargar todo ese SharedModule en el navegador en cada pantalla que el usuario va navegando o solo se descarga la primera vez y ya después ya no los descarga o simplemente va descargando los modules del SharedModule que se van ocupando? espero haberme entendido con mi pregunta, es que me preocupa el performance de mi app, e hice lo anteriormente descrito
Hola fernando , muy bueno tu tutorial , he realizado mi sito con ionic y el angular routing pero no funciona cuando lo paso a un servidor productivo usando "ionic build --prod", alguna idea de por que sucede esto? Gracias
Hola Fernando, con esta configuración como puedo usar un service en varios módulos? yo tengo auth en un modulo y mi header que es global en otro y quiero acceder al auth service para obtener los datos del usuario, correo y nombre.
Estoy por compar el curso de angular, me recomiendan hacerlo, o esperar a que salga el nuevo. Por otro lado quisiera saber si ya hay fecha de lanzamiento. Excelentes videos, muchísimas gracias.
Muy bueno! me sirvió para entender el ruteo entre módulos, de todas formas algo me quedó muy claro, por defecto carga de forma perezosa? o en qué momento configuraste eso?
Hola Fernando, estaría bueno el video de como hacer una app con diferentes templates, me toco hacer eso, la parte publica con un template y la parte de los mantenimientos con otro template y me costo mucho solucionarlo, me gustaría ver tu solución que seguro es mas eficiente.
Hola @Fernando Herrera. Hice tu curso de Angular avanzado y tengo dos dudas con este video: 1) Por qué en los modulos (por ejemplo en el AuthModule) no se exportan sus componentes? Es decir, como va a tener acceso el AppModule a esos componentes si no son accesibles fuera del AuthModule. 2) Por qué no utilizas aquí lo de poner un pages para poner todas las rutas protegidas? Es mejor hacerlo con pages o como indicas en este video? Muchas gracias de antemano.
Yo intento todo lo que mencionas, y en cierto modo las rutas sirven, y tienen un comportamiento igual al de tu video, pero en el network no veo el modulo en el que ando manejando el routing... No sé si estara funcionando.
Hola Fernando, cuales cursos es que le sigue a "ANGULAR: DE CERO A EXPERTO CREANDO APLICACIONES" y "REACT: DE CERO A EXPERTO ( HOOKS Y MERN )" Seria como la ruta de estudio.
No intententes abarcar todo en uno, elige uno (angular, react, o el q sea) dominalo crea proyectos simples, avanzados y luego si aun quieres muévete a otro
hola, a veri si alguien me puede ayudar, he creado la carpeta auth y dentro la carpeta pages y components, despues he creado los componentes register, login y forgotten dentro de pages y components, con la idea de hacer por ejemplo el formulario login dentro del components/login y despues utilizarlo en pages/login.html y y darle estilos css a la pagina de login, osea que tendria las paginas que hacen uso de la carpeta components y asi formo la pagina completa, estoy en lo cierto o lo estoy haciendo mal ? gracias
Hola Fernando, una consulta, si necesito q un componente de mi pagina se actualice solo constantemente para verificar un cambio de estado de mi base de datos... cuál sería la ruta q tendría q seguir?
Buenas soy alumno tuyo de udemy - consulta, necesito implementar IntersectionObserver API en agunlar, no me da error pero tampoco lo ejecuta, quiero que cuando scrollee y baje recien ahi se anime. Tenes un video sobre esto?
Fernando Herrera, gusto en saludarte feliz año. Fernando tengo una duda, actualmente estoy realizando un proyecto laboratorio en donde estoy usando ngrx, nose si se puede combinar el lazt loading con ngrx y si es obligatorio cuando usamos el ngrx el uso de ngrx-routing. Muchas gracias por el aporte saludo desde Venezuela.
hola es confusa tu pregunta pero si podría confirmar que puedes usar ngrx e implementar lazy laoading porque mis proyectos lo tengo así y no es obligatorio ngrx-routing
@@joseramon2889 Muchas gracias por responder. Si, hago la pregunta porque en la documentación habla de ngrx-routing. Por eso preguntaba si era obligatorio el uso de ngrx-routing o lo puedo combinar con routing-module. Claro aqui estoy midiendo la factibilidad (tiempo de desarrollos, ejecución del aplicativo, perfomance, etc)
@@wsanchez0915 lo puedes combinar sin problema. Que tiempo llevas como desarrollador en angular? Lo digo porque busco desarrollador en angular de Venezuela
Excelente explicación muchas . Pero yo estoy teniendo un problema cuando ya decido compilar para producción, recibo el siguiente error ( ERROR Error: Uncaught (in promise): ChunkLoadError: Loading chunk 186 failed). Pd. En modo prueba funciona todo correcto. Necesito su ayuda por favor. Muchas Gracias !!
brother . no estaria mal lo que haces a la hora de modularizar? ya que nuevo, editar,eliminar no serian rutas hijas de listado? . porque al cargar la lista hay botones de nuevo, editra ,y eliminar.
Hola Fernando, gracias por el video. podrías decirme si en este sistema de rutas esta funcionado el lazy load? Cuando esté en la raiz y cargue el ContentComponent se va a llamar a todos los demás módulos o no? Saludos desde Perú. const routes: Routes = [ { path: '', component: ContentComponent, children: [ { path: 'currencies', loadChildren: () => import('./pages/currencies/currencies.module').then(m => m.CurrenciesModule) }, { path: 'cash-registers', loadChildren: () => import('./pages/cash-registers/cash-registers.module').then(m => m.CashRegistersModule) }, { path: 'cash-register-movements', loadChildren: () => import('./pages/cash-register-movements/cash-register-movements.module').then(m => m.CashRegisterMovementsModule) }, ] }, { path: 'user', loadChildren: () => import('./pages/user/user.module').then(m => m.UserModule) }, ];
Muy buenas, Estaba probando a cargar el modulo perezosamente con path: '**' ya que con diferentes rutas quiero ir al mismo modulo. El problema es que al definir mis rutas hijas, en el routing del modulo tengo dos rutas path:' ' y un path:': id' . asi pues si voy a /usuario y quiero editarla intento navegar con un [routerlink]='/usuario/35' , pero no me funciona me carga siempre el path: ' ' La cuestion de el porque hago esto es simplemente para que si yo doy a usuarios en la url me ponga /usuarios y si voy a libros me ponga en la url del navegador /libros y no el nombre del modulo /moduloGenerico Supongo que se podría sustituir la carga perezosa del path:'**' a cada una de ellas pero supon que así no me interese... ¿Se me escapa algo o estoy haciendo una barbaridad?
@@fernando_her85 si , si creo que no me he explicado. la tengo la ultima y me entra con rutas no definidas como /usuario y /libros por tanto me entra bien al lazy load pero de ahí al hijo (un component) no sabe resolverlo cuando el padre es ** Otra opción seria poder montar la constante Routes dinamicamente con ayuda de alguna funcion lo he intentado con el router.resetConfig pero yo no he sido capaz
Excelente método de enseñanza, gracias por tus conocimientos y explicación sencilla
Fernando es un demente cuando se trata de Angular, por eso tengo varios cursos comprados en Udemy. Excelente maestro. Por cierto ya he ganado unos cuantos miles de dólares gracias a él.
Justo ayer buscaba un tutorial así, y como siempre, de manera oportuna, nos los ofreces gratis. Gracias Fernando, un feliz año nuevo.
Gracias a ti alfin entendi esto, se me hacia muchas bolas con la docu, ¡AGRADECIDO CONTIGO AL MIL!
.
excelente estructura para trabajar mas ordenado y limpio
Me encantan tus contenidos... imposible no entenderte. Gracias por compartir tus conocimientos. Bendiciones desde Buenaventura - Colombia
Buenisima explicación, valioso contenido el que haces. Muchs gracias.
Es realmente increible la pedagogía que tenés. Excelente manera de enseñar. Gracias.
Realicé un curso de angular tuyo en Udemy y me encanto, aprendí una barbaridad. Excelente comunicador Fernando, gracias!!
que buena explicación, no una y dos veces, sino 3 veces, por si uno no capta a la primera!! genial!!!
Gracias fernando por compartir tus conocimientos a la comunidad 👍
Gracias Fernando por tus videos, apoyando siempre a la comunidad, Felcidades espero comprar un curso más adelante un curso avanzado de angular.
Muchas Gracias, super práctico, pero muy importante también nos hace ver la razón de las cosas, excelente.
Por fin Fernando Herrera te encontré 🙂 explicas expectacular
Muchas gracias profesor, llevaba horas tratando de entender un proyecto que usaba LazyLoad. De aquí me voy directo a comprar su curso de angular
Dale que Fernando Herrera es excelente.
Excelente explicación, me gusta mucho esta forma de cargar módulos, mejora mucho el performance.
Mi hermano excelente su explicación, además sabe dar en el punto que tenemos mas dificultad los que estamos empezando en el mundo de la programación y queremos hacer las cosas bien. Felicitaciones y que Dios te siga bendiciendo con ese don.
por fin una explicación de los módulos coherente, gracias
Necesitaba esto!!!!!!!! Muchas gracias como siempre fernando!!
jajajajaja que despedida!! gracias querido profe, información demasiada útil!!
Uyyy fernando otro curso de angular espero que sea mas avanzado danos la primisia de que llevara porque al no mas salir lo compro soy fiel a tus cursos
Saludos,
Muchas gracias Fernando, es una garantía de aprender contigo
@Fernando Herrera !! crack!! de cracks!!! Justo lo que necesitaba!!!
Muchas gracias profesor, de esta manera queda todo muy organizado.
excelente no sabia como organizar los proyectos ya que soy nuevo en esto
la mejor explicación del mejor de Udemy, espero un curso tuyo de react native, ojalá lo sacaras pronto
Demasiado claro el tema... muchas gracias
Uno de los mejores profesores del mundoo.. Feliz año nuevo..
No podría ser mejor explicado, acabas de hacerme el día, gracias
Excelente, se agradece el contenido
Gracias Fernando el video justo que estaba buscando. muy bien explicado :).
Este video es dinamita pura !!
Gracias Fernando. Bastante util, ya tengo varios cursos tuyos de angular y otros jeje, en lo particular me sirvio mucho de repaso ahorita que estoy en stand by o en dias sabaticos como programador jaja mientras me sigo preparando para nuevo proyecto de desarrollo. Saludos ;)
Fernando!!! Clarísimo todo!!! Estoy haciendo tu curso de angular de 0 a experto en Udemy (impecable) y me sirvió para reforzar el tema de los módulo, rutas y lazy. ¿Para cuando un curso tuyo de algoritmos?... hay un montón pero es bastante complejo el tema y un curso de esto explicado por ti sería genial!!!! Estan de moda estos cursos porque para aplicar en empresas grandes (MS, GG, AMS, FB, etc) te toman examen de algoritmos. Un abrazo de Argentina.
Para mí es la mejor manera de cargar módulos, y si se hace una buena estructura por módulos queda excelente, creo que escuché esta frase de uno de los desarrolladores de angular, decía que el usuario debería esperar por lo que quiere obtener
Excelente explicación sobre carga perezosa
Muchas gracias buen video profe Fernando!!!
Master, hay un problema con el flex layout ya que fue descontinuado, en el curso de Angular en la sección de Angular con Material, sería bueno una actualización también para abarcar Angular 15, ha introducido componentes independientes, un diferente sistema de rutas y tipado de formularios como temas principales entre otros. Espero sirva mi retroalimentación, saludos profe y feliz año.
Muy bueno, super claro! Gracias
Como siempre muy excelentes explicaciones y cursos
Muy bueno Fernando! como siempre muy útiles tus videos!
Grandioso Tutorial bro! Brutal Sigue así!
Muchas Gracias Fer 😀😀👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽
Excelente explicación, muchísimas gracias.
Muchas gracias por la explicación crack!
Excelente Fer
Mejor explicado imposible!
Es una lástima que desde cuba no pueda adquirir tus cursos. Pero eso no me detiene y no me pierdo un video tuyo en UA-cam el de cuanto cobrar como desarrollador es el que más he reproducido
El mejor profesor!
Excelente, muy buena explicación. Saludos.
Muchas gracias, Excelente
Muchas gracias y felicidades, qué video tan ilustrativo :) entonces el lazy ya viene como default, la magia está en manejar todo como módulos, cierto?
excelente video Fernando
si no has estudiado un rato Angular puede que te hable en otro idioma, pero es lo mejor explicado que se puede
Una pregunta supongamos que tenemos un SharedModule donde se exportan todos los módulos de PrimeNG y Angular Material para no tener que importarlos en cada modulo de cada pantalla de la app, si estamos trabajando con LazyLoad ¿Cada vez que se cambia de Module/Route va a volver a descargar todo ese SharedModule en el navegador en cada pantalla que el usuario va navegando o solo se descarga la primera vez y ya después ya no los descarga o simplemente va descargando los modules del SharedModule que se van ocupando? espero haberme entendido con mi pregunta, es que me preocupa el performance de mi app, e hice lo anteriormente descrito
Excelente video.
buenas noches fernando podrias hacer un video del uso de intersectionObserver en angular y si funciona o no para dispositivos mobiles???
El routing de ionic ya viene por defecto con lazy loading por lo que veo no? muy buen video, gracias por tu dedicación
Excelente video Fernando, por favor me puedes indicar ¿Que tipo de font family estas utilizando para el vscode y de que manera instalarlo?. Gracias.
Bendito angel dios te bendiga :,v
Puedes hacer lazy loading the components por ejemplo en un tab? Sin necesidad de usar el router outlet.
Gran Maestro excelente video, Fernando tendrás algún curso de angular + net core + sqlserver
Saludos Fernando tengo todos tus cursos de udemy espero que puedas actualizar el de angular avanzado
muy bueno, justo lo q buacaba
gracias explicas bien
Nice example and video !
Muchas gracias!!
Hola fernando , muy bueno tu tutorial , he realizado mi sito con ionic y el angular routing pero no funciona cuando lo paso a un servidor productivo usando "ionic build --prod", alguna idea de por que sucede esto?
Gracias
¡Buen tutorial Fernando!
Hola y si quiero agregar shareds lo puedo meter adentro de cada modulo, osea una carpeta shared para cada modulo?
Hola Fernando, con esta configuración como puedo usar un service en varios módulos? yo tengo auth en un modulo y mi header que es global en otro y quiero acceder al auth service para obtener los datos del usuario, correo y nombre.
Excelente ejemplo.
Estoy por compar el curso de angular, me recomiendan hacerlo, o esperar a que salga el nuevo. Por otro lado quisiera saber si ya hay fecha de lanzamiento.
Excelentes videos, muchísimas gracias.
Gracias
Crack!
Les recomiendo su curso de angular sobre socket
Maestro un video asi usando React LazyLoad rutas para React
Muy bueno! me sirvió para entender el ruteo entre módulos, de todas formas algo me quedó muy claro, por defecto carga de forma perezosa? o en qué momento configuraste eso?
Está muy claro. Ahora tengo una pregunta. ¿Se pueden "lazy-load" componentes (pages)? O solo aplica para módulos completos.
Hola Fernando, estaría bueno el video de como hacer una app con diferentes templates, me toco hacer eso, la parte publica con un template y la parte de los mantenimientos con otro template y me costo mucho solucionarlo, me gustaría ver tu solución que seguro es mas eficiente.
Hola @Fernando Herrera. Hice tu curso de Angular avanzado y tengo dos dudas con este video:
1) Por qué en los modulos (por ejemplo en el AuthModule) no se exportan sus componentes? Es decir, como va a tener acceso el AppModule a esos componentes si no son accesibles fuera del AuthModule.
2) Por qué no utilizas aquí lo de poner un pages para poner todas las rutas protegidas? Es mejor hacerlo con pages o como indicas en este video?
Muchas gracias de antemano.
Yo intento todo lo que mencionas, y en cierto modo las rutas sirven, y tienen un comportamiento igual al de tu video, pero en el network no veo el modulo en el que ando manejando el routing... No sé si estara funcionando.
hola,te amo gracias
gracias crack
Hola Fernando, cuales cursos es que le sigue a "ANGULAR: DE CERO A EXPERTO CREANDO APLICACIONES" y "REACT: DE CERO A EXPERTO ( HOOKS Y MERN )"
Seria como la ruta de estudio.
No intententes abarcar todo en uno, elige uno (angular, react, o el q sea) dominalo crea proyectos simples, avanzados y luego si aun quieres muévete a otro
Q-U-E C-A-P-O!!!!
Buena master
hola, a veri si alguien me puede ayudar, he creado la carpeta auth y dentro la carpeta pages y components, despues he creado los componentes register, login y forgotten dentro de pages y components, con la idea de hacer por ejemplo el formulario login dentro del components/login y despues utilizarlo en pages/login.html y y darle estilos css a la pagina de login, osea que tendria las paginas que hacen uso de la carpeta components y asi formo la pagina completa, estoy en lo cierto o lo estoy haciendo mal ? gracias
Hola Fernando, una consulta, si necesito q un componente de mi pagina se actualice solo constantemente para verificar un cambio de estado de mi base de datos... cuál sería la ruta q tendría q seguir?
Pues si se puede implementar sockets, sería lo ideal, porque si haces un timer cada minuto o algo así, el 99% del tiempo no haría nada.
Buenas soy alumno tuyo de udemy - consulta, necesito implementar IntersectionObserver API en agunlar, no me da error pero tampoco lo ejecuta, quiero que cuando scrollee y baje recien ahi se anime. Tenes un video sobre esto?
Fernando Herrera, gusto en saludarte feliz año. Fernando tengo una duda, actualmente estoy realizando un proyecto laboratorio en donde estoy usando ngrx, nose si se puede combinar el lazt loading con ngrx y si es obligatorio cuando usamos el ngrx el uso de ngrx-routing. Muchas gracias por el aporte saludo desde Venezuela.
hola es confusa tu pregunta pero si podría confirmar que puedes usar ngrx e implementar lazy laoading porque mis proyectos lo tengo así y no es obligatorio ngrx-routing
@@joseramon2889 Muchas gracias por responder. Si, hago la pregunta porque en la documentación habla de ngrx-routing. Por eso preguntaba si era obligatorio el uso de ngrx-routing o lo puedo combinar con routing-module. Claro aqui estoy midiendo la factibilidad (tiempo de desarrollos, ejecución del aplicativo, perfomance, etc)
@@wsanchez0915 lo puedes combinar sin problema. Que tiempo llevas como desarrollador en angular? Lo digo porque busco desarrollador en angular de Venezuela
@@joseramon2889 Llevo año y medio desarrollando con Angular.
Buen video
Excelente explicación muchas . Pero yo estoy teniendo un problema cuando ya decido compilar para producción, recibo el siguiente error ( ERROR Error: Uncaught (in promise): ChunkLoadError: Loading chunk 186 failed). Pd. En modo prueba funciona todo correcto. Necesito su ayuda por favor. Muchas Gracias !!
Excelente Video
brother . no estaria mal lo que haces a la hora de modularizar? ya que nuevo, editar,eliminar no serian rutas hijas de listado? . porque al cargar la lista hay botones de nuevo, editra ,y eliminar.
Lo hace en base de ejemplo depende de nosotros el tipo de arquitectura escalable de nuestros proyectos
Esos componentes eran solo para el ejemplo
@@Unknown971 yo lo e trabajado tal cual lo explica el y siento que es mejor
¿Que opinas de hacer cada page como módulo para cargarla por medio del lazyload? para que sea mas liviano, ¿es válido?. Saludos desde Costa Rica.
Si es válido, puedes hacerlo así perfectamente.
Hola Fernando, gracias por el video. podrías decirme si en este sistema de rutas esta funcionado el lazy load? Cuando esté en la raiz y cargue el ContentComponent se va a llamar a todos los demás módulos o no?
Saludos desde Perú.
const routes: Routes = [
{
path: '',
component: ContentComponent,
children: [
{
path: 'currencies',
loadChildren: () => import('./pages/currencies/currencies.module').then(m => m.CurrenciesModule)
},
{
path: 'cash-registers',
loadChildren: () => import('./pages/cash-registers/cash-registers.module').then(m => m.CashRegistersModule)
},
{
path: 'cash-register-movements',
loadChildren: () => import('./pages/cash-register-movements/cash-register-movements.module').then(m => m.CashRegisterMovementsModule)
},
]
},
{
path: 'user',
loadChildren: () => import('./pages/user/user.module').then(m => m.UserModule)
},
];
No aquí ya esta quemado con un componente fijo. Pero con todo haz una prueba revisando en el chrome dev tools
Bravo
Muy buenas,
Estaba probando a cargar el modulo perezosamente con path: '**' ya que con diferentes rutas quiero ir al mismo modulo. El problema es que al definir mis rutas hijas, en el routing del modulo tengo dos rutas path:' ' y un path:': id' .
asi pues si voy a /usuario y quiero editarla intento navegar con un [routerlink]='/usuario/35' , pero no me funciona me carga siempre el path: ' '
La cuestion de el porque hago esto es simplemente para que si yo doy a usuarios en la url me ponga /usuarios y si voy a libros me ponga en la url del navegador /libros y no el nombre del modulo /moduloGenerico
Supongo que se podría sustituir la carga perezosa del path:'**' a cada una de ellas pero supon que así no me interese...
¿Se me escapa algo o estoy haciendo una barbaridad?
El comodín ** debe ser la última ruta, porque a penas Angular encuentre una ruta que cumpla la condición del path, se saldrá y no evaluará las demás.
@@fernando_her85 si , si creo que no me he explicado. la tengo la ultima y me entra con rutas no definidas como /usuario y /libros por tanto me entra bien al lazy load pero de ahí al hijo (un component) no sabe resolverlo cuando el padre es **
Otra opción seria poder montar la constante Routes dinamicamente con ayuda de alguna funcion lo he intentado con el router.resetConfig pero yo no he sido capaz
Mejor crear un módulo por cada vista no?
GRACIAS :)