73 Cargando todos los DATOS en la VISTA PELÍCULAS de nuestra PÁGINA WEB (LARAVEL y MYSQL) FULLSTACK

Duración: 14 min
Módulo: 🎬 Módulo de Vistas Públicas y Funcionalidades Core Lección 9 de 16
Anterior
72 Cargar DATOS de una PELÍCULA en ESPECÍFICO con (LARAVEL y MYSQL) FULLSTACK
Siguiente
74 Poniendo ANIMACIÓN al CAROUSEL VISTA PELÍCULAS de nuestra PÁGINA WEB (LARAVEL y MYSQL) FULLSTACK

Descripción

📺  Lección 73: Carga de Datos en la Vista de Películas

Esta lección avanzada se dedica a estructurar y poblar la vista de detalle de la película (pelicula.blade.php), utilizando los datos de la variable $pelicula obtenida del controlador en la lección anterior.

1. 🏗️ Uso de Plantillas (Layouts) [00:46]

Antes de diseñar la vista, se realiza una refactorización necesaria para aplicar la misma estructura de página (menú, header, footer) en todas las vistas, incluida la nueva.

  • Creación de la Plantilla Principal: Se crea un nuevo archivo de layout llamado principal.blade.php [01:06].
  • Contenido Fijo: Todo el código HTML de la estructura fija (menú de navegación, scripts y estilos) se mueve a esta plantilla [01:41].
  • Slot de Contenido (@yield): Se define un slot con @yield('content') (o similar) para indicar el área donde cada vista cargará su contenido dinámico [02:22].
  • Herencia en la Vista: La vista index.blade.php y la nueva vista pelicula.blade.php heredan de esta plantilla usando @extends('principal') [03:25, 04:14].

2. 🗄️ Despliegue de Datos en el Detalle [05:08]

Se estructura la vista pelicula.blade.php utilizando columnas de Bootstrap y se inyectan dinámicamente todos los datos del registro de la película.

2.1. Inyección de Título e Imagen

  • Título Principal: Se imprime el nombre de la película ($pelicula->titulo_p) en la cabecera de la vista [05:32].
  • Imagen y Tráiler: Se divide la vista en columnas (ej. 6x6) para mostrar la imagen de la portada ($pelicula->imagen_p) y el tráiler (iFrame) lado a lado [06:06].
    • Para el tráiler, se utiliza un <iframe> de YouTube con la URL del tráiler ($pelicula->trailer_p) [06:56].

2.2. Despliegue de Metadatos y Descripción

  • Descripción: Se imprime la descripción completa de la película, utilizando {! $pelicula->descripcion_p !} para renderizar el HTML guardado (negritas, cursivas, saltos de línea) sin escapar etiquetas [08:24].
  • Categoría y Duración: Se muestran otros datos esenciales:
    • Categoría: $pelicula->categoria_p [09:35].
    • Duración: $pelicula->duracion_p [10:24].

3. ▶️ Enlaces a Servidores de Reproducción [10:50]

El último componente crítico es proporcionar los enlaces a los servidores donde se aloja la película para su reproducción.

  • Botones de Reproducción: Se colocan botones (clase btn btn-primary) después del tráiler para enlazar a los servidores.
  • Opción 1 y Opción 2: Se configuran dos botones que utilizan los campos link_1_p y link_2_p de la base de datos como destino (href) [11:15].
  • Ventana Nueva (target="_blank"): Se utiliza el atributo target="_blank" para que el enlace del servidor se abra en una pestaña nueva [11:47].
  • Validación: Se demuestra que la vista funciona correctamente, mostrando los detalles exactos de cualquier película al hacer clic en su respectivo ítem en la página principal [12:44].
$0.00
Iniciar sesión para inscribirse

Lecciones

