it-swarm.com.de

Wie entwickle ich ein Frontend (UI) für meine Django Website)?

Ich lerne Django und neu in der Webentwicklung. Bitte entschuldigen Sie, wenn Sie diese Frage zu dumm finden.

Also erstelle ich eine Facebook-Anwendung mit Django, die ich in Google App Engine hosten möchte. Das Projekt würde sich auf das Lesen von RSS/Atom Feeds) konzentrieren von jeder Website (das ist alles, was ich jetzt sagen kann).

Ich bin sicher genug, um die RSS/Atom-Dateien zu verarbeiten, aber ich mache mir Sorgen um den Front-End-Teil (Benutzeroberfläche) - "The Design Part". Ich kenne HTML/CSS/JavaScript nicht (ich kann mit einfachen HTML-Dingen umgehen, aber das führt zu keinem Design).

Zuerst dachte ich daran, Tools wie Dreamweaver oder eine gleichwertige Software zum Entwerfen der Benutzeroberfläche zu verwenden, aber als ich wirklich anfing zu lernen Django und mich darauf einzulassen, schien es eine "nicht mögliche" Sache zu sein.

Damit,

  • Wie soll ich den UI-Teil meiner Site gestalten? Kann ich keine Tools wie Dreamweaver verwenden?

    • Wenn NEIN, was ist der beste Weg für jemanden wie mich, der kein JavaScript/CSS kennt?
    • Wenn JA, was ist die beste Open Source-Alternative zu Dreamweaver?
    • Kann Google App Engine mit all dem fertig werden?
  • Wie Leute, die mit Django) diese Vorlagenseiten bearbeiten. Das Django erwähnt, dass es die logischen (Ansichten) und Design (Vorlagen) Teile so trennt, dass sie sich unterscheiden Abteilungen in einem Unternehmen können separat damit umgehen. Aber angesichts der Tatsache, dass die HTML-Seiten des Django mit "Tags" gefüllt sind, die in keiner Weise mit HTML (Design) zusammenhängen, wie gehen Benutzer der Benutzeroberfläche damit um?

28
Amie

Die Django -Dokumente haben nie erwähnt, dass eine Person, die nicht weiß, worum es bei HTML/JS/CSS geht, es verwenden kann. Die Trennung von Bedenken erfolgt auch im Backend, wo die eigentliche Aktion (die Ansichten) sind von der Datenbankebene oder der URL-Routing-Logik getrennt. Dies ermöglicht eine lose Kopplung. Dies bedeutet niemals, dass Sie Ansichten schreiben können, ohne Ihre Modelle jemals zu verstehen. Ähnlich (na ja, nicht so ähnlich) benötigen Sie eine Verständnis von HTML/CSS, um grundlegende Webseiten zu erstellen. Sie möchten vielleicht etwas JS lernen oder nicht, aber ich denke, mit HTML5 ist es mehr oder weniger wichtig, etwas JavaScript zu kennen.

Kein vernünftiger Webentwickler wird raten, einen WYSIWYG-Editor wie DreamWeaver zu verwenden. Schreiben Sie HTML von Hand. Sie können jedoch Dinge wie HTML5 Bolierplate verwenden, um Ihr Projekt schnell zu starten.

Google AppEngine ist ein PaaS, mit dem Sie Ihre Anwendung bereitstellen können. Es bietet unter anderem die Python Laufzeit, einen Datenspeicher mit hoher Replikation usw.), kümmert sich jedoch nicht um die Generierung Ihres Frontends.

Wenn Sie jemanden einstellen möchten, der sich um das Front-End kümmert, muss diese Person sowieso wissen, wie man Django - Tags verwendet, wie wirklich (wenn Sie dem MVC - oder MTV folgen) Muster genau), definieren sie die unscharfe Linie zwischen "statischen" und "dynamischen" Webseiten. Selbst wenn Sie einen Frontend-Entwickler einstellen, empfehle ich Ihnen, die Grundlagen von HTML und CSS zu verstehen (zumindest so viel, wie Sie wissen wie es funktioniert und wie Sie die statischen CSS-Dateien bereitstellen). Es wird Ihnen nur auf lange Sicht helfen.

Nicht alle Menschen verfügen über gute Designfähigkeiten, und Design wird zweifellos am besten Fachleuten überlassen, aber wenn es darum geht, Seiten mit diesem Design tatsächlich bereitzustellen, ist alles HTML und CSS. Sie können also eine Person einstellen, die sich als Front-End-Designer und Front-End-Entwickler verdoppelt (die meisten tun dies). Ich empfehle Ihnen jedoch, sich der Front-End-Technologien nicht völlig bewusst zu sein.

18
yati sagade

Ich entwerfe entweder ein Layout in Dreamweaver oder beauftrage einen Designer, HTML-Drahtmodelle mit gefälschten Daten zu erstellen. Dann gehe ich darüber hinweg und verwende die Vorlagen-Tags von Django (oder Jinja), um daraus eine funktionierende Vorlage zu machen. Ich kenne etwas HTML, aber ich würde niemals in der Lage sein, etwas attraktiv zu machen. Funktionell? Ja! Angenehm anzusehen? Glob Nein!

Also abschließend; Mit nur einigen Grundkenntnissen in HTML können Sie ein vorgefertigtes HTML-Dokument so ändern, dass es als Vorlage fungiert.

4
George Griffin

Auf jeden Fall müssen Sie verstehen, wie HTML funktioniert. Sie können mit einem einfachen Layout ohne grafische Schönheiten beginnen.

Sie können einen beliebigen Editor verwenden (Dreamweaver oder was auch immer), aber Djangos Tags verknüpfen die Vorlage mit dem Programmcode, sodass kein Editor mit WYSIWYG arbeiten kann (was Sie sehen, ist das, was Sie erhalten). Einige IDEs haben nur wenige Helfer für diese Tags, aber nicht mehr, sie automatisieren nur Dinge wie das Schließen von Tags und so weiter.

Oder Sie können einen Freiberufler einstellen, um eine Vorlage zu erstellen und in Ihre Anwendung zu integrieren, aber es ist nicht der beste Weg, etwas zu lernen :)

1
ilvar

Vielleicht lernen Sie, wie man HTML + Bootstrap verwendet. Bootstrap ist ein modernes Paket, um reaktionsfähige Sites zu erstellen, auf denen CSS und JavaScripts fast, wenn nicht alle, für Sie erledigt werden. Sie müssen also nicht viel in HTML + CSS + JS vertiefen .

Was Sie tun werden, wenn Sie genug über bootstrap) wissen, ist, zu diesen Bootstrap-Beispielen überzugehen und dann Ihre Webdesigns von dort aus zu starten. Dann, wenn Sie komponentenspezifische Elemente benötigen , gehe zu dieser Link dann.

Ich wusste sehr wenig über HTML, CSS und JS und Bootstrap hat mir wirklich den Arsch gerettet. Sie müssen die Grundlagen dieser kennen, aber wenn Sie sich mit Webentwicklung beschäftigen, sollte das nicht so sein verletzt.

0
berdstack