Returning HTML templates in Django - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What does this Django view return?

Consider this Django view function. What will the user see when visiting this view?

Django

from django.shortcuts import render

def home(request):
    context = {'name': 'Alice'}
    return render(request, 'home.html', context)

A A JSON response containing {'name': 'Alice'}.

B The HTML content of 'home.html' with 'Alice' displayed where {{ name }} is used.

C A plain text response showing the string "{'name': 'Alice'}".

D An error because 'render' is missing the request argument.

💡 Hint

Remember that render combines a template with context data to produce HTML.

The render function takes the request, template name, and context dictionary. It returns an HTML page where placeholders like {{ name }} are replaced by values from the context.

📝 Syntax

intermediate

Identify the syntax error in this Django view

What is wrong with this Django view code?

Django

from django.shortcuts import render

def about(request):
    context = {'page': 'About'}
    return render('about.html', context)

A The render function is missing the request argument as the first parameter.

B The function should return HttpResponse, not render.

C The template name should be a variable, not a string.

D The context dictionary should be a list, not a dict.

💡 Hint

Check the order and number of arguments for render.

The render function requires the request object as its first argument, followed by the template name and context.

❓ state_output

advanced

What is the output HTML of this Django view?

Given this template and view, what HTML will be rendered?

Django

Template 'greet.html':
<html><body><h1>Hello, {{ user }}!</h1></body></html>

View:
from django.shortcuts import render

def greet(request):
    return render(request, 'greet.html', {'user': 'Bob'})

A <html><body><h1>Hello, Bob!</h1></body></html>

B <html><body><h1>Hello, {{ user }}!</h1></body></html>

C <html><body><h1>Hello, !</h1></body></html>

D A server error because 'user' is not defined in the view.

💡 Hint

Variables in templates are replaced by context values.

The template variable {{ user }} is replaced by the string 'Bob' from the context dictionary passed to render.

🔧 Debug

advanced

Why does this Django view raise TemplateDoesNotExist?

This view raises a TemplateDoesNotExist error. What is the most likely cause?

Django

from django.shortcuts import render

def contact(request):
    return render(request, 'contact_us.html')

A The render function requires a context dictionary, which is missing.

B The render function should return a redirect, not a template.

C The template file 'contact_us.html' is missing or not in the template search path.

D The view function is missing the request argument.

💡 Hint

Check if the template file exists in your templates folder.

The error means Django cannot find the template file named 'contact_us.html' in any of the configured template directories.

🧠 Conceptual

expert

What happens if you return render() without a context?

In Django, what is the behavior when you call render(request, 'index.html') without providing a context dictionary?

A It causes a server error because the template expects variables not provided.

B It raises a TypeError because the context argument is required.

C It returns a JSON response with empty data.

D The template renders normally with no variables replaced, as context defaults to an empty dictionary.

💡 Hint

Check the default value of the context parameter in render.

The render function's context parameter is optional and defaults to an empty dictionary if omitted. The template renders with no variables replaced.

Practice

1. What is the primary function used in Django views to return an HTML template to the user?

easy

A. render()

B. redirect()

C. HttpResponse()

D. get_template()

Solution

1. Step 1: Understand Django view response methods

   Django views can return HTML using several methods, but the most common and convenient is render().

2. Step 2: Identify the method that combines template rendering and response

   render() takes the request, template name, and context data, then returns an HttpResponse with the rendered HTML.

3. Final Answer:

   render() -> Option A

4. Quick Check:

   Use render() to return HTML templates [OK]

Hint: Remember: render() combines template and response [OK]

Common Mistakes:

• Confusing render() with redirect()
• Using HttpResponse() without rendering template
• Trying to use get_template() directly in views

2. Which of the following is the correct syntax to return a template named home.html with an empty context in a Django view?

easy

A. return render(request, 'home.html', {})

B. return render('home.html', request, {})

C. return render(request, 'home.html')

D. return render({}, request, 'home.html')

Solution

1. Step 1: Recall the render() function signature

   The correct order is render(request, template_name, context).

2. Step 2: Match the syntax with the correct order and parameters

   return render(request, 'home.html', {}) matches the correct order and includes an empty dictionary for context.

3. Final Answer:

   return render(request, 'home.html', {}) -> Option A

4. Quick Check:

   render(request, template, context) syntax [OK]

Hint: render() needs request, template, then context [OK]

Common Mistakes:

• Swapping the order of arguments
• Omitting the context dictionary
• Passing context before request

3. Given the following Django view code, what will be displayed in the rendered template if the template uses {{ greeting }}?

def hello_view(request):
    context = {'greeting': 'Hello, Django!'}
    return render(request, 'hello.html', context)

medium

A. {{ greeting }}

B. Hello, Django!

C. greeting

D. Error: greeting not defined

Solution

1. Step 1: Understand context dictionary usage

   The context dictionary passes variables to the template. Here, 'greeting' is set to 'Hello, Django!'.

2. Step 2: Template variable rendering

   The template uses {{ greeting }}, which will be replaced by the value from context, 'Hello, Django!'.

3. Final Answer:

   Hello, Django! -> Option B

4. Quick Check:

   Context variables render their values in templates [OK]

Hint: Context keys become template variables [OK]

Common Mistakes:

• Expecting template to show variable name literally
• Forgetting to pass context dictionary
• Using wrong variable names in template

4. Identify the error in this Django view code snippet:

def index(request):
    return render('index.html', request, {'title': 'Home'})

medium

A. Template name should be a variable, not string

B. Missing import for render()

C. Context dictionary is not allowed

D. Arguments to render() are in wrong order

Solution

1. Step 1: Check render() argument order

   The correct order is render(request, template_name, context). Here, the template name and request are swapped.

2. Step 2: Identify the impact of wrong argument order

   Swapping arguments causes a TypeError or unexpected behavior because render expects request first.

3. Final Answer:

   Arguments to render() are in wrong order -> Option D

4. Quick Check:

   render() needs request first, then template [OK]

Hint: render() always starts with request argument [OK]

Common Mistakes:

• Swapping request and template arguments
• Forgetting to import render
• Passing context as a list instead of dict

5. You want to display a list of products dynamically in your Django template. Which is the best way to pass this list from your view to the template?

hard

A. Use redirect('products.html') with products_list as argument

B. Return HttpResponse(products_list) directly without template

C. Use render(request, 'products.html', {'products': products_list}) and loop in template

D. Embed the list in the URL and parse it in the template

Solution

1. Step 1: Understand passing data to templates

   To show dynamic data like a list, pass it in the context dictionary to the template using render().

2. Step 2: Use template loops to display list items

   The template can loop over products to display each product. Other options do not properly render HTML with data.

3. Final Answer:

   Use render(request, 'products.html', {'products': products_list}) and loop in template -> Option C

4. Quick Check:

   Pass data in context dict for dynamic templates [OK]

Hint: Pass data via context dict and loop in template [OK]

Common Mistakes:

• Trying to send data via redirect
• Returning raw data without template
• Embedding data in URL instead of context