Reto Blade Templates

Proyecto de programación
Intermedio
Laravel
Curso de Laravel
90 min
500 XP
Actualizado: 01/07/2025

¡Programa y certifícate!

Asistente de IA
Solución de código
Certificado
Empezar ejercicio

Ejercicio de programación: Reto Blade Templates

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

Tipo: Proyecto 90 minutos estimados 500 puntos de experiencia

Información adicional del ejercicio

Crear un sistema de blog con plantillas Blade en Laravel, implementando layouts, componentes y directivas.

Contenido del ejercicio

  1. Crea un controlador llamado BlogController con los métodos index, show y contact. El método index debe pasar una colección de artículos a la vista, show debe mostrar un artículo específico por ID, y contact debe renderizar un formulario de contacto.

  2. Define las rutas en routes/web.php para acceder a los métodos del controlador:

    • /blog para el listado de artículos (método index)
    • /blog/{id} para ver un artículo específico (método show)
    • /contact para la página de contacto (método contact)

  3. Crea un layout principal en resources/views/layouts/app.blade.php que incluya:

    • Una estructura HTML básica
    • Un encabezado con el nombre del blog
    • Una barra de navegación con enlaces a las páginas
    • Un contenedor principal con @yield('content')
    • Un pie de página con información de copyright

  4. Crea vistas parciales en resources/views/partials/ para:

    • header.blade.php: El encabezado del sitio
    • nav.blade.php: La barra de navegación
    • footer.blade.php: El pie de página

  5. Desarrolla la vista resources/views/blog/index.blade.php que extienda del layout principal y muestre la lista de artículos. Utiliza la directiva @forelse para mostrar los artículos o un mensaje cuando no hay artículos disponibles.

  6. Crea la vista resources/views/blog/show.blade.php para mostrar los detalles de un artículo individual, incluyendo título, contenido, autor y fecha de publicación. Utiliza la directiva @if para mostrar información adicional solo cuando esté disponible.

  7. Implementa la vista resources/views/blog/contact.blade.php con un formulario de contacto simple (no es necesario que funcione el envío).

  8. Crea un componente Blade para mostrar artículos destacados en resources/views/components/featured-post.blade.php. Este componente debe recibir un artículo como parámetro y mostrar su información en un formato destacado.

  9. Modifica el controlador para que algunos artículos estén marcados como destacados y utiliza el componente en la vista index para mostrarlos de forma especial.

  10. Añade la funcionalidad para formatear las fechas de publicación en formato legible (ej: "Publicado el 15 de marzo de 2023") utilizando las capacidades de Blade.

Más ejercicios de Laravel

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

Ver más ejercicios de Laravel

Solución al ejercicio de programación en Laravel

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el ejercicio de programación en Laravel 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 );
5
6 // Aplicar técnica de dos punteros
7 let left = 0 , right = sorted . length - 1 ;
8 const result = [];
9
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 }
21
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 Laravel

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 Laravel

⭐⭐⭐⭐⭐
4.9/5 valoración