Why templates separate presentation in Django - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to load the static tag library in Django.

Django

{% load [1] %}

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

Astatic

Burl

Ctemplate

Dinclude

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'url' instead of 'static' to load static files.

Trying to load 'template' which is not a valid tag.

The {% load static %} tag provides support for static files in Django templates.

2fill in blank

medium

Complete the code to display a variable named 'title' in a Django template.

Django

<h1>{{ [1] }}</h1>

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

Acontent

Bname

Cheader

Dtitle

Attempts:

3 left

💡 Hint

Common Mistakes

Using a variable name not passed from the view.

Forgetting the double curly braces.

Using {{ title }} displays the value of the 'title' variable in the template.

3fill in blank

hard

Fix the error in the template tag to include another template named 'header.html'.

Django

{% [1] 'header.html' %}

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

Aload

Bextends

Cinclude

Dblock

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'load' which is for loading tags, not templates.

Using 'extends' which is for template inheritance.

The {% include 'header.html' %} tag inserts the content of 'header.html' here.

4fill in blank

hard

Fill both blanks to create a dictionary comprehension that maps words to their lengths only if length is greater than 3.

Django

{ [1]: len([2]) for [2] in words if len([2]) > 3 }

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

Aword

Blen

Cwords

Dcount

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'words' as the key instead of the loop variable.

Using 'len' as the loop variable.

The comprehension uses 'word' as key and len(word) as value for words longer than 3 letters.

5fill in blank

hard

Fill all three blanks to create a dictionary comprehension that maps uppercase keys to their values only if value is positive.

Django

result = { [1].upper(): [2] for [1], [2] in data.items() if [2] [3] 0 }

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

Akey.upper()

Bvalue

C>

Dkey

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'key.upper()' as loop variable.

Using wrong comparison operator.

We loop over key, value in data.items(), use key.upper() as key, value as value, and filter values > 0.

Practice

1. Why do Django templates separate presentation from business logic?

easy

A. To make the server run faster

B. To speed up the database queries

C. To reduce the size of the HTML files

D. To make the website easier to build and maintain

Solution

1. Step 1: Understand the role of templates

   Django templates handle how the page looks, separate from how data is processed.

2. Step 2: Recognize benefits of separation

   This separation makes it easier to build, change, and maintain the website without mixing code and design.

3. Final Answer:

   To make the website easier to build and maintain -> Option D

4. Quick Check:

   Separation of concerns = easier maintenance [OK]

Hint: Templates separate look and logic for easier updates [OK]

Common Mistakes:

• Thinking templates speed up database queries
• Believing templates reduce HTML file size
• Assuming templates make server faster

2. Which of the following is the correct way to extend a base template in Django?

easy

A. {% include 'base.html' %}

B. {% extends 'base.html' %}

C. {% import 'base.html' %}

D. {% load 'base.html' %}

Solution

1. Step 1: Identify the template inheritance tag

   Django uses the {% extends %} tag to inherit from a base template.

2. Step 2: Confirm correct syntax

   The syntax is {% extends 'base.html' %}, which tells Django to use the base template as a parent.

3. Final Answer:

   {% extends 'base.html' %} -> Option B

4. Quick Check:

   Template inheritance uses extends [OK]

Hint: Use {% extends %} to inherit templates [OK]

Common Mistakes:

• Using include instead of extends for inheritance
• Confusing load or import with extends
• Wrong syntax with missing quotes

3. Given this base template snippet:

{% block content %}Base Content{% endblock %}

And this child template snippet:

{% extends 'base.html' %}{% block content %}Child Content{% endblock %}

What will be displayed when rendering the child template?

medium

A. Base Content

B. Base ContentChild Content

C. Child Content

D. Error: block content redefined

Solution

1. Step 1: Understand block overriding in templates

   The child template overrides the 'content' block defined in the base template.

2. Step 2: Determine rendered output

   Because the child block replaces the base block, only 'Child Content' is shown.

3. Final Answer:

   Child Content -> Option C

4. Quick Check:

   Child block overrides base block [OK]

Hint: Child blocks replace base blocks in templates [OK]

Common Mistakes:

• Thinking base and child content combine
• Expecting an error on block redefinition
• Assuming base content shows instead

4. What is wrong with this Django template code?

{% extends 'base.html' %}{% block content %}Hello{% endblock %}{% endblock %}

medium

A. There is an extra {% endblock %} tag

B. The extends tag is missing quotes

C. The block name is invalid

D. The template is missing a load tag

Solution

1. Step 1: Check block tags pairing

   There is one {% block content %} but two {% endblock %} tags, causing mismatch.

2. Step 2: Identify syntax error

   Extra {% endblock %} causes a template syntax error.

3. Final Answer:

   There is an extra {% endblock %} tag -> Option A

4. Quick Check:

   Block tags must match exactly [OK]

Hint: Count block and endblock tags carefully [OK]

Common Mistakes:

• Ignoring extra endblock tag
• Thinking quotes are missing in extends
• Assuming block name is wrong

5. You want to reuse a header and footer on multiple pages in Django. Which approach best uses templates to separate presentation?

hard

A. Use template inheritance with a base template containing header and footer blocks

B. Write header and footer HTML inside each view function

C. Copy header and footer HTML into every page template

D. Load header and footer HTML using JavaScript after page loads

Solution

1. Step 1: Identify best reuse method in Django templates

   Template inheritance allows common parts like header and footer to be defined once in a base template.

2. Step 2: Understand separation of concerns

   This keeps presentation consistent and easy to update without repeating code in every page.

3. Final Answer:

   Use template inheritance with a base template containing header and footer blocks -> Option A

4. Quick Check:

   Template inheritance enables reuse [OK]

Hint: Use base template for common page parts [OK]

Common Mistakes:

• Copy-pasting header/footer in every template
• Mixing HTML into view functions
• Relying on JavaScript for static page parts