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.
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,
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.
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
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.
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 ;)
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 RUclips el de cuanto cobrar como desarrollador es el que más he reproducido
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.
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.
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
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 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.
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
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.
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, 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, 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 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) }, ];
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?
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.
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?
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
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.
Excelente método de enseñanza, gracias por tus conocimientos y explicación sencilla
excelente estructura para trabajar mas ordenado y limpio
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!
.
jajajajaja que despedida!! gracias querido profe, información demasiada útil!!
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.
que buena explicación, no una y dos veces, sino 3 veces, por si uno no capta a la primera!! genial!!!
Es realmente increible la pedagogía que tenés. Excelente manera de enseñar. Gracias.
Gracias fernando por compartir tus conocimientos a la comunidad 👍
Me encantan tus contenidos... imposible no entenderte. Gracias por compartir tus conocimientos. Bendiciones desde Buenaventura - Colombia
por fin una explicación de los módulos coherente, gracias
Por fin Fernando Herrera te encontré 🙂 explicas expectacular
Buenisima explicación, valioso contenido el que haces. Muchs gracias.
Realicé un curso de angular tuyo en Udemy y me encanto, aprendí una barbaridad. Excelente comunicador Fernando, gracias!!
Gracias Fernando por tus videos, apoyando siempre a la comunidad, Felcidades espero comprar un curso más adelante un curso avanzado de angular.
excelente no sabia como organizar los proyectos ya que soy nuevo en esto
Excelente explicación, me gusta mucho esta forma de cargar módulos, mejora mucho el performance.
Excelente, se agradece el contenido
Necesitaba esto!!!!!!!! Muchas gracias como siempre fernando!!
Demasiado claro el tema... muchas gracias
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,
Este video es dinamita pura !!
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.
Muchas Gracias, super práctico, pero muy importante también nos hace ver la razón de las cosas, excelente.
@Fernando Herrera !! crack!! de cracks!!! Justo lo que necesitaba!!!
Muchas gracias Fernando, es una garantía de aprender contigo
No podría ser mejor explicado, acabas de hacerme el día, gracias
Muchas gracias profesor, de esta manera queda todo muy organizado.
la mejor explicación del mejor de Udemy, espero un curso tuyo de react native, ojalá lo sacaras pronto
El mejor profesor!
Uno de los mejores profesores del mundoo.. Feliz año nuevo..
Muy bueno, super claro! Gracias
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
Muchas Gracias Fer 😀😀👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽
Excelente explicación sobre carga perezosa
Como siempre muy excelentes explicaciones y cursos
Muchas gracias por la explicación crack!
Grandioso Tutorial bro! Brutal Sigue así!
Gracias Fernando el video justo que estaba buscando. muy bien explicado :).
Muchas gracias buen video profe Fernando!!!
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.
excelente video Fernando
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 ;)
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 RUclips el de cuanto cobrar como desarrollador es el que más he reproducido
Muy bueno Fernando! como siempre muy útiles tus videos!
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.
Excelente Fer
Mejor explicado imposible!
Excelente explicación, muchísimas gracias.
Muchas gracias, Excelente
Excelente video.
Bendito angel dios te bendiga :,v
Excelente, muy buena explicación. Saludos.
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?
¡Buen tutorial Fernando!
Excelente video Fernando, por favor me puedes indicar ¿Que tipo de font family estas utilizando para el vscode y de que manera instalarlo?. Gracias.
Muchas gracias!!
muy bueno, justo lo q buacaba
si no has estudiado un rato Angular puede que te hable en otro idioma, pero es lo mejor explicado que se puede
Nice example and video !
Excelente ejemplo.
Crack!
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.
Gran Maestro excelente video, Fernando tendrás algún curso de angular + net core + sqlserver
El routing de ionic ya viene por defecto con lazy loading por lo que veo no? muy buen video, gracias por tu dedicación
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
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?
gracias explicas bien
hola,te amo gracias
buenas noches fernando podrias hacer un video del uso de intersectionObserver en angular y si funciona o no para dispositivos mobiles???
Puedes hacer lazy loading the components por ejemplo en un tab? Sin necesidad de usar el router outlet.
Excelente Video
Saludos Fernando tengo todos tus cursos de udemy espero que puedas actualizar el de angular avanzado
Buena master
Les recomiendo su curso de angular sobre socket
Q-U-E C-A-P-O!!!!
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.
Hola y si quiero agregar shareds lo puedo meter adentro de cada modulo, osea una carpeta shared para cada modulo?
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.
Está muy claro. Ahora tengo una pregunta. ¿Se pueden "lazy-load" componentes (pages)? O solo aplica para módulos completos.
Gracias
gracias crack
Buen video
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
Maestro un video asi usando React LazyLoad rutas para React
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.
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, 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, 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
GRACIAS :)
Mejor crear un módulo por cada vista no?
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
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.
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
Genial
¿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.
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?
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
aunque tarde.... pero se agradece