Why routing is Flask's core - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define a route in Flask that shows 'Hello World!'.

Flask

from flask import Flask
app = Flask(__name__)

@app.route([1])
def hello():
    return 'Hello World!'

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

A"/hello"

B"hello"

C"/"

D"home"

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting the leading slash in the route path.

Using a string without quotes.

The @app.route decorator defines the URL path. It must start with a slash, so "/hello" is correct.

2fill in blank

medium

Complete the code to run the Flask app only if the script is executed directly.

Flask

if __name__ == [1]:
    app.run(debug=True)

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

A"main"

B"__init__"

C"__main__"

D"start"

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'main' without underscores.

Using '__init__' which is for package initialization.

The special variable __name__ equals "__main__" when the script is run directly, so this condition ensures the app runs only then.

3fill in blank

hard

Fix the error in the route decorator to correctly map the URL '/about'.

Flask

@app.route([1])
def about():
    return 'About page'

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

A"/about"

B"about"

C'about/'

D'about'

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting the leading slash in the route string.

Using single quotes inconsistently.

The route path must start with a slash / to be valid, so "/about" is correct.

4fill in blank

hard

Fill both blanks to create a route that accepts a username parameter and returns a greeting.

Flask

@app.route([1])
def greet_user([2]):
    return f"Hello, {username}!"

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

A"/user/<username>"

Buser

Cusername

D"/username"

Attempts:

3 left

💡 Hint

Common Mistakes

Not matching the parameter name in the route and function.

Forgetting angle brackets around the parameter in the route.

The route must include the parameter in angle brackets, and the function must accept the same parameter name.

5fill in blank

hard

Fill all three blanks to create a route that returns a JSON response with a message and status code.

Flask

from flask import jsonify

@app.route([1])
def status():
    response = [2]({{"message": "OK"}})
    response.status_code = [3]
    return response

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

A"/status"

Bjsonify

C200

D"status"

Attempts:

3 left

💡 Hint

Common Mistakes

Using a string instead of an integer for status code.

Forgetting to import or use jsonify.

The route path is "/status", jsonify creates a JSON response, and 200 is the HTTP status code for OK.

Practice

1. Why is routing considered the core of Flask?

easy

A. Because it connects web addresses (URLs) to Python functions that handle requests.

B. Because it manages the database connections automatically.

C. Because it styles the webpage with CSS.

D. Because it handles user authentication by default.

Solution

1. Step 1: Understand Flask's main job

   Flask is a web framework that responds to web requests by running Python code.

2. Step 2: Role of routing in Flask

   Routing links URLs to specific Python functions, so Flask knows what code to run for each web address.

3. Final Answer:

   Because it connects web addresses (URLs) to Python functions that handle requests. -> Option A

4. Quick Check:

   Routing = URL to function link [OK]

Hint: Routing links URLs to functions in Flask [OK]

Common Mistakes:

• Thinking routing manages databases
• Confusing routing with styling or CSS
• Assuming routing handles user login automatically

2. Which of the following is the correct way to define a route in Flask?

easy

A. @app.route('/home')\nreturn 'Welcome!'

B. @app.route('/home')\ndef home():\n return 'Welcome!'

C. def app.route('/home'):\n return 'Welcome!'

D. app.route('/home')\ndef home():\n print('Welcome!')

Solution

1. Step 1: Recognize Flask route decorator syntax

   Routes use the @app.route decorator above a function to link a URL to that function.

2. Step 2: Check each option's syntax

   @app.route('/home')\ndef home():\n return 'Welcome!' correctly uses @app.route('/home') above a function that returns a string. Others have syntax errors or missing function definitions.

3. Final Answer:

   @app.route('/home')\ndef home():\n return 'Welcome!' -> Option B

4. Quick Check:

   Route decorator + function = correct syntax [OK]

Hint: Use @app.route above a function to define routes [OK]

Common Mistakes:

• Missing @ before app.route
• Placing return outside function
• Using app.route as a function instead of decorator

3. What will be the output when accessing the URL /user/42 in this Flask app?

@app.route('/user/<int:id>')
def show_user(id):
    return f'User ID is {id}'

medium

A. User ID is 42

B. User ID is <int:id>

C. 404 Not Found error

D. User ID is id

Solution

1. Step 1: Understand dynamic routing with variables

   The route uses <int:id> to capture an integer from the URL and pass it as the 'id' argument.

2. Step 2: Check the function output

   The function returns a string with the captured id inserted using an f-string, so accessing /user/42 returns 'User ID is 42'.

3. Final Answer:

   User ID is 42 -> Option A

4. Quick Check:

   Dynamic route passes 42 as id [OK]

Hint: Dynamic routes pass URL parts as function inputs [OK]

Common Mistakes:

• Thinking the URL part is a literal string
• Expecting a 404 error for valid route
• Not using f-string to insert variable

4. Identify the error in this Flask route code:

@app.route('/hello')
def hello():
print('Hello World')
return 'Hello!'

medium

A. Return statement cannot be used in Flask routes.

B. Route decorator syntax is incorrect.

C. Missing indentation inside the function.

D. Function name 'hello' is invalid.

Solution

1. Step 1: Check Python indentation rules

   Python requires code inside functions to be indented. Here, 'print' and 'return' are not indented.

2. Step 2: Confirm route decorator and function name

   The decorator syntax and function name are valid. Return statements are allowed in Flask routes.

3. Final Answer:

   Missing indentation inside the function. -> Option C

4. Quick Check:

   Indent code inside functions [OK]

Hint: Indent function code properly in Python [OK]

Common Mistakes:

• Ignoring indentation errors
• Thinking decorator syntax is wrong
• Believing return is disallowed in routes

5. You want to create a Flask route that accepts a username in the URL and returns a greeting only if the username is not empty. Which code correctly implements this?

hard

A. @app.route('/greet/<username>')
def greet(username):
return 'Hello!'

B. @app.route('/greet/<username>')
def greet(username):
if username == None:
return 'No username provided.'
return f'Hello, {username}!'

C. @app.route('/greet/')
def greet():
return 'Hello, user!'

D. @app.route('/greet/<username>')
def greet(username):
if username:
return f'Hello, {username}!'
else:
return 'No username provided.'

Solution

1. Step 1: Understand dynamic route with username

   The route captures 'username' from the URL and passes it to the function.

2. Step 2: Check conditional greeting logic

   @app.route('/greet/<username>') def greet(username): if username: return f'Hello, {username}!' else: return 'No username provided.' checks if username is truthy (not empty) and returns a personalized greeting; else returns a message for missing username.

3. Step 3: Verify other options

   @app.route('/greet/<username>') def greet(username): if username == None: return 'No username provided.' return f'Hello, {username}!' incorrectly checks for None but username will never be None if route matches. @app.route('/greet/') def greet(): return 'Hello, user!' lacks username parameter. @app.route('/greet/<username>') def greet(username): return 'Hello!' ignores username value.

4. Final Answer:

   @app.route('/greet/<username>') def greet(username): if username: return f'Hello, {username}!' else: return 'No username provided.' -> Option D

5. Quick Check:

   Check username truthiness before greeting [OK]

Hint: Check if username is truthy to handle empty input [OK]

Common Mistakes:

• Checking username == None instead of truthiness
• Ignoring username parameter in function
• Defining route without username parameter