¿Qué son los Módulos de Angular y cómo usarlos, a ver si lo hacías BIEN…#2
ฝัง
- เผยแพร่เมื่อ 15 พ.ค. 2022
- ¡Buenas, buenas mi gente!
Hoy les traigo un vídeo sobre la modularización en Angular, correctas formas de pensarlo, cómo dividir la lógica, diferencias entre Core y Shared Modules, Lazy loading de Módulos y ¡Más!
¡A por ello!
Si quieres hacer una donación:
streamelements.com/gentlemanp...
▬ Links de interés ▬▬▬▬▬▬▬▬▬▬
Link a la Gentleman Wiki: kindly-windflower-254.notion....
Link a Spotify: spoti.fi/3y281cY
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link a instagram: / gentlemanprogramming
Link a twitter: / g_programming
Link al libro "Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación web": amzn.to/2ReBuzL
#youtube #programacion #javascript #angular #react #html #css #formacion #cleanarchitecture - วิทยาศาสตร์และเทคโนโลยี
![THE TOYS x NONT TANONT - ดอกไม้ที่รอฝน (spring) [Official MV]](http://i.ytimg.com/vi/pPa1d5cC8M4/mqdefault.jpg)
Este canal es oro puro.
Tu comment es más valioso para mi 🤗
Exelente video, me encanta como enseñas, estoy aprendiendo Angular para trabajar con una api de mapas ya existente, debo aprender a usarla, vengo viendo varios videos tutos y demas sobre el tema.
Realmente me sirve mucho cuando explicas la funcionalidad con ejemplos cotideanos la logica, voy a seguir buscando todos los videos de Angular en tu canal. Bendiciones Gentleman
Muy bueno. Estoy empezando con lo que es Angular y me viene de 10!!
Esooooo con todo Fabián !!
vengo de otros videos...y este es el más claro. me está costando aprenderlo...pero ahí voyyyyyy!!!!
Aquí siguiendo la seríe a full 🙏🏾
Esooo, vamos con de tuti $parra !
Estoy empezando con angular ya en un proyecto real y me estoy viendo todos tus videos, me sirven un montón. Entregas una perspectiva muy desde lo profesional y con una didáctica admirable. Se nota mucho tu experiencia. Espero algún dia poder explicar mis conocimientos con la claridad con la que lo haces. Un saludo y gracias por el contenido.
Muchas gracias por tal hermoso message !! pero te lo cambio un poco, no trates de hacerlo de la misma forma que yo... supérame !!! y gracias de enserio por el mensaje me sirve muchísimo para seguir dandolo todo
Tan brutal como siempre tus videos friend! 💪
Gracias miles Iamgld !!
Gracias! Se te entiende todo!
Eres un crack Allan, yo honestamente me esta costando estoy aprendiendo! Quiero entender bien este concepto de shared module porque creo que ese shared lo tengo inmenso! Justamente No se si es normal pero Angular me pasa Tirando qué el build se está excediendo. Pero bueno aquí viendo tus videos siempre y aprendiendo cada día más
Podrías actualizar este video con los componentes standalone y los proyectos angular que ya no incorporan módulos?
Muchas gracias y buen video
Gracias alan por los videos e info!! a full con angular!
Con todo Matías !!!
Nuevo suscriptor. Muchas gracias hermano! 🧐🤘
Muy buen video, mejor explicado imposible!!
Muchas gracias Frank !!!
excelente explicación!!
Buenisimo el video aprendi algo nuevo como el modulo de core y ya me di la idea de lo que va ahi como los guards de las rutas gracias por el contenido y exitos chao
Exactamente !!!
Muy bueno.
Muchas gracias! Estoy comenzando con Angular para ser un full stack . Saludos desde Argentina Jujuy! . Abrazo!
Esooo te recomiendo mi nueva playlist de Angular de 0 a experto 2023 !
@@GentlemanProgramming gracias.Saludos.
eres el mejooor
soy teamReact, pero me encantan tus videos y tu forma de explicar las cosas, ahora ya me picó el bichito de la curiosidad con Angular... nosvimos!
seguí así mister!
ajajja si puedes, fíjate cómo trabaja y saca un poco de tus concluciones de ello, pero todavía no hagas nada en Angular y sigue con React. Ya va a haber tiempo de probar cosas nuevas.
Nuevo curso de Angular que seguir !! 🔥
Esoooooo :D
Genial profe
Muchas gracias Cristhian !
Que grande sos
Que tal Alan, excelente video como siempre, algo que me llama la atención es cargar los servicios solo en los módulos que lo ocupen, usando forRoot y forChild, es mejor usar esta técnica o seguir usando el provideIn: 'root' en el decorador del servicio? O cuál es la mejor forma?
Las dos cosas ! Pon tus servicios que vas a usar en toda la app en el core module y con el provideIn: root
@@GentlemanProgramming Muchas gracias 😄no te olvides de Angular en tu canal please jaja
Genial
Hay algo que no entiendo, los modulos serian algo asi como pagina separadas? osea tendre que crear un modulo para el login otro para el home, el contacto, etc y los componentes son las partes que lo conforman a cada una de ellas?
Es una forma de pensarlo pero no siempre un módulo representa una página, también representa elementos que son relacionados cómo lo pueden ser todas las rutas públicas. Podrías tener un módulo public con el login, register, etc. Los cuales utilizan los mismos componentes
El módulo de login, por ejemplo, contendría:
-el componente de login
-los servicios de autenticación
Luego el módulo de contenido contendría:
-el componente que muestre el contenido
-los servicios que consultan a la base de datos
Básicamente un módulo contiene directivas (componentes, servicios) que se emplean en común en cierta parte de tu sitio. Es como un paquete que trae todo lo que se use en cierta sección. Por eso hay servicios que van al root, como para que lo use todo el sitio (útil si se está trabajando con JWT, por ejemplo, para asegurarnos que el usuario está autorizado a proseguir con cualquier acción)
Suena similar a los packages en Java, o los namespaces en C#/C++... ojo que si Angular de fondo trabaja con alguno de estos lenguajes, a lo mejor usan uno de estos elementos. Principalmente porque JavaScript/TypeScript son lenguajes de bastante alto nivel, y tener algo más cercano al código máquina es útil para un buen manejo de memoria, por ejemplo (con/sin garbage collector?)
Con la config de "root" en los servicios no haría falta ponerlo el el módulo en donde se requiere verdad ?
Sip, no es conmigo la pregunta pero es así jeje
Exactly ! Aunque es buena práctica ponerlo en el core module o el app module en su defecto para tener una mejor organización. Lo que pasa es que antes cuando no existía el forRoot, uno tenía que controlar muy bien los servicios ya que hace una especie de burbujeo, si no se encuentra en el módulo del componente se va yendo hacia arriba hasta llegar al app module (el root) en caso contrario se usaba el primero que aparecía.
El problema venía cuando uno quería compartir un valor de algo y se estaban usando instancias diferentes del servicio haciendo un millón de problemas.
Agradable pero los ejemplos de la pc y la cajonera deberian reemplazarse con código o mostrándonos ya en una web 😅
Mira cualquiera de mis videos hablando del tema 🤗 hay un montón con código de ejemplos
Como los juegos de angular que estamos subiendo ya hay ejemplos teóricos y a nivel código con Angular 17
Muy buena explicación, mejora un poco los titulo y uiliza mas click bait tu canal esta genial
Yes ! Es algo que tengo que pensar más para poder ayudar a más gente, gracias Juan !!
Entonces el Core Module sería el módulo principal de la app, ¿no? (El app.module)
Muy buen videos, Gentleman.
No necesariamente ! Yo siempre creo un módulo aparte al que llamo core module para identificar bien esas cositas que no pueden faltan y lo importó en el app module :)
@@GentlemanProgramming Ohh, qué interesante. Voy a intentar aplicarlo de ese modo. Todo lo esencial que se pueda reutilizar. Got it.
❤🎉
Me gusta todo lo bien que se habla de angular,¿valdrá la pena aprenderlo?, sé Html,css,sass,gulp, JS y Typescript ...
Muchos me dicen que React,pero me llama la atención Angular...
Si te llama la atención dale ! Aprendes muchas mejores prácticas y sales listo para cualquier librería o framework :)
Angular es más prolijito. Muy del estilo gentleman como este canal se titula jeje
Estamos perdidas, perdidas, perdidas uff
Buen video pero necesito ejemplos
Y mira mis otros vídeos para ejemplos 🤓