Python Academy · Aula

Modelos com Jinja2

Renderize HTML dinâmico

Modelos com Jinja2 é uma aula grátis de Python Academy no CoddyKit. Esta é a aula 2 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 Python Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Python Academy inclui 4 aulas no total.

Por que usar modelos?

Retornar HTML a partir de strings do Python fica confuso rapidamente. Os modelos mantêm o HTML em arquivos separados e inserem os dados no momento da renderização. O Flask usa o mecanismo Jinja2.

from flask import Flask, render_template
app = Flask(__name__)
# render_template loads a file from the templates/ folder
print('Jinja2 powers Flask templates')

A pasta de modelos

O Flask procura modelos em uma pasta chamada templates/ ao lado da aplicação. Os arquivos geralmente terminam em .html.

# project/
#   app.py
#   templates/
#     index.html
print('Templates live in templates/')

render_template

render_template('index.html') carrega um modelo e retorna o HTML renderizado como resposta.

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')
print('home renders index.html')

Passando dados

Passe variáveis como argumentos nomeados. O modelo poderá então exibi-las.

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html', name='Alice')
print('name=Alice is sent to the template')

Exibindo variáveis

No modelo, {{ name }} exibe uma variável. As chaves duplas são a sintaxe de expressões do Jinja2.

# index.html
# <h1>Hello, {{ name }}!</h1>
print('Double braces output a value')

Instruções if

As instruções de controle do Jinja2 usam {% %}. Um bloco if exibe conteúdo condicionalmente.

# {% if user %}
#   <p>Welcome back!</p>
# {% else %}
#   <p>Please log in.</p>
# {% endif %}
print('{% if %} branches the markup')

Laços for

Percorra uma lista com {% for item in items %} para renderizar marcação repetida, como uma lista de produtos.

# <ul>
# {% for item in items %}
#   <li>{{ item }}</li>
# {% endfor %}
# </ul>
print('{% for %} repeats markup per item')

Filtros

Os filtros transformam um valor usando uma barra vertical: {{ name|upper }} o converte para maiúsculas. Entre os filtros integrados estão length, default e title.

# {{ name|upper }}        -> ALICE
# {{ items|length }}      -> count
# {{ bio|default('N/A') }}
print('Filters transform values with |')

Herança de modelos

Um modelo base define a estrutura da página com espaços reservados {% block %}. Os modelos filhos usam {% extends %} para herdá-lo e preencher os blocos.

# base.html
# <body>{% block content %}{% endblock %}</body>
#
# page.html
# {% extends 'base.html' %}
# {% block content %}<p>Hi</p>{% endblock %}
print('extends + block share a layout')

Escape automático

O Jinja2 aplica escape automaticamente ao HTML nas variáveis, protegendo contra execução de scripts entre sites. Um valor como <script> é exibido como texto, não executado.

# If name = '<b>x</b>', {{ name }} renders the literal text
# Auto-escaping is on by default for safety
print('Auto-escaping prevents XSS')

Vinculando com url_for

Dentro dos modelos, você ainda pode chamar url_for, geralmente para arquivos estáticos: {{ url_for('static', filename='style.css') }}.

# <link rel='stylesheet'
#   href="{{ url_for('static', filename='style.css') }}">
print('url_for works inside templates too')

Verificação rápida

Teste seus conhecimentos sobre Jinja2.

Recapitulação

Você aprendeu a usar modelos Jinja2.

render_template() renderiza arquivos de templates/
{{ }} exibe valores; {% %} executa if/for
Filtros como |upper transformam valores
extends + block permitem a herança do layout
O escape automático protege contra XSS

Perguntas Frequentes

A aula “Modelos com Jinja2” é grátis?

Sim — o texto completo de “Modelos com Jinja2” é 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 Python Academy, atualize para CoddyKit PRO. O curso de Python Academy inclui 4 aulas no total.

O que vou aprender em “Modelos com Jinja2”?

Renderize HTML dinâmico Você pratica Python 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 Python Academy?

Nenhuma experiência prévia é necessária. Python 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 2 de 4.

Quanto tempo leva a aula “Modelos com Jinja2”?

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 Python Academy?

Sim. Cada aula de Python 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 Python Academy