Este video, es el pollo del arroz con pollo para la proyectos grandes, medianos y pequeños. Excelente video!! P.d: Contando los dias para que llegue el nuevo curso de Angular👨💻
Siempre me ha obsesionado una estructura de proyecto Angular(o Ionic) escalable y mantenible y justo está semana he empezado un nuevo proyecto para el que he estado investigando las mejores prácticas. Y justo me apareció este vídeo! Lo que muestras es lo básico de lo que tenía pensado hacer, la única diferencia es la capa extra o separación de esos módulos en las carpetas /core, /feature, y la que has mostrado /shared, lo que me plantea dudas entre componentes o páginas que naveguen o manden datos entre ell@s, supongo que para eso utilizaré servicios globales ya que no tengo experiencia en NgRx (pero tengo tu curso de udemy en la mira). Muchas gracias Fernando, siempre eres una referencia!!
Justamente he estado buscando información relacionada sobre el lazy-loading y la estructura de directorios para implementarlo en un pequeño proyecto. Y ahora me entero que habrá nuevo curso de Angular, espero sea muy pronto que me lo pillare de primeras. Muchas gracias!
Cuando empecé la aplicación modular no se me hizo fácil Los puntos más difíciles creo que es cuando la veces usas dos o tres router outlet, configuración de lazy load creo que para mi fue un gran dolor de cabeza
Este tipo de estructura realmente es muy cómoda. No tuve que investigar para darme cuenta porque la propuesta modular de Angular me hicieron pensar inmediatamente en hacerlo así, siento que voy por buen camino, gracias. Me interesaría saber como organizarias un proyecto de React. Entendiendo que no es una ley absoluta sino partiendo desde tu experiencia. React me parece volátil y muy propenso a crear código desorganizado si no se tiene una arquitectura planteada. Un saludo, eres un crack!
Recomendaría que sigan las buenas prácticas de usar solo las carpetas core/ feature/ y shared/ . En fin con ansias para ver el avanzado de pruebas unitarias con mocks y demás. 🤓😇🤓
justo lo que andaba buscando, muchas gracias, por cierto, acabo de terminar su curso de udemy de angular y el siguiente sera el de testing, gracias a ti cada dia veo la luz a iniciar un proyecto personal en tecnologias que no conocia como son angular y spring boot con java par ahacer un api restful.
Yo, en la carpeta de shared de un Módulo Feature regularmente guardo los Servicios, Interfaces, Tipos, Validadores, etc, para que esten a la vista de todo el Módulo Feature. Esta es una excelente manera de trabajar, por que incluso puedes seleccionar estrategias de Preloading o Lazy Loading
Otro curso de angular yo tengo el de 0 a experto y el otro más avanzado ese curso que vas ha hacer me gustaría mucho tenerlo . Tendrá manejo de gps ubicaciónes
Excelente consejo para estructurar el proyecto, en lo personal me gusta tener los servicios en otro modulo aparte y lo llamo core, donde pongo los servicios, modelos, etc.
Muchas gracias, este tipo de videos con lecciones especificas o tips ayudan mucho a matar dudas y agarrar confianza o corregir lo que vamos haciendo, antes yo solo programaba en php, no salia de ahi, hasta que un dia busque en youtube nuevas tecnologias y apareciste tu con un video y promocionando angular de cero a experto en udemy, tome el curso y desde entonces no he parado con tus cursos, hoy gracias a tus directrices, trabajo con un stack que comienza con angular y ionic para el frontend y gracias a lo aprendido en angular no me costo nada comenzar a usar Nestjs para el backend. Muchas gracias por compartir tu conocimiento. Pd.: si no es mucho y en la linea de este video, podrias hacer uno donde muestres tus extensiones de vscode actualizadas y tus recomendadas. saludos
Fernando aprecio que compartas estos videos muy bien! Por cierto trabajo en un projecto muy grande y me pidieron modularizarlo y ordenarlo tomare algunos de tus tips del vídeo saludos !
Muchas gracias por este dato... angular ( cursando actualmente ) y en parte flutter ( curso que ya hice con usted) es muy similar como poder usar esta forma. Algo que siempre me pregunte al momento de que empiece a escalar la aplicación. Muchas gracias por estos datos claves!!!
Hola Fer, excelente tus cursos. Mi pregunta es si tu nuevo curso de Angular que temas diferentes tiene a tus 2 anteriores.? Te pregunto porque ya tome los otros 2.
Excelente video, solo una duda, es necesario importar el module del shared en el app module? Oh solo con importarlo en los demás modules (productos por ejemplo) es suficiente?
@Fernando: Estaria bien ver estas estructuras y curso udemy sobre una app/caso real sobre gestion de almacen(warehouse) que hice en Django para empresa de automocion
Hola Fernando, coordial saludo, en cual de tus cursos explicas más al detalle con un proyecto real esta arquitectura?, sería genial si lo tienes dime cual es para comprarlo ya mismo.
Hola Fernando , muchas gracias por compartir tus conocimientos. Me gustaría que me orientaras, si Angular seria la herramienta ideal para migrara una aplicación de misión critica como una NOMINA, la cual esta desarrollada en Oracle Forms 6i Cliente Servidor. Mi propuesta es Front End en Angular y el Back End en c# .net Core o Spring Boot. por favor agradeceria tus comentarios al respecto. Gracias
Fernando, muy buen vídeo! Gracias por compartir tus conocimientos. Una pregunta, ¿qué opinas de la diferencia sobre shared modules y core modules? Hay veces que es complicado separar, que metes en uno y en otro. Se agradecería un vídeo al respecto :)
Las pages son componentes pensados en que ocuparán todo el espacio de la pantalla, o al menos gran parte de ella y son usados directamente en el router. Los componentes no, esos están destinados a estar siempre dentro de otros componentes
@@fernando_her85 Aaa ok. entiendo ya que pues también toca siempre analizar el proyecto. Pues vi algo sobre Public, Prívate y Core Que a veces no todo necesita ser modulado . Ya todo es de análisis del proyecto Creo. en este momento lo que veo complicado es lo de una api o crud en angular Gracias por tu tiempo.
Buenas, alguien me puede resolver una duda, por favor. Si utilizo la estructura del vídeo, todo organizado por módulos. Y si yo quiero usar un servicio de un moduloA en un moduloB. Tendría que importar el moduloA en moduloB. Ahí todo bien, pero dado que el modulo a importar(A) contiene pages, services etc no resulta "deficiente" importar todo un modulo solo para usar un servicio nada mas ? No es ninguna mala critica, solo una duda personal.
@@fernando_her85 Excelente, ya estoy en la fila para ser de los primeros en comprarlo. Gracias a sus cursos anteriores de Angular pude realizar un proyecto para el gobierno de mi estado y a raíz de eso otros 2 estados mas lo quisieron :). Le debo mucho profe, y siempre agradecido por compartir sus conocimientos!!! Saludos.
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
Sería genial un curso aplicando clean architecture, creo que todos los compraríamos.
Excelente mini curso y explicación.
Visto en 21/11/2023
Justo estaba por construir mi aplicación en angular, ya que no tenia idea de como estructurarlo, GRACIAS :´D
Este video, es el pollo del arroz con pollo para la proyectos grandes, medianos y pequeños. Excelente video!!
P.d: Contando los dias para que llegue el nuevo curso de Angular👨💻
excelente video, un crack como siempre
Me gusta esa arquitectura. Un saludo 👋
Fernando un cursito de Nest.js para el back sería perfecto por tí 👌🏽
Complemente de acuerdo
X2
Todo a su tiempo, por ahora esta ocupado con el curso de React Native
Siempre me ha obsesionado una estructura de proyecto Angular(o Ionic) escalable y mantenible y justo está semana he empezado un nuevo proyecto para el que he estado investigando las mejores prácticas. Y justo me apareció este vídeo! Lo que muestras es lo básico de lo que tenía pensado hacer, la única diferencia es la capa extra o separación de esos módulos en las carpetas /core, /feature, y la que has mostrado /shared, lo que me plantea dudas entre componentes o páginas que naveguen o manden datos entre ell@s, supongo que para eso utilizaré servicios globales ya que no tengo experiencia en NgRx (pero tengo tu curso de udemy en la mira). Muchas gracias Fernando, siempre eres una referencia!!
Hacia un rato ya buscaba algo asi sobre scaffolding :D Muchisimas gracias Fernando.
Fernando una sugerencia, un curso o proyecto de Nrwl con Angular y Nest estaria muy bueno.
Muy duro 🤤
Donde hay que firmar para el curso de Nestjs ejeje
Muchas gracias. Definitivamente tiene mucho sentido, hacer secciones completas reutilizables.
Justamente he estado buscando información relacionada sobre el lazy-loading y la estructura de directorios para implementarlo en un pequeño proyecto. Y ahora me entero que habrá nuevo curso de Angular, espero sea muy pronto que me lo pillare de primeras. Muchas gracias!
Exelente sugerencia. Cómo siempre gran calidad en su trabajo
Gracias por el video soy uno de tantos alumnos tuyo..
Saludos Fernando, gracias por compartir
Buenisimo!! Gracias Fernando
Gracias, me has salvado, estoy trabajando en un proyecto y ya se me esta saliendo de las manos, con tantos archivos que hay en la aplicación ❤️🙌🏼🙌🏼
Estos son los vídeos que para mí valen la pena.. excelente y gracias por compartir tu experiencia Fernando!
Cuando empecé la aplicación modular no se me hizo fácil
Los puntos más difíciles creo que es cuando la veces usas dos o tres router outlet, configuración de lazy load creo que para mi fue un gran dolor de cabeza
Gracias saludos desde cuba
Buena estructura! Siempre es bueno realizar las cosas de mejor manera!
Este tipo de estructura realmente es muy cómoda. No tuve que investigar para darme cuenta porque la propuesta modular de Angular me hicieron pensar inmediatamente en hacerlo así, siento que voy por buen camino, gracias.
Me interesaría saber como organizarias un proyecto de React. Entendiendo que no es una ley absoluta sino partiendo desde tu experiencia. React me parece volátil y muy propenso a crear código desorganizado si no se tiene una arquitectura planteada.
Un saludo, eres un crack!
Excelente. Gracias Fernando.
Recomendaría que sigan las buenas prácticas de usar solo las carpetas core/ feature/ y shared/ . En fin con ansias para ver el avanzado de pruebas unitarias con mocks y demás. 🤓😇🤓
justo lo que andaba buscando, muchas gracias, por cierto, acabo de terminar su curso de udemy de angular y el siguiente sera el de testing, gracias a ti cada dia veo la luz a iniciar un proyecto personal en tecnologias que no conocia como son angular y spring boot con java par ahacer un api restful.
Yo, en la carpeta de shared de un Módulo Feature regularmente guardo los Servicios, Interfaces, Tipos, Validadores, etc, para que esten a la vista de todo el Módulo Feature. Esta es una excelente manera de trabajar, por que incluso puedes seleccionar estrategias de Preloading o Lazy Loading
Otro curso de angular yo tengo el de 0 a experto y el otro más avanzado ese curso que vas ha hacer me gustaría mucho tenerlo . Tendrá manejo de gps ubicaciónes
Excelente consejo para estructurar el proyecto, en lo personal me gusta tener los servicios en otro modulo aparte y lo llamo core, donde pongo los servicios, modelos, etc.
Fernandoo, tengo tus dos cursos de Angular! Quiero ese terceroo
Muchas gracias, este tipo de videos con lecciones especificas o tips ayudan mucho a matar dudas y agarrar confianza o corregir lo que vamos haciendo, antes yo solo programaba en php, no salia de ahi, hasta que un dia busque en youtube nuevas tecnologias y apareciste tu con un video y promocionando angular de cero a experto en udemy, tome el curso y desde entonces no he parado con tus cursos, hoy gracias a tus directrices, trabajo con un stack que comienza con angular y ionic para el frontend y gracias a lo aprendido en angular no me costo nada comenzar a usar Nestjs para el backend. Muchas gracias por compartir tu conocimiento.
Pd.: si no es mucho y en la linea de este video, podrias hacer uno donde muestres tus extensiones de vscode actualizadas y tus recomendadas. saludos
Excelente Fernando..Gracias y Saludos 🙂
No sabes la ansiedad que tengo por el curso! :)
Gracias por el trabajo que estás haciendo Fernando.
Saludos.
será un nuevo curso de angular?
@@MiguelAngel-pz8qi No, es un nuevo curso. :)
Profe, excelente forma de estructurar los proyectos. Muchas gracias por el aporte. 🤩
Que buena! Gracias Fernando! Ojalá más vídeos con más estructuras tomando como ejemplo React en un futuro!
Recien te sigo ! y me encanta tu metodologia ! tengo algo de experiencia con angular pero siempre aprendo cosas nuevas con tu videos ! Gracias !
Fernando aprecio que compartas estos videos muy bien! Por cierto trabajo en un projecto muy grande y me pidieron modularizarlo y ordenarlo tomare algunos de tus tips del vídeo saludos !
Excelente explicacion
Muchas gracias por este dato... angular ( cursando actualmente ) y en parte flutter ( curso que ya hice con usted) es muy similar como poder usar esta forma. Algo que siempre me pregunte al momento de que empiece a escalar la aplicación. Muchas gracias por estos datos claves!!!
Excelente tu sugerencia, intentaré implementarla en mis proyectos ya creados, me pareció más modular que lo que me había inventado yo al respecto 😋
Genial!! Me gustaría un video donde ver como exportar un modulo y subir a npm para luego usarlo en otro proyecto, gracias Fernando!!
Esperando el 2021, quiero ver ese curso, gracias Fernando
Gracias Fernando, es muy util.
Ojalá también hicieras otro video similar a este pero orientado a React
Hola Fernando , uno así pero de flutter no estaría mal, grande que eres , me han ayudado mucho tus cursos, gracias!
muy bueno! Lo voy a comenzar a utilizar. Qué diferencias hay entre pages y components?
Excelente... gracias
Hola Fer, excelente tus cursos. Mi pregunta es si tu nuevo curso de Angular que temas diferentes tiene a tus 2 anteriores.? Te pregunto porque ya tome los otros 2.
Buen video Fernando, ojalá pudieras hacer un video donde expliques más a detalle sobre el lazy load, como lo comentaste, estaría muy interesante :)
Excelente video, solo una duda, es necesario importar el module del shared en el app module? Oh solo con importarlo en los demás modules (productos por ejemplo) es suficiente?
Fernando que opinas de las carpetas core y template, ví que también se utiliza para proyectos grandes
@Fernando: Estaria bien ver estas estructuras y curso udemy sobre una app/caso real sobre gestion de almacen(warehouse) que hice en Django para empresa de automocion
ya se lanzo el nuevo curso de angular??
donde puedo verlo?
Un curso de clean architecture en Angular seria muy bueno
En el folder Page, irían los NgTemplates de los componentes???
por lo general creo el módulo con el routing que genera el cli es correcta esta practica????
Gracias, buen video!
¿Se puede ver cada directorio como las entidades que tengo en mi aplicación? Muchas gracias, demasiado útil.
Hola fernando, que tema usas en el vsCode?
Muy bueno el video profe, para cuando está listo el nuevo curso de Angular?
Hola profesor cuál es el curso donde enseña a detalle con este tipo de arquitectura
Muy buen video
Esto podría estar ligado a la arquitectura de software?
Excelente!
Hola Fernando, coordial saludo, en cual de tus cursos explicas más al detalle con un proyecto real esta arquitectura?, sería genial si lo tienes dime cual es para comprarlo ya mismo.
y las clases como se manejaría?
Hola Fernando , muchas gracias por compartir tus conocimientos. Me gustaría que me orientaras, si Angular seria la herramienta ideal para migrara una aplicación de misión critica como una NOMINA, la cual esta desarrollada en Oracle Forms 6i Cliente Servidor. Mi propuesta es Front End en Angular y el Back End en c# .net Core o Spring Boot. por favor agradeceria tus comentarios al respecto. Gracias
Algun curso que tengas sobre clean architecture?
No era mejor generar los módulos usando el cli y aprovechar la generación de las rutas en forma automática?
Si, pero se perdería valor educativo
¿Esta estructura es igualmente válida para apps React, verdad?
Por lo que dijo al principio serviría si !
Podrias armar un video de este tipo pero para React?
Fernando, muy buen vídeo! Gracias por compartir tus conocimientos. Una pregunta, ¿qué opinas de la diferencia sobre shared modules y core modules? Hay veces que es complicado separar, que metes en uno y en otro. Se agradecería un vídeo al respecto :)
Gracias!!!
fernando cuando un curso de react con grapht
muy bueno
Hola Profe. Fernando una consulta que guardaría en la carpeta "Pages"?, porque en "Components" ya estoy guardando mis componentes y su html.
Te recomiendo lleves el curso de angular del profe. En components va los componentes que reutilizarás como por ejemplo un tabla para mostrar datos.
Pages sería como la página principal. En donde se centralizan todos los componentes. Es como IndexPage, AboutPage, ContactPage, etc.
una pequeña pregunta. al crear components y pages cual seria la diferencia? pues un component es un archivo que tiene html,css y ts
Las pages son componentes pensados en que ocuparán todo el espacio de la pantalla, o al menos gran parte de ella y son usados directamente en el router.
Los componentes no, esos están destinados a estar siempre dentro de otros componentes
@@fernando_her85
Aaa ok. entiendo ya que pues también toca siempre analizar el proyecto. Pues vi algo sobre Public, Prívate y Core Que a veces no todo necesita ser modulado .
Ya todo es de análisis del proyecto Creo. en este momento lo que veo complicado es lo de una api o crud en angular
Gracias por tu tiempo.
Fer, para cuando uno de react native? Por favor hacete uno
y una estructura para una landung page comun y corriente usando sass?
Un curso de Firebase de forma profesional please.
Buenas, alguien me puede resolver una duda, por favor.
Si utilizo la estructura del vídeo, todo organizado por módulos.
Y si yo quiero usar un servicio de un moduloA en un moduloB. Tendría que importar el moduloA en moduloB.
Ahí todo bien, pero dado que el modulo a importar(A) contiene pages, services etc no resulta "deficiente" importar todo un modulo solo para usar un servicio nada mas ?
No es ninguna mala critica, solo una duda personal.
Y lo abrí desde la carpeta pero por html obviamente la consola no me sirve
👽😍😍😍😍
eso de hacer router en otro module , no me funciona alguien me podria guiar?
No me abrió de una vez
Es del nuevo curso??
PD: El primer comentario jajaja
Este video propiamente no, pero es algo que enseño efectivamente en el curso y seguimos en los proyectos que estoy programando en él
@@fernando_her85 Excelente, ya estoy en la fila para ser de los primeros en comprarlo. Gracias a sus cursos anteriores de Angular pude realizar un proyecto para el gobierno de mi estado y a raíz de eso otros 2 estados mas lo quisieron :). Le debo mucho profe, y siempre agradecido por compartir sus conocimientos!!! Saludos.
@@fernando_her85 en que curso hacers esto -?
De ningún curso, es propio de RUclips, aunque en mi curso de Angular 2021 explicó esto con más detalle
@@fernando_her85 ese curso ya está disponible ?