Django web sitem için ön uç (UI) nasıl geliştirilir


26

Ben Django öğreniyorum ve web geliştirme konusunda yeni. Lütfen bu soruyu çok aptal bulursanız affedersiniz.

Bu yüzden, Google App Engine'de barındırmak istediğim Django'yu kullanarak bir Facebook uygulaması oluşturuyorum. Proje, herhangi bir web sitesinin RSS / Atom yayınlarını okumaya odaklanacaktı (Şimdi söyleyebileceğim tek şey bu).

RSS / Atom dosyalarını işlemek için yeterince eminim ama ön uç (Kullanıcı Arayüzü) bölümü - "Tasarım bölümü" hakkında endişeliyim. HTML / CSS / JavaScript bilmiyorum (Basit HTML öğelerini idare edebilirim ama bu herhangi bir tasarım şeyine yol açmaz).

Öncelikle, UI tasarımı için dreamweaver ya da eşdeğer bir yazılım gibi araçlar kullanmayı düşündüm, ancak django öğrenmeye ve onu kullanmaya başladığımda, "mümkün olmayan" bir şey gibi görünüyor.

Yani,

  • Sitemin UI bölümünü nasıl tasarlamalıyım? Dreamweaver gibi araçları kullanamaz mıyım?

    • HAYIR ise, benim gibi JavaScript / CSS bilmeyen biri için en iyi yol nedir?
    • EVET ise, dreamweaver'a en iyi açık kaynaklı alternatif nedir?
    • Google App Engine tüm bunları halledebilir mi?
  • Django ile ilgilenen kişiler bu şablon sayfalarını nasıl düzenler? Django, bir şirketteki farklı bölümlerin ayrı ayrı ele alabilmesi için mantıksal (görünümler) ve tasarım (şablonlar) bölümlerini ayıracağını söyler. Ancak Django'nun HTML sayfalarının HTML (tasarım) ile ilgili olmayan "etiketler" ile dolu olduğu gerçeğini göz önüne alarak, kullanıcı arayüzü nasıl yönetiyor?


1
İlk önce çalışmasını sağlayın, sonra güzel yap.
msw

Yanıtlar:


18

Django dökümanları, HTML / JS / CSS'nin ne hakkında olduğunu bilmeyen bir kişinin onu kullanabileceğinden asla bahsetmedi. Endişelerin ayrılması, asıl eylemin (görünümlerin) veritabanı katmanından veya URL yönlendirme mantığından ayrıldığı arka uçta da yapılır - Bu, gevşek bağlantıya izin verir. Bu, asla modellerinizi anlamadan görüş yazabileceğiniz anlamına gelir. Benzer şekilde (pek de aynı şekilde değil), temel web sayfalarını açmak için HTML / CSS anlayışına sahip olmanız gerekir. Bazı JS öğrenmek isteyebilirsiniz veya istemeyebilirsiniz, ancak HTML5 ile bazı JavaScript’leri bilmek çok ya da az gerekli olduğunu düşünüyorum.

Aklı başında bir web geliştirici, DreamWeaver gibi bir WYSIWYG editörü kullanmanızı tavsiye etmeyecektir. HTML'yi elle yazın. Bununla birlikte, projenizi hızlı bir şekilde başlatmak için HTML5 Bolierplate gibi şeyleri kullanabilirsiniz .

Google AppEngine, uygulamanızı dağıtmak için kullanabileceğiniz bir PaaS'dir. Diğer şeylerin yanı sıra Python çalışma zamanı, yüksek çoğaltma veri deposu vb. Sağlayacaktır - ancak ön uç oluşturma işinize özen göstermez.

Ön uçla ilgilenmesi için birisini işe alacaksanız, o kişinin Django etiketlerini nasıl kullanacağını bilmesi gerekir (eğer MVC - veya MTV modelini yakından takip ederseniz), bulanık çizgiyi tanımlarlar. "statik" ve "dinamik" web sayfaları arasında. Bir ön-geliştirici işe almayı seçseniz bile, HTML ve CSS'nin temellerini (en azından nasıl çalıştığını ve CSS statik dosyalarına nasıl hizmet edeceğinizi bildiğinizden emin olun) anlamanızı öneririm. Uzun vadede sadece size yardımcı olacaktır.

Tüm insanlar iyi tasarım becerilerine sahip değildir ve tasarım şüphesiz en yetenekli insanlara bırakılmıştır, ancak aslında bu tasarımla sayfalar sunarken, hepsi HTML ve CSS'dir. Böylece, bir ön uç tasarımcısı ve bir ön uç geliştiricisi olarak iki katına çıkan birisini işe alabilirsiniz. Ancak ön uç teknolojilerden tamamen habersiz kalmamanızı öneririm.


2
+1 "akıllıca web geliştirici yok"
msw

Mantıklı bir web geliştiricisinin , HTML şablonlarını Dreamweaver'a benzeyen herhangi bir şeyde yazmak istemeyeceği muhtemelen doğrudur . Ancak çoğu web tasarımcısı CSS için Dreamweaver veya benzeri bir ürün kullanmak istiyor gibi görünüyor ve soru CSS'den bahsediyor. Bu yüzden Dreamweaver ve Django ile çalışmak konusunda bazı yönlere sahip olmak güzel olurdu.
Westcroft_to_Apan

4

Yaptığım şey, ya dreamweaver'da bir düzen tasarlamam ya da sahte verilerle HTML "tel kafesler" oluşturmak için bir tasarımcı tutmam, sonra üzerine gidip Django'nun (veya Jinja's) şablon etiketlerini çalışan bir şablon haline getirmek için kullanıyorum. Biraz HTML biliyorum ama hiçbir zaman çekici bir şey yapamam. Fonksiyonel? Evet! Bakmak için hoş? Glob No!

Yani sonuç olarak; Temel HTML bilgisiyle, önceden hazırlanmış bir HTML belgesini şablon olarak çalışacak şekilde değiştirebilirsiniz.


1

Neyse, HTML'nin nasıl çalıştığını anlamanız gerekir. Herhangi bir grafik güzellikleri olmadan basit bir düzen ile başlayabilirsiniz.

İstediğiniz herhangi bir düzenleyiciyi kullanabilirsiniz (Dreamweaver veya her neyse) ancak django'nun etiketleri şablonu program koduna bağlar, böylece hiçbir editör WYSIWYG ile yapamaz (ne görüyorsanız onu alırsınız). Bazı IDE'lerin bu etiketler için çok az yardımcısı var, fakat artık yok, sadece etiketleri kapatmak gibi şeyleri otomatikleştiriyorlar.

Veya uygulamanıza bir şablon oluşturmak ve entegre etmek için bir freelancer işe alabilirsiniz, ancak bir şeyi öğrenmenin en iyi yolu bu değildir :)


0

Belki html + bootstrap kullanmayı öğrenirsiniz. Bootstrap, CSS ve JavaScripts'in neredeyse hepsi olmasa da sizin için özenle ele alındığı duyarlı siteler yapmak için modern bir pakettir. Yani html + css + js derinlemesine kazmak gerek yok.

Önyükleme yeteri kadarını öğrendikten sonra yapacaklarınız, bu önyükleme örneklerine gidip web tasarımlarınızı oradan başlatmaktır. Daha sonra, bileşene özgü unsurlara ihtiyacınız olacaksa, o zaman bu bağlantıya gidin .

HTML, CSS ve JS hakkında çok az şey biliyordum ve Bootstrap gerçekten kıçımı kurtardı. Bunların çıplak temellerini bilmeniz gerekir, ancak web geliştirmeye devam ediyorsanız, bu acı vermemelidir.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.