Come sviluppare front end (UI) per il mio sito Django

I documenti di Django non hanno mai menzionato che una persona che non sa cosa sia l'HTML / JS / CSS può usarla. La separazione delle preoccupazioni viene eseguita anche nel back-end, in cui l'azione effettiva (le viste) viene separata dal livello del database o dalla logica di routing dell'URL. Ciò consente l'accoppiamento lento. Non significa mai che puoi scrivere visualizzazioni senza mai capire i tuoi modelli. Allo stesso modo (beh, non così allo stesso modo), è necessario avere una comprensione di HTML / CSS per ottenere pagine Web di base. Potresti o non vorresti imparare un po 'di JS, ma penso che con HTML5 sia più o meno essenziale conoscere alcuni JavaScript.

Nessuno sviluppatore del sito web ragionevole consiglierà di utilizzare un editor WYSIWYG come DreamWeaver. Scrivi HTML a mano. Tuttavia, puoi utilizzare elementi come HTML5 Bolierplate per avviare rapidamente il tuo progetto.

Google AppEngine è un PaaS che puoi utilizzare per distribuire l'applicazione. Fornirà, tra le altre cose, il runtime di Python, un datastore ad alta replicazione, ecc., Ma non si occuperà di generare il front-end.

Se hai intenzione di assumere qualcuno che si occupi del front-end, quella persona dovrebbe comunque sapere come usare i tag Django, in realtà (se segui da vicino il pattern MVC o MTV), definiscono la linea sfumata tra pagine web "statiche" e "dinamiche". Anche se scegli di assumere uno sviluppatore frontend, ti suggerisco di cogliere le basi di HTML e CSS (almeno così tanto che sai come funziona e come stai andando a servire i file statici CSS). Ti aiuterà solo a lungo termine.

Non tutte le persone hanno buone capacità di progettazione, e il design è senza dubbio la cosa migliore per persone qualificate, ma quando si tratta di pubblicare pagine con quel design, è tutto in HTML e CSS. Quindi puoi assumere una persona che raddoppia (la maggior parte lo fa) come designer front-end e sviluppatore front-end. Ma ti suggerisco di non rimanere completamente inconsapevole delle tecnologie front-end.

Quello che faccio è che progettare un layout in Dreamweaver o assumere un designer per creare "wireframe" HTML con dati falsi, quindi lo analizzo e uso i tag modello di Django (o di Jinja) per trasformarlo in un modello funzionante . Conosco un po 'di HTML, ma non sarei mai in grado di creare qualcosa di attraente. Funzionale? Sì! Piacevole da guardare? Glob No!

Quindi, in conclusione; Con solo alcune conoscenze di base dell'HTML, è possibile modificare un documento HTML pre-fatto per funzionare come modello.

In ogni caso dovrai capire come funziona l'HTML. Puoi iniziare con un layout semplice senza bellezze grafiche.

Puoi usare qualsiasi editor che ti piace (Dreamweaver o qualsiasi altra cosa) ma i tag di django collegano il modello al codice del programma, quindi nessun editor può farlo con WYSIWYG (ciò che vedi è ciò che ottieni). Alcuni IDE hanno pochi aiutanti per questi tag, ma non più, automatizzano solo cose come la chiusura dei tag e così via.

Oppure puoi assumere un freelancer per creare e integrare un modello nella tua applicazione, ma non è il modo migliore per imparare qualcosa:)

Forse imparerai come usare html + bootstrap. Bootstrap è un pacchetto moderno per creare siti reattivi in cui CSS e JavaScripts sono quasi, se non tutti, occupati per te. Quindi non c'è bisogno di scavare in profondità in html + css + js.

Quello che farai dopo averne abbastanza del bootstrap è quello di andare su questi esempi di bootstrap e poi avviare il tuo web disegni da lì. Quindi, quando avrai bisogno di elementi specifici per i componenti, vai su questo link allora.

Sapevo molto poco su HTML, CSS e JS e Bootstrap mi ha davvero salvato il culo. Avrai però bisogno di conoscere le basi nude di quelli, ma se sei interessato allo sviluppo web, questo non dovrebbe ferire.