Bagaimana cara mengembangkan front end (UI) untuk situs web Django saya


26

Saya belajar Django dan baru dalam pengembangan web. Maafkan saya jika Anda menemukan pertanyaan ini terlalu bodoh.

Jadi, saya membuat aplikasi Facebook menggunakan Django yang ingin saya host di Google App Engine. Proyek ini akan berfokus pada membaca RSS / Atom feeds dari situs web mana pun (Itu yang bisa saya katakan sekarang).

Saya cukup yakin untuk memproses file RSS / Atom tetapi saya khawatir tentang bagian ujung depan (Antarmuka Pengguna) - "Bagian desain". Saya tidak tahu HTML / CSS / JavaScript (saya bisa menangani hal-hal HTML sederhana tapi itu tidak mengarah pada hal desain).

Pertama, saya berpikir untuk menggunakan alat-alat seperti dreamweaver atau perangkat lunak apa pun yang setara untuk mendesain UI tetapi ketika saya benar-benar mulai belajar Django dan masuk ke dalamnya, Tampaknya hal itu menjadi "tidak mungkin".

Begitu,

  • Bagaimana saya harus mendesain bagian UI situs saya? Tidak bisakah saya menggunakan alat seperti Dreamweaver?

    • Jika TIDAK, apa cara terbaik untuk pria seperti saya yang tidak tahu JavaScript / CSS
    • Jika YA, apa alternatif open source terbaik untuk Dreamweaver?
    • Bisakah Google App Engine menangani semua masalah ini?
  • Bagaimana orang yang berurusan dengan Django mengedit halaman template tersebut. Django menyebutkan itu akan memisahkan bagian-bagian yang logis (tampilan) dan desain (templat) sehingga berbagai departemen di perusahaan dapat menangani secara terpisah. Tetapi Mengingat fakta bahwa halaman HTML Django dipenuhi dengan "tag" yang tidak ada hubungannya dengan HTML (mendesain), bagaimana orang UI menanganinya?


1
Pertama, buat itu bekerja, kemudian buatlah itu cantik.
msw

Jawaban:


18

Dokumen Django tidak pernah menyebutkan bahwa seseorang yang tidak tahu apa itu HTML / JS / CSS dapat menggunakannya. Pemisahan kekhawatiran dilakukan juga di backend, di mana tindakan sebenarnya (pandangan) dipisahkan dari lapisan basis data atau logika URL-routing - Itu memungkinkan untuk lepas-kopling. Itu tidak pernah berarti Anda dapat menulis tampilan tanpa pernah memahami model Anda. Demikian pula (well, tidak seperti itu), Anda harus memiliki pemahaman tentang HTML / CSS untuk mendapatkan halaman web dasar. Anda mungkin atau mungkin tidak ingin belajar beberapa JS, tapi saya pikir dengan HTML5, lebih atau kurang penting untuk mengetahui beberapa JavaScript.

Tidak ada pengembang web yang waras yang akan menyarankan untuk menggunakan editor WYSIWYG seperti DreamWeaver. Tulis HTML dengan tangan. Namun, Anda dapat menggunakan hal-hal seperti HTML5 Bolierplate untuk memulai proyek Anda dengan cepat.

Google AppEngine adalah PaaS yang dapat Anda gunakan untuk menggunakan aplikasi Anda. Ini akan menyediakan antara lain, runtime Python, datastore replikasi tinggi dll - tetapi itu tidak akan mengurus menghasilkan front-end Anda.

Jika Anda akan merekrut seseorang untuk mengurus front-end, orang itu tetap harus tahu bagaimana menggunakan tag Django, benar-benar (jika Anda mengikuti pola MVC - atau MTV dengan cermat), mereka menentukan garis kabur. antara halaman web "statis" dan "dinamis". Bahkan jika Anda memilih untuk menyewa pengembang frontend, saya sarankan Anda memahami dasar-dasar HTML dan CSS (setidaknya begitu banyak sehingga Anda tahu cara kerjanya dan bagaimana Anda akan melayani file statis CSS). Ini hanya akan membantu Anda dalam jangka panjang.

Tidak semua orang memiliki keterampilan desain yang baik, dan desain tidak diragukan lagi diserahkan kepada orang-orang yang terampil, tetapi ketika benar-benar melayani halaman dengan desain itu, itu semua HTML dan CSS. Jadi, Anda dapat merekrut orang yang merangkap (paling banyak) sebagai desainer front-end dan pengembang front-end. Tapi saya sarankan Anda untuk tidak sepenuhnya menyadari teknologi front-end.


2
+1 "pengembang web tidak waras"
msw

Mungkin benar bahwa tidak ada pengembang web waras yang ingin membuat templat HTML dalam apa pun yang menyerupai Dreamweaver. Tetapi sebagian besar desainer web tampaknya ingin menggunakan Dreamweaver atau serupa untuk CSS, dan pertanyaannya tidak menyebutkan CSS. Jadi akan menyenangkan untuk memiliki beberapa arahan sehubungan dengan bekerja dengan Dreamweaver dan Django.
Westcroft_to_Apse

4

Apa yang saya lakukan adalah saya mendesain tata letak di dreamweaver, atau menyewa seorang desainer untuk membuat "wireframes" HTML dengan data palsu, kemudian saya membahasnya dan menggunakan tag templat Django (atau Jinja) untuk membuatnya menjadi templat yang berfungsi. Saya tahu beberapa HTML, tetapi saya tidak akan pernah bisa membuat sesuatu yang menarik. Fungsional? Iya nih! Menyenangkan dilihat? Glob Tidak!

Jadi, sebagai kesimpulan; Dengan hanya beberapa pengetahuan dasar tentang HTML, Anda dapat memodifikasi dokumen HTML yang sudah dibuat sebelumnya agar berfungsi sebagai templat.


1

Bagaimanapun, Anda harus memahami cara kerja HTML. Anda bisa mulai dengan tata letak sederhana tanpa keindahan grafis.

Anda dapat menggunakan editor apa pun yang Anda suka (Dreamweaver atau apa pun) tetapi tag django sedang menghubungkan templat ke kode program, jadi tidak ada editor yang dapat membuatnya dengan WYSIWYG (yang Anda lihat adalah apa yang Anda dapatkan). Beberapa IDE memiliki sedikit pembantu untuk tag itu, tetapi tidak lebih, mereka hanya mengotomatiskan hal-hal seperti tag penutup dan sebagainya.

Atau Anda dapat menyewa freelancer untuk membuat dan mengintegrasikan template di aplikasi Anda, tetapi itu bukan cara terbaik untuk mempelajari sesuatu :)


0

Mungkin belajar cara menggunakan html + bootstrap. Bootstrap adalah paket modern untuk membuat situs responsif di mana CSS dan JavaScripts hampir, jika tidak semua, dirawat untuk Anda. Jadi tidak perlu menggali cara untuk mendalami html + css + js.

Apa yang akan Anda lakukan setelah Anda cukup tahu tentang bootstrap adalah pergi ke contoh - contoh bootstrap ini kemudian mulai desain web Anda dari sana. Lalu ketika Anda membutuhkan elemen spesifik komponen, buka tautan ini .

Saya tahu sedikit tentang HTML, CSS, dan JS dan Bootstrap benar-benar menyelamatkan pantat saya. Anda akan perlu mengetahui dasar-dasar yang telanjang itu, tetapi jika Anda ke pengembangan web, itu tidak akan menyakitkan.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.