Ejercicio Flask: reto sintaxis básica de Jinja2 en Python

Ejercicio de programación: Reto Sintaxis Jinja2

Este ejercicio de programación está diseñado para poner a prueba tus conocimientos en Flask. Es un ejercicio de nivel intermedio que requiere conocimientos sólidos de la tecnología.

Tipo: Ejercicio de código 5 minutos estimados 200 puntos de experiencia

Información adicional del ejercicio

Crear una aplicación Flask que use sintaxis básica de Jinja2 para mostrar variables, aplicar filtros y usar estructuras de control en plantillas HTML.

Contenido del ejercicio

Crea una aplicación Flask en un solo archivo que demuestre el uso de la sintaxis básica de Jinja2. La aplicación debe tener una ruta principal que renderice una plantilla HTML con las siguientes características:

Datos a mostrar:

Un diccionario usuario con las claves: nombre, edad, email y activo (booleano)
Una lista productos con al menos 3 diccionarios, cada uno con: nombre, precio y stock
Una variable titulo_pagina con el texto "Tienda Online"

Requisitos de la plantilla:

Usar {{ }} para mostrar el título de la página y los datos del usuario
Aplicar el filtro upper al nombre del usuario
Usar el filtro default para mostrar "Sin email" si el email está vacío
Implementar una estructura {% if %} que muestre "Usuario activo" o "Usuario inactivo" según el valor de activo
Crear un bucle {% for %} que liste todos los productos mostrando nombre, precio y stock
Usar la variable especial loop.index para numerar los productos
Incluir un comentario Jinja2 {# #} explicando qué hace el bucle

Estructura sugerida:

Crea el archivo principal con la aplicación Flask
Define la ruta / que prepare los datos y renderice la plantilla
Crea la plantilla HTML en una carpeta templates/
Usa HTML básico con las etiquetas necesarias para mostrar la información

La aplicación debe funcionar ejecutando python app.py y mostrando correctamente todos los elementos de sintaxis Jinja2 solicitados.

Lección relacionada

Este ejercicio está relacionado con la lección "Sintaxis Jinja2" de Flask. Te recomendamos revisar la lección antes de comenzar.

Ver lección relacionada

Más ejercicios de Flask

Explora más ejercicios de programación en Flask para mejorar tus habilidades y obtener tu certificación.

Ver más ejercicios de Flask

Solución al ejercicio de programación en Flask

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el ejercicio de programación en Flask para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.

solution.js

JavaScript

1 function solveChallenge ( input ) {

2 // Algoritmo optimizado O(n log n)

3 const data = parseInput ( input );

4 const sorted = data . sort (( a , b ) => a - b );

6 // Aplicar técnica de dos punteros

7 let left = 0 , right = sorted . length - 1 ;

8 const result = [];

10 while ( left < right ) {

11 const sum = sorted [ left ] + sorted [ right ];

12 if ( sum === target ) {

13 result . push ([ sorted [ left ], sorted [ right ]]);

14 left ++; right --;

15 } else if ( sum < target ) {

16 left ++;

17 } else {

18 right --;

19 }

20 }

22 return result ;

23 }

Código completo

Explicaciones

Mejores prácticas

+1.200 developers han resuelto este ejercicio de programación

Practica con ejercicios de programación en Flask

Mejora tus habilidades con cientos de ejercicios de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.

Asistente de IA

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Comenzar a programar

Únete a miles de desarrolladores mejorando sus habilidades en Flask

⭐⭐⭐⭐⭐

4.9/5 valoración