Como desenvolver front end (UI) para o meu site Django

26

Estou aprendendo Django e novo no desenvolvimento web. Por favor, desculpe-me se você achar esta pergunta muito idiota.

Então, estou criando um aplicativo do Facebook usando o Django que gostaria de hospedar no Google App Engine. O projeto focaria na leitura de feeds RSS / Atom de qualquer site (isso é tudo o que posso dizer agora).

Estou certo de processar os arquivos RSS / Atom, mas estou preocupado com a parte do front end (Interface do usuário) - "A parte do design". Eu não sei HTML / CSS / JavaScript (eu posso lidar com coisas simples em HTML, mas isso não leva a nada de design).

Primeiro, pensei em usar ferramentas como o dreamweaver ou qualquer software equivalente para projetar a interface do usuário, mas quando realmente comecei a aprender django e entrar nele, parece ser uma coisa "impossível".

Tão,

  • Como devo projetar a parte da interface do usuário do meu site? Não posso usar ferramentas como o dreamweaver?

    • Se NÃO, qual é a melhor maneira para um cara como eu que não conhece JavaScript / CSS
    • Se SIM, qual é a melhor alternativa de código aberto para o dreamweaver?
    • O Google App Engine pode lidar com tudo isso?
  • Como as pessoas que lidam com o Django editam essas páginas de modelo. O Django menciona que separará as partes lógicas (visualizações) e design (modelos) para que diferentes departamentos de uma empresa possam lidar separadamente. Mas considerando o fato de que as páginas HTML do Django são preenchidas com "tags" que não são relacionadas ao HTML (design), como as pessoas da interface do usuário lidam com isso?

Amie
fonte
1
Primeiro, faça funcionar, depois faça bonito.
msw

Respostas:

18

Os documentos do Django nunca mencionaram que uma pessoa que não sabe o que é HTML / JS / CSS pode usá-lo. A separação de preocupações também é feita no back-end, onde a ação real (as visualizações) é separada da camada do banco de dados ou da lógica de roteamento de URL - Isso permite um acoplamento flexível. Isso nunca significa que você pode escrever visualizações sem entender seus modelos. Da mesma forma (bem, não tão similarmente), você precisa entender HTML / CSS para obter páginas básicas da web. Você pode ou não querer aprender algumas JS, mas acho que com o HTML5, é mais ou menos essencial conhecer um pouco de JavaScript.

Nenhum desenvolvedor web sensato aconselha usar um editor WYSIWYG como o DreamWeaver. Escreva HTML à mão. No entanto, você pode usar coisas como o Bolierplate HTML5 para iniciar seu projeto rapidamente.

O Google AppEngine é um PaaS que você pode usar para implantar seu aplicativo. Ele fornecerá, entre outras coisas, o tempo de execução do Python, um armazenamento de dados de alta replicação etc. - mas não cuidará de gerar seu front-end.

Se você vai contratar alguém para cuidar do front-end, essa pessoa precisaria saber como usar as tags Django, como realmente (se você seguir o padrão MVC - ou MTV de perto), eles definirão a linha borrada entre páginas da web "estáticas" e "dinâmicas". Mesmo se você optar por contratar um desenvolvedor de front-end, sugiro que você compreenda o básico de HTML e CSS (pelo menos tanto que saiba como ele funciona e como vai servir os arquivos estáticos CSS). Só o ajudará a longo prazo.

Nem todas as pessoas têm boas habilidades de design e, sem dúvida, é melhor deixar para pessoas qualificadas, mas quando se trata de realmente servir páginas com esse design, é tudo HTML e CSS. Portanto, você pode contratar uma pessoa que dobra (como a maioria) como designer de front-end e desenvolvedor de front-end. Mas sugiro que você não fique completamente inconsciente das tecnologias front-end.

yati sagade
fonte
2
+1 "no sane web developer"
msw
Provavelmente é verdade que nenhum desenvolvedor web sensato desejaria criar modelos HTML em algo parecido com o Dreamweaver. Mas a maioria dos web designers parece querer usar o Dreamweaver ou similar para o CSS, e a pergunta menciona CSS. Portanto, seria bom ter alguma orientação em relação ao trabalho com o Dreamweaver e o Django.
Westcroft_to_Apse
4

O que eu faço é criar um layout no dreamweaver ou contratar um designer para criar "wireframes" HTML com dados falsos, depois eu o examino e uso as tags de modelo do Django (ou Jinja) para transformá-lo em um modelo funcional. Eu sei um pouco de HTML, mas nunca seria capaz de tornar nada atraente. Funcional? Sim! Agradável de se olhar? Glob Não!

Então, em conclusão; Com apenas alguns conhecimentos básicos de HTML, você pode modificar um documento HTML pré-fabricado para funcionar como modelo.

George Griffin
fonte
1

De qualquer forma, você precisará entender como o HTML está funcionando. Você pode começar com um layout simples, sem belezas gráficas.

Você pode usar qualquer editor que desejar (Dreamweaver ou o que for), mas as tags do django estão vinculando o modelo ao código do programa, para que nenhum editor possa fazer isso com o WYSIWYG (o que você vê é o que obtém). Alguns IDEs têm poucos ajudantes para essas tags, mas não mais, eles apenas automatizam coisas como fechar tags e assim por diante.

Ou você pode contratar um freelancer para criar e integrar um modelo em seu aplicativo, mas não é a melhor maneira de aprender algo :)

ilvar
fonte
0

Talvez aprenda a usar html + bootstrap. O Bootstrap é um pacote moderno para criar sites responsivos nos quais CSS e JavaScripts são quase, se não todos, tratados por você. Portanto, não há necessidade de cavar muito fundo em html + css + js.

O que você fará depois de conhecer o suficiente do bootstrap é passar a esses exemplos de bootstrap e iniciar seus designs da web a partir daí. Então, quando você precisar de elementos específicos de componentes, acesse este link então.

Eu sabia muito pouco sobre HTML, CSS, JS e Bootstrap realmente salvou minha bunda. Você precisará conhecer o básico desses, mas se você estiver no desenvolvimento da Web, isso não deve doer.

berdstack
fonte