Template includes for reusability in Django - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to include a reusable header template in your main template.

Django

{% include '[1]' %}

Drag options to blanks, or click blank then click option'

Asidebar.html

Bfooter.html

Cheader.html

Dbase.html

Attempts:

3 left

💡 Hint

Common Mistakes

Using the wrong template filename.

Forgetting to put the filename in quotes.

The {% include %} tag inserts the content of the specified template file. Here, header.html is included for reusability.

2fill in blank

medium

Complete the code to include a navigation bar template inside a base template.

Django

<nav>{% include '[1]' %}</nav>

Drag options to blanks, or click blank then click option'

Anavbar.html

Bcontent.html

Csidebar.html

Dfooter.html

Attempts:

3 left

💡 Hint

Common Mistakes

Including unrelated templates like footer or content inside the nav tag.

Misspelling the template filename.

The navbar.html template usually contains the navigation bar, so including it inside the <nav> tag is correct.

3fill in blank

hard

Fix the error in the code to correctly include a reusable sidebar template.

Django

{% include [1] %}

Drag options to blanks, or click blank then click option'

Asidebar.html

B'sidebar.html'

C"sidebar.html"

Dsidebar

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting quotes around the template name.

Using variable names without quotes.

The {% include %} tag requires the template name as a quoted string. Using single quotes like 'sidebar.html' is correct.

4fill in blank

hard

Fill both blanks to include a reusable footer template and pass a variable named 'year' to it.

Django

{% include '[1]' with [2]=current_year %}

Drag options to blanks, or click blank then click option'

Afooter.html

Bheader.html

Cyear

Ddate

Attempts:

3 left

💡 Hint

Common Mistakes

Using the wrong template filename.

Passing a variable name that the included template does not use.

The footer template is usually named footer.html. Passing the variable year allows the included template to use it.

5fill in blank

hard

Fill all three blanks to include a reusable card template, pass a title and content variables to it.

Django

{% include '[1]' with [2]=card_title [3]=card_content %}

Drag options to blanks, or click blank then click option'

Acard.html

Btitle

Ccontent

Dheader.html

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect template filenames.

Passing variables with wrong names or missing variables.

The reusable card template is card.html. Passing title and content variables allows the included template to display dynamic data.