Flask Academy · Aula

Inclua parciais reutilizáveis

Inclua barras de navegação e rodapés com include.

Inclua parciais reutilizáveis é uma aula grátis de Flask Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Flask Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Flask Academy inclui 4 aulas no total.

Partes desta aula ainda não foram traduzidas e aparecem em inglês.

Some Parts Are Shared, Not Page-Wide

A navbar or footer appears on many pages but is not the whole layout. For these chunks you reach for include instead of inheritance. 🧱

extends vs include

Use extends to inherit a full skeleton, but use include to drop a small reusable snippet into the current template at that spot.

The include Tag

The include tag pastes another template file right where you place it. The included file renders as if its markup were written inline.

{% include "navbar.html" %}

A Partial Is Just a Template

A partial is an ordinary template holding only a fragment, like a nav bar. Naming it _navbar.html signals it is meant to be included.

<nav><a href="/">Home</a></nav>

Include in Your Base

You can include a partial inside the base so every page that extends it gets the navbar automatically, with no repeated markup.

<body>
  {% include "navbar.html" %}
  {% block content %}{% endblock %}
</body>

Partials See the Context

An included partial can read the same variables as the page that includes it, so a navbar can show the logged-in user name.

{% include "navbar.html" %}

Pass Extra Context

You can hand a partial its own values with with, scoping variables so the snippet stays focused and predictable.

{% include "card.html" with context %}

Tolerate a Missing File

Add ignore missing so a missing partial is skipped silently instead of crashing the page render.

{% include "ads.html" ignore missing %}

Keep Partials Small

A good partial does one job: a footer, a flash message bar, a single card. Small, focused fragments are easy to reuse and reason about.

Organize Partials in a Folder

Group fragments under a partials subfolder and reference them by that path. It keeps full pages and reusable snippets clearly separated.

{% include "partials/footer.html" %}

Edit Once, Update Everywhere

Fix the footer in its partial and every page that includes it updates together. That single edit is exactly why include exists. ✨

Quick Check

When should you reach for include instead of extends?

Recap: Partials

Use include to embed small shared snippets like navbars and footers. Keep them tiny, folder-organized, and edit them in one place. 🎯

Perguntas Frequentes

A aula “Inclua parciais reutilizáveis” é grátis?

Sim — o texto completo de “Inclua parciais reutilizáveis” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Flask Academy, atualize para CoddyKit PRO. O curso de Flask Academy inclui 4 aulas no total.

O que vou aprender em “Inclua parciais reutilizáveis”?

Inclua barras de navegação e rodapés com include. Você pratica Flask Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Flask Academy?

Nenhuma experiência prévia é necessária. Flask Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.

Quanto tempo leva a aula “Inclua parciais reutilizáveis”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Flask Academy?

Sim. Cada aula de Flask Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Flask Academy