Knowledge Rollback

¿Qué realiza la primera ruta contador? 

• Incrementar el valor del contador

• Mostrar la vista `contador` con un número inicial de cero

• Decrementar el valor del contador

• Ejecutar un componente Blade

Answer explanation

La primera ruta define una función que devuelve la vista `contador` con el valor inicial de `0`. No realiza incrementos ni decrementos

¿Cuál es la principal característica de las rutas con el patrón `/{número}/inc` y `/{número}/dec` en Laravel? 

• Permiten manejar formularios

• Establecen middleware para las rutas de autenticación

• Permiten realizar consultas a una base de datos

• Incrementan o decrementan el número en la URL utilizando una variable de ruta

Answer explanation

Estas rutas reciben un parámetro dinámico (`número`) en la URL y lo incrementan o decrementan según el caso

¿Qué motor de plantillas se utiliza en Laravel para crear las vistas? 

• Twig

• Handlebars

• Blade

• EJS

Answer explanation

Laravel utiliza el motor de plantillas Blade para la creación de vistas dinámicas con PHP y HTML

¿Qué variable se utiliza en la vista `contador.blade.php` para mostrar el valor actual del contador? 

• `{{ $contador }}` 

•     `{{ $número }}` 

• `{{ $valor }}` 

• `{{ $variable }}`

Answer explanation

En la vista `contador.blade.php`, la variable que se pasa desde la ruta a la vista y que muestra el valor actual del contador es `$número`

¿Qué acción se realiza al hacer clic en el botón con clase `bg-green-500` en la vista? 

• Se recarga la página sin cambios en el contador

• Se incrementa el valor del contador en 1

• Se decrementa el valor del contador en 1

• Se reinicia el valor del contador a cero

Answer explanation

El botón con la clase `bg-green-500` utiliza el enlace a la ruta de incremento (`contador.inc`), por lo que aumenta el valor del contador

¿Qué tecnología se usa para aplicar estilos en la vista `contador.blade.php`? 

• Bootstrap

• Foundation

• Tailwind CSS

• Materialize

Answer explanation

En el código del tutorial, se está utilizando Tailwind CSS para los estilos, como se puede ver en las clases `bg-green-500`, `hover:bg-green-600`, entre otras

¿Qué comando se utiliza para lanzar el servidor de desarrollo de Laravel? 

• php artisan route:list

• php artisan serve

• php serve

• composer serve

Answer explanation

El comando `php artisan serve` inicia el servidor de desarrollo de Laravel en el puerto 8000 por defecto

¿Cuál es el propósito del componente `x-button` en el código de la vista? 

• Definir un botón con estilo predefinido

• Crear un enlace hacia otra página de la aplicación

• Permitir la creación de botones personalizados con funcionalidad específica

• Definir un formulario de envío

Answer explanation

En Laravel, `x-button` es un componente Blade que se utiliza para crear un botón reutilizable con las funcionalidades que se le asignen

Cómo modificarías la lógica de las rutas para evitar que el contador decremente a un valor negativo? 

• Usando `if($número <= 0)` para validar y redirigir al mismo valor si es menor que cero

• Usando `if($número > 10)` para detener el incremento a 10

• Cambiando el valor por defecto del contador

• Utilizando un middleware para controlar el valor del contador

Answer explanation

Para evitar que el contador sea negativo, es necesario validar el valor de `$número` y, si es menor o igual a cero, devolver el mismo valor o evitar la disminución

¿Cuál de las siguientes es una recomendación del tutorial para mejorar la funcionalidad del contador? 

• Usar sesiones para guardar el valor del contador

• Agregar un botón para duplicar el valor actual del contador

• Cambiar la lógica del incremento para sumar 5 en lugar de 1

• Configurar un backend con Node.js para manejar el contador

Answer explanation

Una de las actividades recomendadas en el tutorial es agregar un botón para duplicar el valor del contador actual, lo que amplía la funcionalidad básica de incrementar y decrementar