Sono relativamente nuovo a HTML / JS e sono un programmatore dilettante. Ho creato un'applicazione web che funziona, ma non posso fare a meno di pensare che il codice sia un pasticcio di spaghetti! Ho cercato le best practice per JS / HTML ma nulla risponde alle mie domande (sono sicuro che esiste online ma forse non sto vedendo se si applica nel mio caso!).
Ho iniziato a programmare in C e sono abituato a scrivere un insieme di funzioni che svolgono un'attività, ma non sono sicuro che questo sia adatto a JS / HTML come l'ho fatto io.
Quindi, alle mie domande - supponiamo di avere una funzione:
function GetFixtureData(group){
// #1. Query the server
query.find().then(function(results){
// #2. Manipulate the data in some way.
var datatoshow = results.map(...)
// #3. Show data to user by creating a HTML table
CreateHTMLTable(datatoshow);
});
Questa funzione acquisisce i dati, li manipola e aggiorna la vista utente. Sono sicuro che questo sia un modo poco strutturato di farlo. È consigliabile suddividere questo tipo di funzione, in caso affermativo, in che modo?
Inoltre, sto usando l'ui semantico che mi richiede di inizializzare elementi come dropdown, modali, ecc. Dovrei avere tutto questo in una funzione dell'interfaccia utente init()
? Ma poi, ad esempio, quando il menu a discesa cambia, chiama GetFixtureData()
.
$('#ddGroup').dropdown({
onChange: function (value, text, $choice) {
GetFixtureData();
}
});
In sostanza, sono confuso sul fatto che tutto questo dovrebbe essere nel modulo e se il codice relativo all'interfaccia utente / HTML debba essere tenuto separato dal recupero e dalla manipolazione dei dati.