Justo esto estaba pensando el otro dia, que necesitaba estudiar este tema de como puedo organizar las carpetas de un proyecto de manera eficiente y que facilite trabajar en las mismas
Amigo gracias por compartir tus conocimientos, tengo una pregunta como se ordenaria un proyecto q tenga como 4 modulos o deba llevar, ejemplo, Contabilidad, Bancos, Presupuesto y un modulo de seguridad me puedes guiar como seria en Angular. Gracias por el tiempo que te tomes en responder
Yo la estructura la hago algo similar, por ejemplo, dentro de app tengo estas carpetas - core - interceptors - pipes - services - resolvers - guards - pages - auth - products - layouts - buttons - modals - dropdowns - tables Prácticamente dividido en 3 Core todo lo relacionado con peticiones o acciones o complementos o funcionalidades de forma no visual Pages que tendrán todos los módulos y sus sub páginas de la aplicación Layouts que tendrán todos los componentes customizados de manera visual
Esta es la estructura que más me gusta de todas, la verdad. Porque si llegas a tener muchas entidades (qué me ha pasado), tienes demasiadas carpetas a la altura de core y shared.
@@CarlosMoralesDev gracias. Ya para las interfaces que vienen de los servicios que vienen de algún api, creo una carpeta interna dentro de services -> interfaces o models o dtos. Para el caso de interfaces, enums, classes, services, etc. algo que solo tenga que ver con algún módulo o componente replico las carpetas.
Tengo una pregunta , si quiero aprender angular de cara a conseguir mi primer empleo como junior frontend developer , que versión de Angular debería aprender al día de hoy ? Versión antes de la 17 y progresivamente la 18 y 19 ? o de la versión 17+ ? Y los proyectos que haría con angular para mi portafolio con que versión serían ?
@@RrenzOS hola 👋, esta es una pregunta difícil de responder, ya que generalmente las empresas no siempre usan las últimas versiones de los frameworks. Pero personalmente te diría que aprendas desde la versión más moderna como la 17 o 18, ya que es más fácil de aprender :) pero también que le des un enfoque a como se trabaja con módulos y las directivas estructurales.
gracias por el video, esta genial. tengo una duda, los archivos JS y Css donde se guardan... en la pagina de angular 18 no lo dice. solo se refiere a las imagenes. por otro lado las agrega en el archivo angular.json. muchas gracias
Bro puedes hacer un video de como manejar el local storage en angular 18, ya que me da error por que se renderiza primero en el servidor y no en el navegador
![Primeros pasos con Angular 18 [2024]](http://i.ytimg.com/vi/aiaKyhiY9TQ/mqdefault.jpg)
Otro excelente video
Justo esto estaba pensando el otro dia, que necesitaba estudiar este tema de como puedo organizar las carpetas de un proyecto de manera eficiente y que facilite trabajar en las mismas
Me parece muy buena forma de estructurar el proyecto, lo complementaré sí o sí con mis proyectos, gracias por el aportazo
muchas gracias, vi que ya estas usando signals excelente se gano el follow.
Gracias por compartir esta info!
Gracias, saludos desde Colombia.
Eres un capo mi vida ❤
Buen video!!
Que tema de color para vs code estas utilizando? Muchas gracias por el video
Codesandbox theme :)
Amigo gracias por compartir tus conocimientos, tengo una pregunta como se ordenaria un proyecto q tenga como 4 modulos o deba llevar, ejemplo, Contabilidad, Bancos, Presupuesto y un modulo de seguridad me puedes guiar como seria en Angular.
Gracias por el tiempo que te tomes en responder
Hola, pues te puedes basar en el video, quizás agregando todos esos módulos dentro de una carpeta llamada features o pages.
Yo la estructura la hago algo similar, por ejemplo, dentro de app tengo estas carpetas
- core
- interceptors
- pipes
- services
- resolvers
- guards
- pages
- auth
- products
- layouts
- buttons
- modals
- dropdowns
- tables
Prácticamente dividido en 3
Core todo lo relacionado con peticiones o acciones o complementos o funcionalidades de forma no visual
Pages que tendrán todos los módulos y sus sub páginas de la aplicación
Layouts que tendrán todos los componentes customizados de manera visual
Muy buena forma de hacerlo 👌, siempre es bueno compartir y aprender nuevas formas.
Esta es la estructura que más me gusta de todas, la verdad. Porque si llegas a tener muchas entidades (qué me ha pasado), tienes demasiadas carpetas a la altura de core y shared.
@@davidadan2817 si es verdad, si es un proyecto grande se puede complicar, gracias por compartir tu forma, tratare de aplicarlo a un proyecto :)
@@CarlosMoralesDev gracias. Ya para las interfaces que vienen de los servicios que vienen de algún api, creo una carpeta interna dentro de services -> interfaces o models o dtos. Para el caso de interfaces, enums, classes, services, etc. algo que solo tenga que ver con algún módulo o componente replico las carpetas.
Tengo una pregunta , si quiero aprender angular de cara a conseguir mi primer empleo como junior frontend developer , que versión de Angular debería aprender al día de hoy ? Versión antes de la 17 y progresivamente la 18 y 19 ? o de la versión 17+ ? Y los proyectos que haría con angular para mi portafolio con que versión serían ?
@@RrenzOS hola 👋, esta es una pregunta difícil de responder, ya que generalmente las empresas no siempre usan las últimas versiones de los frameworks. Pero personalmente te diría que aprendas desde la versión más moderna como la 17 o 18, ya que es más fácil de aprender :) pero también que le des un enfoque a como se trabaja con módulos y las directivas estructurales.
@@RrenzOS estoy preparando un curso desde 0, con angular moderno o la última versión :)
gracias por el video, esta genial. tengo una duda, los archivos JS y Css donde se guardan... en la pagina de angular 18 no lo dice. solo se refiere a las imagenes. por otro lado las agrega en el archivo angular.json. muchas gracias
@@luisolave5991 hola a que te refieres a donde se guardan los archivos css y js? No entendí muy bien:(
Cómo se llama ese patrón de arquitectura?
No es como tal un patrom es una forma de organizar los proyectos en base a features
Bro puedes hacer un video de como manejar el local storage en angular 18, ya que me da error por que se renderiza primero en el servidor y no en el navegador
@@Adormir123 hola, eso es por que estas usando server side rendering, y el local storage existe en el lado del cliente.
@@CarlosMoralesDev si puedo desde el srr pero debo hacer un un 'verificador' para que haga lo del local storage cuando ya este en el navegador