1
resposta

Na prática...

Professor, uma dúvida, no desenvolvimento de um site a gente precisará mudar todo o arquivo que o frontend faz, adicionando essas marcações {% %} para os links, ou mais pra frente veremos uma forma mais prática?

Me pareceu muito trabalhoso na construção de um site grande e completo.

1 resposta

Olá João, tudo bem com você?

Quando fazemos o uso das chaves ({}) estamos trabalhando com a linguagem de templates do Django, que será responsável por permitir que uma linguagem de programação, no nosso caso o Python, seja incorporada ao HTML. Segundo a documentação do Django essa será a sintaxe que devemos utilizar. Como por exemplo:

{% static 'caminho_para_uma_imagem' %}

Caso esteja trabalhando com o Visual Studio Code, podemos realizar a instalação de uma extensão que irá auxiliar durante a programação, você pode baixá-la no link abaixo, após instalar reinicie o VsCode. Essa extensão irá auxiliá-lo com o autocomplete em arquivos HTML.

Djaneiro - Django Snippets

Abaixo um exemplo de uso no momento do uso de um arquivo estático, basta que seja digitado a palavra static e pressionar tab que será adicionado a sintaxe completa.

Início da transcrição. Gif da tela do VsCode tela em tons de preto, temos aberto um arquivo no formato HTML, o usuário está testando o autocomplete do editor de texto, o usuário digita static e pressiona tab, nesse momento o autocomplete completa escrevendo a seguinte linha de código: Início do código {% static '' %} final do código, o usuário então digita entre as duas aspas simples o seguinte caminho: inicio do caminho img/bg-img/receita.png final do caminho, nesse momento reinicia o gif. Final da transcrição.

Uma boa prática para eliminar essas repetições frequentes de código dentro de um arquivo HTML, é criação de um arquivo geral que conterá a base (base.html) para o funcionamento das páginas, e podemos fazer o uso das partials irão conter pequenas partes da página, como por exemplo, cabeçalho e rodapé.

Na aula Estendendo html o professor irá ensinar como realizar essa refatoração do código HTML, removendo a duplicidade de código.

Para conhecer um pouco mais sobre os tipos de templates do Django e como são suas sintaxes e formas de uso, recomendo a leitura do seguinte artigo da documentação.

Para aprofundar ainda mais seu aprendizado, no seguinte artigo da documentação, será apresentado como funciona a configuração dos templates do Django.

Lembre-se que pode contar sempre com o fórum Alura, seja para tirar suas dúvidas ou para compartilhar o seu desenvolvimento.

Fico à disposição.

Abraços e bons estudos.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software