Angularapp1 (2 de 9): Estructura de los archivos

El árbol de archivos y carpetas de la aplicación es la que se ve en la imagen.

La aplicación es un único html, el index.html, el cual incluye otras páginas o secciones, que en este caso son home.html, category.html y summary.hml.

Cada una de estas secciones va en su propia carpeta y tiene dos archivos, el html de view y el js de controller.

En la carpeta css pongo un css muy básico.

En el fake-ajax pongo unos archivos a los que llamo por ajax para traerme del servidor las categorías y los artículos de cada categoría.

En la carpeta img van las imágenes de las categorías y sus artículos.

En la carpeta js hay una carpeta model y el app.js.

Dentro de la carpeta model hay un archivo por cada objeto del model. Me gusta hacer un archivo por cada objeto como se suele hacer en java y así el código está bien distribuido y fácil de encontrar.

El archivo app.js es el que tiene la inicialización de la aplicación.

Esta manera de distribuir los archivos me parece bastante limpia. Añadir nuevas páginas a la aplicación no es más que crear la carpeta y meter dentro el html de view y el js de controller e incluir este último en el index.html.