Як розробити передній край (інтерфейс користувача) для мого веб-сайту Django

Я вивчаю Джанго та новачок у веб-розробці. Вибачте, будь ласка, якщо ви вважаєте це питання занадто німим.

Отже, я створюю програму Facebook за допомогою Django, яку я хотів би розмістити в Google App Engine. Проект зосереджувався б на читанні RSS / Atom каналів будь-якого веб-сайту (Це все, що я можу сказати зараз).

Я достатньо впевнений, щоб обробити файли RSS / Atom, але я переживаю за частину передньої частини (Інтерфейс користувача) - "Дизайн-частина". Я не знаю HTML / CSS / JavaScript (я можу працювати з простими HTML-речами, але це не призводить до жодної речі дизайну).

По-перше, я подумав використовувати такі інструменти, як dreamweaver або будь-яке інше програмне забезпечення для проектування інтерфейсу, але коли я дійсно почав вивчати джанго і вступати в нього, це здається, що це "не можливо".

Так,

• Як я повинен розробити частину інтерфейсу користувача свого веб-сайту? Не можу я використовувати такі інструменти, як сонник?

  • Якщо ні, то найкращий спосіб для хлопця, як я, який не знає JavaScript / CSS
  • Якщо так, то яка найкраща альтернатива перегляду снів з відкритим кодом?
  • Чи може Google App Engine впоратися з усім цим?

• Як люди, які мають справу з Django, редагують ці сторінки шаблонів. Джанго зазначає, що він розділить логічні (погляди) та дизайн (шаблони) частини, щоб різні відділи компанії могли працювати окремо. Але враховуючи той факт, що HTML-сторінки Django заповнені "тегами", які ніяк не пов'язані з HTML (проектуванням), як люди з інтерфейсом користуються цим?

Документи Django ніколи не згадували, що людина, яка не знає, що таке HTML / JS / CSS, може використовувати його. Розділення проблем відбувається також у бекенде, де фактичні дії (погляди) відокремлені від шару бази даних або логіки маршрутизації URL - Це дозволяє виконувати зв'язане з'єднання. Це ніколи не означає, що ви можете писати перегляди, не розуміючи ніколи своїх моделей. Так само (ну, не так само), вам потрібно мати розуміння HTML / CSS, щоб отримати основні веб-сторінки. Ви можете чи не хочете вивчати деякі JS, але я думаю, що з HTML5, більш-менш важливо знати деякі JavaScript.

Жоден розумний веб-розробник не радить використовувати WYSIWYG-редактор, як DreamWeaver. Напишіть HTML вручну. Однак ви можете використовувати такі речі, як HTML5 Bolierplate, щоб швидко розпочати проект.

Google AppEngine - це PaaS, який можна використовувати для розгортання програми. Він забезпечить, крім усього іншого, час виконання Python, сховище даних з високою реплікацією тощо, - але він не піклується про створення вашої передньої частини.

Якщо ви збираєтеся найняти когось, щоб піклуватися про передовій, він все одно повинен знати, як користуватися тегами Django, оскільки насправді (якщо ви уважно стежите за MVC - або схемою MTV), вони визначають розмиту лінію між "статичними" та "динамічними" веб-сторінками. Навіть якщо ви вирішили найняти розробника програм frontend, я пропоную вам зрозуміти основи HTML та CSS (принаймні настільки, що ви знаєте, як це працює і як ви збираєтеся обслуговувати статичні файли CSS). Це допоможе вам лише в довгостроковій перспективі.

Не всі люди мають гарні дизайнерські навички, і дизайн, безсумнівно, найкраще залишити кваліфікованим людям, але коли мова йде про фактичне розміщення сторінок з таким дизайном, це все HTML та CSS. Таким чином, ви можете найняти особу, яка подвоюється (більшість з них), як дизайнер, що розробляється, і розробник. Але я пропоную вам не залишатися в курсі передових технологій.

Те, що я роблю, - це або розробляти макет у dreamweaver, або найняти дизайнера, щоб створити HTML "каркасні рамки" з підробленими даними, потім я переходжу його та використовую теги шаблонів Джанго (або Джинджа), щоб перетворити його у робочий шаблон. Я знаю деякі HTML, але мені ніколи не вдалося зробити щось привабливе. Функціональний? Так! Приємно дивитися? Глобу Ні!

Отже, на закінчення; Маючи лише деякі базові знання HTML, ви можете змінювати заздалегідь зроблений HTML документ, щоб він працював як шаблон.

У будь-якому разі вам потрібно буде зрозуміти, як працює HTML. Почати можна з простого макета без будь-яких графічних красунь.

Ви можете використовувати будь-який редактор, який вам подобається (Dreamweaver або будь-який інший), але теги django пов'язують шаблон із програмним кодом, тому жоден редактор не може зробити його з WYSIWYG (те, що ви бачите, те, що ви отримуєте). У деяких IDE є мало помічників для цих тегів, але не більше, вони просто автоматизують такі речі, як закривання тегів тощо.

Або ви можете найняти фрілансера, щоб створити та інтегрувати шаблон у свою програму, але це не найкращий спосіб дізнатися щось :)

Можливо, навчіться використовувати html + bootstrap. Bootstrap - це сучасний пакет для створення чуйних сайтів, де про CSS та JavaScripts майже, якщо не про все, піклуються про вас. Тому не потрібно копати шлях до html + css + js.

Що ви зробите після того, як знаєте достатню кількість завантажувальних програм, це перейти до цих прикладів завантаження, а потім запустити веб-дизайни звідти. Потім, коли вам знадобляться конкретні елементи, перейдіть за цим посиланням .

Я дуже мало знав про HTML, CSS, а JS і Bootstrap дійсно врятували мою дупу. Вам потрібно буде знати основні основи цих, хоча, але якщо ви займаєтеся веб-розробкою, це не повинно зашкодити.