Template variables with double braces in Django - Step-by-Step Execution

Concept Flow - Template variables with double braces

Template with {{ variable }}

↓

Django Template Engine reads template

↓

Find {{ variable }} placeholder

↓

Look up variable in context dictionary

↓

Replace {{ variable }} with value

↓

Render final HTML output

The template engine reads the template, finds double brace variables, replaces them with context values, and produces the final HTML.

Execution Sample

Django

<p>Hello, {{ name }}!</p>

This template outputs a greeting by replacing {{ name }} with the value from the context.

Execution Table

Step	Template Part Read	Action	Variable Looked Up	Value Found	Output So Far
1	<p>Hello,	Read static text	N/A	N/A	<p>Hello,
2	{{ name }}	Find variable placeholder	name	"Alice"	<p>Hello, Alice
3	!</p>	Read static text	N/A	N/A	<p>Hello, Alice!</p>
4	End of template	Rendering complete	N/A	N/A	<p>Hello, Alice!</p>

💡 Reached end of template, all variables replaced with context values.

Variable Tracker

Variable	Start	After Step 2	Final
name	undefined	"Alice"	"Alice"

Key Moments - 2 Insights

Why does {{ name }} get replaced with "Alice"?

Because in step 2 of the execution table, the template engine looks up 'name' in the context dictionary and finds the value "Alice", which it inserts into the output.

What happens if the variable is not in the context?

If the variable is missing, Django usually renders it as an empty string or leaves the placeholder unchanged depending on settings, but in this example, the variable 'name' is found, so it is replaced.

Visual Quiz - 3 Questions

Look at the execution table, what is the output after step 2?

A <p>Hello, {{ name }}

B <p>Hello, Alice

C <p>Hello,

D <p>Hello, Alice!</p>

💡 Hint

Check the 'Output So Far' column in row for step 2.

At which step does the template engine replace the variable with its value?

A Step 2

B Step 1

C Step 3

D Step 4

💡 Hint

Look for the step where 'Variable Looked Up' is 'name' and 'Value Found' is "Alice".

If the context had name = "Bob", what would be the output after step 2?

A <p>Hello, Alice

B <p>Hello, {{ name }}

C <p>Hello, Bob

D <p>Hello, </p>

💡 Hint

Refer to variable_tracker and execution_table for how variable values affect output.

Concept Snapshot

Template variables use {{ variable }} syntax.
Django replaces these with context values.
If variable is missing, output may be empty.
This happens during template rendering.
Result is final HTML with values inserted.

Full Transcript

In Django templates, double braces {{ variable }} mark places where values from the context dictionary are inserted. The template engine reads the template, finds these placeholders, looks up the variable names in the context, and replaces them with their values. For example, if the template has <p>Hello, {{ name }}!</p> and the context provides name as "Alice", the output will be <p>Hello, Alice!</p>. This process happens step-by-step as the template is rendered. If a variable is missing in the context, Django may render an empty string or leave the placeholder depending on settings. This visual trace shows how the template is read, variables found, values looked up, and final output built.