(Yet another employee - department app)
En este directorio se encuentra la solución 'demo' para cubrir las necesidades de una pequeña empresa para gestionar empleados y departamentos.
En ella se muestra un listado de empleados registrados y el detalle de los mismos, así como los departamentos disponibles. La App no consta de backend, si no que emula las llamadas añadiendo un tiempo entre acciones pero si que se ven reflejados los cambios en la App, por lo que tanto si se añade como si se eliminan registros se verá reflejado hasta que se reinicie la App.
La tecnología utilizada es Angular, en su versión 9, para cubrir el frontend.
Para desplegar en local utilizar el siguiente comando:
$ npm start
Si se desea la configuración en inglés, utilizar el siguiente comando:
$ npm run start-english
Esto levanta el webapp y lo hace visible en la ubicación http://localhost:4200/.
Se ha definido una estructura modular basada en la manera de organizar propia de Angular con algunos cambios.
- Dentro de la carpeta ‘src’ se ha generado una carpeta específica llamada ‘styles’ para contenidos generales de CSS como temáticas, estilos compartidos, declaración de fuentes, iconografías, etc..
- En este mismo punto también se encuentra la carpeta ‘locale’, la cual contiene elementos de internacionalización.
- Al bajar un escalón, dentro de la carpeta ‘app’, se ha dividido la estructura que conforma la aplicación en tres carpetas:
- Core; esta carpeta contiene servicios singleton, componentes universales y otras características, como componentes, que se instancian una sola vez por aplicación.
- Modules; esta carpeta contiene todas las páginas y componentes que conforman dichas páginas a lo largo de la aplicación. Se define de modo que permita escalar y separa la lógica de componentes de las propias páginas. Cada subcarpeta es una página o sección de la aplicación y, a su vez, esa subcarpeta divide la propia página de los componentes que la conforman, servicios exclusivos de la página o demás tipos de objetos.
- Shared; esta carpeta contiene todos los componentes, tuberías o filtros y servicios compartidos. Este módulo no debería de depender de ningún otro módulo.
Entre otros, las mejoras que incluye este tipo de organización son: lazy loading eficiente, páginas y/o componentes totalmente modulares, permite tipos de desarrollo a futuro (future flags) al encapsular lógica, se puede exportar fácilmente módulos de lógica funcional a otras aplicaciones, etc...