🏗️ Módulo de Fundamentos y Diseño Base
Lección 1. 01 Presentación del CURSO - PLATAFORMA DE PELICULAS con (LARAVEL y MYSQL) FULLSTACK 8 min
Lección 2. 02 Creación de la PLATAFORMA DE PELICULAS (hola mundo)con (LARAVEL y MYSQL) FULLSTACK 10 min
Lección 3. 03 AGREGANDO LA AUTENTICACIÓN EN LA PLATAFORMA DE PELICULAS con (LARAVEL y MYSQL) FULLSTACK 5 min
Lección 4. 04 MIGRACIONES EN LA BASE DE DATOS EN LA PLATAFORMA DE PELICULAS con (LARAVEL y MYSQL) FULLSTACK 12 min
Lección 5. 05 ROUTES EN LARAVEL PLATAFORMA DE PELICULAS con (LARAVEL y MYSQL) FULLSTACK 10 min
Lección 6. 06 Incorporando BOOTSTRAP 5 en la PLATAFORMA DE PELICULAS con (LARAVEL y MYSQL) FULLSTACK 9 min
Lección 7. 07 Poniendo Imagen de fondo en la PLATAFORMA DE PELICULAS con (LARAVEL y MYSQL) FULLSTACK 7 min
Lección 8. 08 Comó poner ICONO en nuestra PESTAÑA en la PLATAFORMA DE PELICULAS con (LARAVEL y MYSQL) FULLSTACK 6 min
Lección 9. 09 Comó añadir FUENTES TIPOGRAFICAS en nuestra PLATAFORMA DE PELICULAS con(LARAVEL y MYSQL)FULLSTACK 9 min
Lección 10. 10 Comó poner ICONOS en nuestra PÁGINA WEB - PLATAFORMA DE PELICULAS con(LARAVEL y MYSQL)FULLSTACK 8 min
Lección 11. 11 Comó poner BOTONES DE REDES SOCIALES en mi PÁGINA WEB - PLATAFORMA con(LARAVELyMYSQL)FULLSTACK 11 min
Lección 12. 12 Comó hacer ANIMACIONES en mi PÁGINA WEB - PLATAFORMA con (LARAVEL y MYSQL)FULLSTACK Animate.css 6 min
Lección 13. 13 Modificando el menu con todos los ITEMS en la PLATAFORMA con (LARAVEL y MYSQL)FULLSTACK (parte 1) 8 min
Lección 14. 14 Modificando el menu con todos los ITEMS en la PLATAFORMA con (LARAVEL y MYSQL)FULLSTACK (parte 2) 9 min
Lección 15. 15 Comó CREAR SLIDE o CAROUSEL de imágenes en nuestra PLATAFORMA con (LARAVEL y MYSQL)FULLSTACK 8 min
Lección 16. 16 SLIDE de IMÁGENES en nuestra PLATAFORMA de PELICULAS con (LARAVEL y MYSQL)FULLSTACK 6 min
Lección 17. 17 Ajustando el FRONTEND del SLIDE en la PLATAFORMA de PELICULAS con (LARAVEL y MYSQL)FULLSTACK 10 min
Lección 18. 18 Ajustando el BUSCADOR en la PLATAFORMA de PELICULAS con (LARAVEL y MYSQL)FULLSTACK 8 min
🖥️ Módulo de Arquitectura Admin y Vistas Blade
Lección 1. 19 Comó INTEGRAR ADMINLTE en la PLATAFORMA de PELICULAS con (LARAVEL y MYSQL)FULLSTACK 10 min
Lección 2. 20 Comó crear MIGRACIONES de nuestras TABLAS en la PLATAFORMA de PELICULAS (LARAVELyMYSQL)FULLSTACK 12 min
Lección 3. 21 Creación de MODELOS y CONTROLADORES en la PLATAFORMA de PELICULAS (LARAVELyMYSQL)FULLSTACK 6 min
Lección 4. 22 ORM Eloquent LECTURA DE DATOS en la PLATAFORMA de PELICULAS (LARAVELyMYSQL)FULLSTACK 13 min
Lección 5. 23 Comó crear PLANTILLAS BLADE en la PLATAFORMA de PELICULAS con (LARAVELyMYSQL) FULLSTACK 7 min
Lección 6. 24 Comó EXTENDER PLANTILLAS BLADE en la PLATAFORMA de PELICULAS con (LARAVEL y MYSQL) FULLSTACK 7 min
Lección 7. 25 Ajustando el menu del AdminLTE en la PLATAFORMA de PELICULAS con (LARAVEL y MYSQL) FULLSTACK 7 min
Lección 8. 26 @yield('content') en LAYOUT en la PLATAFORMA de PELICULAS con (LARAVEL y MYSQL) FULLSTACK 6 min
📝 Módulo CRUD: Creación y Formularios
Lección 1. 27 CRUD (READ) de la tabla peliculas en la PLATAFORMA con (LARAVEL y MYSQL) FULLSTACK 10 min
Lección 2. 28 Comó crear CONTROLLER con RESOURCE en la PLATAFORMA de PELÍCULAS con (LARAVEL y MYSQL) FULLSTACK 10 min
Lección 3. 29 Comó crear FORMULARIOS WEB en la PLATAFORMA de PELÍCULAS con (LARAVEL y MYSQL) FULLSTACK 13 min
Lección 4. 30 HABILITANDO el metodo STORE para guardar datos en la PLATAFORMA con (LARAVEL y MYSQL) FULLSTACK 8 min
Lección 5. 31 Protección contra ataque en tus FORMULARIOS WEB en la PLATAFORMA con (LARAVEL y MYSQL) FULLSTACK 8 min
Lección 6. 32 REGISTRAR DATOS desde el FORMULARIO WEB en la PLATAFORMA con (LARAVEL y MYSQL) FULLSTACK 8 min
Lección 7. 33 Comó usar CKEDITOR en nuestro FORMULARIO WEB super facil y rapido con (LARAVEL y MYSQL) FULLSTACK 8 min
Lección 8. 34 Cargar IMAGEN de INPUT FILE en el formulario web antes de registrar datos(LARAVELyMYSQL)FULLSTACK 6 min
🔒 Módulo de Validación y Seguridad
Lección 1. 35 REQUIRED validación en el formulario web FRONTEND (LARAVELyMYSQL)FULLSTACK 7 min
Lección 2. 36 VALIDATION de FORMULARIO WEB desde el BACKEND (LARAVELyMYSQL)FULLSTACK 8 min
Lección 3. 37 VALIDATION @error mostrar el error en FORMULARIO WEB desde el BACKEND (LARAVELyMYSQL)FULLSTACK 7 min
Lección 4. 38 VALIDATION OLD retorna el valor del FORMULARIO WEB desde el BACKEND (LARAVELyMYSQL)FULLSTACK 7 min
🖼️ Módulo de Almacenamiento y Archivos
Lección 1. 39 Comó SUBIR archivos del FORMULARIO WEB a SERVIDOR (LARAVELyMYSQL)FULLSTACK 9 min
Lección 2. 40 Comó REDIRIGIR a otras páginas con (LARAVEL y MYSQL)FULLSTACK 7 min
Lección 3. 41 Comó CARGAR las IMAGÉNES desde STORAGE con (LARAVEL y MYSQL)FULLSTACK 8 min
Lección 4. 42 Trabajando con el archivo SHOW.BLADE.PHP con (LARAVEL y MYSQL)FULLSTACK 10 min
Lección 5. 43 Cargando DATOS en el archivo SHOW.BLADE.PHP con (LARAVEL y MYSQL)FULLSTACK 16 min
🔄 Módulo CRUD: Actualización y Eliminación
Lección 1. 44 CRUD (UPDATE) trabajando con el archivo EDIT.BLADE.PHP con (LARAVEL y MYSQL)FULLSTACK 9 min
Lección 2. 45 CRUD (UPDATE) actualizando datos y reemplazando la imgen con (LARAVEL y MYSQL)FULLSTACK 17 min
Lección 3. 46 CRUD (DELETE) eliminar registros de la tabla de la BASE de DATOS con (LARAVEL y MYSQL)FULLSTACK 8 min
Lección 4. 47 INSTALANDO SWEETALERT2 en nuestra página de películas con (LARAVEL y MYSQL)FULLSTACK 12 min
🚀 Módulo de Despliegue y Optimización
Lección 1. 48 Dominio Público para nuestro proyecto con (LARAVEL y MYSQL)FULLSTACK 7 min
Lección 2. 49 Comó subir PROYECTO DE LARAVEL a un servidor de HOSTING con (LARAVEL y MYSQL)FULLSTACK 13 min
Lección 3. 50 Comó MEDIR la VELOCIDAD de nuestra PÁGINA WEB con PINGDOM con (LARAVEL y MYSQL)FULLSTACK 9 min
Lección 4. 51 Comó CREAR BASE de DATOS en HOSTING y CONECTAR AL PROYECTO con (LARAVEL y MYSQL)FULLSTACK 13 min
Lección 5. 52 Comó subir proyecto de LARAVEL a CPANEL de otra manera con (LARAVEL y MYSQL)FULLSTACK 4 min
Lección 6. 53 Necesito de tu AYUDA para continuar con el CURSO con (LARAVEL y MYSQL)FULLSTACK 8 min
📺 Módulo de IPTV: CRUD Completo
Lección 1. 54 Agregando el MÓDULO IPTV a la plataforma de películas con (LARAVEL y MYSQL)FULLSTACK 9 min
Lección 2. 55 Creando el MODELO, EL CONTROLADOR Y LA MIGRACIÓN los 3 en 1 con (LARAVEL y MYSQL)FULLSTACK 5 min
Lección 3. 56 CRUD Read lectura de datos de la tabla de IPTVs con (LARAVEL y MYSQL)FULLSTACK 10 min
Lección 4. 57 CRUD Create vista formulario para registrar datos de IPTVs con (LARAVEL y MYSQL)FULLSTACK 13 min
Lección 5. 58 CRUD Create GUARDANDO datos desde el CONTROLLER función STORE con(LARAVEL y MYSQL)FULLSTACK 6 min
Lección 6. 59 Comó almacenar archivos en la BASE de DATOS desde el FORMULARIO con(LARAVEL y MYSQL)FULLSTACK 7 min
Lección 7. 60 Controller SHOW datos de los registros de la BASE de DATOS con(LARAVEL y MYSQL)FULLSTACK 5 min
Lección 8. 61 Validación de datos en el FRONTEND y BACKEND de FORMULARIOS WEB con(LARAVEL y MYSQL)FULLSTACK 13 min
Lección 9. 62 Cargar datos para EDITAR REGISTROS desde LA TABLA de la BASE de DATOS con(LARAVELyMYSQL)FULLSTACK 9 min
Lección 10. 63 CRUD UPDATE datos de IPTV desde la TABLA de la BASE de DATOS con(LARAVELyMYSQL)FULLSTACK 10 min
Lección 11. 64 CRUD DELETE datos de IPTV desde la TABLA de la BASE de DATOS con (LARAVEL y MYSQL)FULLSTACK 6 min
🎬 Módulo de Vistas Públicas y Funcionalidades Core
Lección 1. 65 Comó hacer CONEXIÓN con FILEZILLA a HOSTING SERVIDOR web con (LARAVEL y MYSQL)FULLSTACK 10 min
Lección 2. 66 Comó actualizar CÓDIGO FUENTE de LOCAL a PRODUCCIÓN SERVIDOR HOSTING con(LARAVELyMYSQL)FULLSTACK 7 min
Lección 3. 67 Te comparto más de 14000 canales de IPTV con (LARAVEL y MYSQL) FULLSTACK 8 min
Lección 4. 68 Comó hacer un CAROUSEL ITEMS en cualquier PÁGINA WEB con (LARAVELyMYSQL)FULLSTACK 6 min
Lección 5. 69 Cargar PELÍCULAS en página PRINCIPAL con (LARAVEL y MYSQL) FULLSTACK 9 min
Lección 6. 70 Adaptar CAROUSEL de PELICULAS desde la TABLA de la BASE de DATOS con (LARAVEL y MYSQL) FULLSTACK 7 min
Lección 7. 71 Cargar PELÍCULAS por CATEGORIAS en cada SECCIÓN de mi PÁGINA WEB con (LARAVEL y MYSQL) FULLSTACK 9 min
Lección 8. 72 Cargar DATOS de una PELÍCULA en ESPECÍFICO con (LARAVEL y MYSQL) FULLSTACK 9 min
Lección 9. 73 Cargando todos los DATOS en la VISTA PELÍCULAS de nuestra PÁGINA WEB (LARAVEL y MYSQL) FULLSTACK 14 min
Lección 10. 74 Poniendo ANIMACIÓN al CAROUSEL VISTA PELÍCULAS de nuestra PÁGINA WEB (LARAVEL y MYSQL) FULLSTACK 6 min
Lección 11. 75 Implementación del Reproductor de IPTV en la PÁGINA WEB (LARAVEL y MYSQL) FULLSTACK 12 min
Lección 12. 76 Cargar CANALES DE IPTV desde LA BASE DE DATOS en la PÁGINA WEB con (LARAVEL y MYSQL) FULLSTACK 10 min
Lección 13. 77 Cargar DATOS DEL CANAL desde LA BASE DE DATOS en la PÁGINA WEB con (LARAVEL y MYSQL) FULLSTACK 8 min
Lección 14. 78 Cargar DATOS en la VISTA DEL CANAL con el REPRODUCTOR en PÁGINA WEB con(LARAVELyMYSQL)FULLSTACK 5 min
Lección 15. 79 FUNCIÓN BUSCAR PELÍCULAS en mi PÁGINA WEB con (LARAVEL y MYSQL) FULLSTACK 9 min
Lección 16. 80 ADAPTANDO LA RESPUESTA DE LA BUSQUEDA DE PELÍCULAS en mi PÁGINA WEB con(LARAVEL y MYSQL)FULLSTACK 3 min
✨ Módulo de Experiencia de Usuario y Cierre
Lección 1. 81 AUTENTICACIÓN de USUARIOS en NUESTRA PLATAFORMA con (LARAVEL y MYSQL) FULLSTACK 7 min
Lección 2. 82 PERSONALIZAR el HOME de los USUARIOS con (LARAVEL y MYSQL) FULLSTACK 9 min
Lección 3. 83 Formulario para AGREGAR A FAVORITOS en la tabla de la BASE de DATOS con(LARAVEL y MYSQL)FULLSTACK 10 min
Lección 4. 84 CRUD - CREATE a FAVORITOS en la TABLA de la BASE de DATOS con (LARAVEL y MYSQL)FULLSTACK 7 min
Lección 5. 85 CRUD - READ FAVORITOS desde la TABLA de la BASE de DATOS con (LARAVEL y MYSQL)FULLSTACK 9 min
Lección 6. 86 CRUD - READ cargar PELÍCULAS FAVORITAS desde la BASE de DATOS con (LARAVEL y MYSQL)FULLSTACK 12 min
Lección 7. 87 Formulario para AGREGAR a HISTORIAL de PELÍCULAS con (LARAVEL y MYSQL)FULLSTACK 11 min
Lección 8. 88 CARGAR DATOS del HISTORIAL de PELÍCULAS con (LARAVEL y MYSQL)FULLSTACK 13 min
Lección 9. 89 Cargar las PELÍCULAS MÁS VISTOS en mi PÁGINA WEB con (LARAVEL y MYSQL) FULLSTACK 14 min
Lección 10. 90 Cargar los DATOS de las PELÍCULAS MÁS VISTOS en mi PÁGINA WEB con (LARAVEL y MYSQL) FULLSTACK 10 min
Lección 11. 91 FIN DEL CURSO PORQUE ME BLOQUEARON con (LARAVEL y MYSQL) FULLSTACK 4 min

Apoya este proyecto

Si te gusta nuestro contenido, ¡apóyanos con una donación!

Donar por Airtm Donar por Binance

¡Gracias por tu apoyo! ❤️

Volver al curso