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?


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.


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.


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 :)


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.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.