Introducción a Laravel

1

Instalación y Configuración de Laravel 9 Paso a Paso

2

Estructura de Carpetas en Laravel: Guía Completa para Desarrolladores

Fundamentos de Laravel

3

Comandos básicos de Artisan en Laravel

4

Definición y manejo de rutas web en Laravel

5

Configuración y Uso de Vistas con Blade en Laravel

6

Optimización de Plantillas HTML en PHP Laravel

7

Creación y manejo de controladores en Laravel

8

Migraciones en Laravel: Control de Versiones de Base de Datos

9

Modelos y Factories en Laravel: Creación de Datos Simulados

10

Consultas de Bases de Datos con Eloquent en Laravel

11

Relaciones de Tablas en Laravel: Usuario y Publicación

Manos a la obra con nuestro proyecto

12

Controladores y Rutas en Aplicaciones Web

13

Instalación y Configuración de Autenticación con Laravel

14

Modificación del Sistema de Inicio de Sesión en Proyectos Unipersonales

15

Rutas y Controladores en Laravel: Gestión de Publicaciones

16

Consulta a Base de Datos en Controlador Laravel

17

Formularios Seguros con Laravel y Tailwind CSS

18

Configuración Inicial para Creación y Edición en Laravel

19

Desarrollo de Formularios Seguros en Laravel

20

Creación de Registros en Base de Datos con Laravel

21

Desarrollo del Método Update para Formularios en Web Apps

22

Validación de formularios en aplicaciones web

23

Configuraciones de Validación en Controladores y Formularios

Trabajemos en el diseño web de nuestro proyecto

24

Diseño de Encabezados Flexibles con TailwindCSS

25

Clases CSS con Tailwind para Estilos Dinámicos

26

Creación de una Página Home con Rutas y Controlador en Laravel

27

Clases CSS para personalización avanzada de contenedores

28

Diseño de Interfaces con HTML y CSS Avanzado

29

Configuración de Formularios de Búsqueda en PHP

30

Optimización de Consultas en Laravel con Debug Bar

Cierre

31

Redirección y Navegación en Frameworks Web

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Introducción a Laravel 9

Curso de Introducción a Laravel 9

Profesor Italo Morales F

Profesor Italo Morales F

Creación de una Página Home con Rutas y Controlador en Laravel

26/31
Recursos

¿Cómo crear una página “Home” efectiva en una aplicación web?

Crear una página de inicio efectiva es clave para cualquier aplicación web. En este breve recorrido práctico, abordaremos cómo una página "Home" puede articularse para contener una imagen destacada y un listado de artículos, además de cómo estructurar correctamente las rutas, vistas y controladores necesarias.

¿Cómo modificar y configurar rutas?

Antes de entrar en el código, es crucial definir las rutas. En este ejemplo, trabajamos específicamente con la ruta raíz y la de artículos individuales, dejando de lado la vista de blog.

  1. Rutas principales: Configurar la ruta raíz y la de artículos individuales beneficia la navegación del usuario.
  2. Controladores: Configurar el controlador PageController para gestionar estas rutas es el siguiente paso. Esto se hace con el método deseado, asegurándonos de eliminar todo método innecesario.

¿Cuál es el papel del controlador?

El controlador es el puente entre las rutas y las vistas. Tras configurar las rutas, pasamos los métodos relevantes a la vista adecuada en el controlador.

  • Pegar la búsqueda: El método de búsqueda se copia y se pega donde queremos que se ejecute, en este caso, en el Home.
  • Eliminar métodos innecesarios: Mantener el código limpio implica eliminar cualquier implementación obsoleta o redundante.

¿Cómo configurar la vista Home?

Esta vista es donde los cambios serán más visibles para los usuarios.

  1. Estructura inicial del HTML: Empezamos con un div general para establecer el espacio donde imprimiremos la información.
  2. Titular con 'H1': Un H1 con la frase "contenido técnico" da contexto y provee jerarquía.
  3. Configuración de clases:
    • Usar clases como tex-2xl, margin-8, y gris-900 para establecer estilo.
    • Añadir un div dentro del cuerpo para utilizar foreach, lo cual permitirá imprimir una lista de artículos.
<div class="Content">
  <h1 class="text-2xl margin-8 gris-900">Contenido Técnico</h1>
  <div>
    <!-- Aquí se usaría el foreach para desplegar los artículos -->
  </div>
</div>
  1. Enlaces y configuración de clases: Incluir un enlace dentro del foreach requiere establecer de momento una dirección vacía, pero configurar adecuadamente las clases:

    • Fondo gris
    • Bordes redondeados
    • Margen inferior para paginación posterior
  2. Despliegue de artículos: Cada artículo tendrá:

    • Un párrafo con dos spam (uno para el tipo de contenido como "tutorial", otro para la fecha de creación).
    • Configuración adicional de clases para mejorar el aspecto visual y la alineación.

¿Cómo solucionar problemas comunes?

Los errores son parte del proceso de desarrollo. Un error común es un foreach incompleto, que puede corregirse asegurando la inclusión adecuada de las variables.

  • Errores de variables: Verificar nombres de variables y pluralización adecuada puede ahorrar tiempo y confusión.
  • Inspeccionar y corregir: Usar la consola del navegador para actualizar y verificar cambios en tiempo real.

Con este conocimiento, puedes crear una página inicio atractiva y funcional. No olvides practicar y hacer los ajustes necesarios en diseño y funcionalidad. ¡Sigue explorando y avanzando en tu aprendizaje!

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Yo hice un sistema de tickets.
.

Siempre son un gustazo tus contenidos Italo, enhorabuena

Vamos bien por ahora!