tengo una bastante grande aplicación y así es como lo tengo estructurado
css
-- all css files
images
-- all image files
js
controller.js -- page events and element actions. Also contains PhoneGap specific methods
core
forms.js -- working with forms, saving info
mobile.js -- basic definitions, AJAX communications
encrypt.js -- encryption
global.js -- helper functions
storage.js -- database storage wrapper
cw
client.js -- a client object, > 400 lines of js code
Objects.js -- all other needed objects with <50 lines of js code each
question.js -- a question object, > 500 lines of js code
service.js -- a service object, > 700 lines of js code
jq
jquery-ui.min.js
jquery.min.js
jquery.mobile.min.js
phonegap-1.1.0.js
add_client.html
clients.html
client_list.html
index.html -- the only file that is structured like a real full html file
manager.html
schedule.html
service.html
a un lado para mi archivo index.html, todos los demás archivos .html s son stubs. Solo contienen el <div data-role='page'></div> y otros elementos html necesarios que definen la página y su funcionalidad prevista.
Desarrollo la aplicación en VS2010, usando Chrome como mi depurador. Cuando me siento bien con mi progreso, copio todo en mi mac a una carpeta en un proyecto de Eclipse (para dispositivos Android) que también es una referencia vinculada en mi proyecto xCode (para dispositivos iOS).
He estado trabajando en este proyecto durante aproximadamente 3-4 meses y una vez que supere la curva de aprendizaje de jQM y PhoneGap, he estado haciendo un buen progreso con esta estructura.
Además, mencionaré, que nunca había planeado crear esta aplicación en una página (aunque podría haberlo hecho) simplemente porque sabía que sería más fácil trabajar con ella y realizar un seguimiento de si estaba dividida en archivos más pequeños. Originalmente tenía un archivo .js por separado para cada objeto individual (~ 18 objetos), pero encontré una ganancia de utilización de memoria (en cromo de todos modos) cuando combiné archivos. – Sage
Uso casi la misma estructura y realmente funciona muy bien. Pero una vez que leí un comentario: "Cada página debería funcionar por sí misma, porque algún día definitivamente se llamará directamente". Es por eso que todas mis páginas son páginas html completas. – JNM
¿Cómo maneja los parciales en sus páginas? Puede tener el mismo encabezado/pie de página que desea mostrar en cada página. ¿Es posible mantener solo una página HTML completa e incluir dinámicamente todos los demás contenidos a través de ajax con las funciones móviles estándar de jQuery? –