06 Plantillas BLADE en LARAVEL en el SISTEMA (PHP y MySql)FullStack PARTE 1

Duración: 8 min
Módulo: ⚙️ Inicio y Estructura Base Lección 6 de 8
Anterior
05 Autenticación en LARAVEL en el DASHBOARD (PHP y MySql)FullStack
Siguiente
07 Plantillas BLADE en LARAVEL en el SISTEMA (PHP y MySql)FullStack PARTE 2

Descripción

📄 Lección 06: Optimizando Vistas con Plantillas Blade (Parte 1)

Título del Video: 06 Plantillas BLADE en LARAVEL en el SISTEMA (PHP y MySql) FullStack PARTE 1

Esta lección marca el inicio de la refactorización del código Front-End, un paso esencial en el desarrollo profesional para evitar la duplicación de código y garantizar que los recursos estáticos se carguen correctamente, independientemente de la ruta.

🌐 Configuración Correcta de Enlaces Estáticos

El enfoque principal de la lección es corregir la forma en que se vinculan los archivos CSS y JS de AdminLTE.

  • Problema de Rutas Absolutas: El instructor explica que un enlace directo (href=".../dist/...") dejará de funcionar cuando el usuario navegue a una sub-ruta del sistema [00:43].
  • Uso de Helper url(): Para solventar esto, se utiliza el helper de Laravel {{ url('ruta/del/archivo') }}. Este helper genera la ruta completa y absoluta al archivo estático, asegurando que se cargue correctamente desde cualquier vista del proyecto [01:00].
  • Aplicación Masiva: Este proceso se repite para todos los archivos CSS y JS en la sección <head> y en los scripts inferiores, como los de AdminLTE y Plugins, garantizando que el diseño se mantenga intacto [02:31].

💻 Personalización del Encabezado (Navbar)

Se realiza una limpieza visual de la barra de navegación superior (Navbar).

  • Título del Sistema: Se cambia el título de la página a "Sistema de Reserva de Citas Médicas" [00:25].
  • Menú de Navegación: Se elimina el menú lateral izquierdo por no ser necesario y se simplifican las opciones de la barra superior. El botón principal se vincula a la ruta /admin para refrescar o volver al dashboard [05:11].
  • Limpieza de Componentes: Se eliminan elementos innecesarios de la plantilla de AdminLTE, como el buscador, para dejar una interfaz más limpia y enfocada [05:53].

✍️ Preparación de la Plantilla Maestra

Se prepara el código para la refactorización con Blade, anticipando la creación de la plantilla de layout en la siguiente parte.

  • Título del Sidebar: Se establece un título corto, "Sis Medical", para la barra lateral (Sidebar) [07:18].
  • Eliminación de Imagen: Se retira la imagen de perfil de la barra lateral, aunque se comenta que podría agregarse más adelante si el usuario lo requiere [07:36].
$20.00
Iniciar sesión para inscribirse

Lecciones

⚙️ Inicio y Estructura Base
Lección 1. 01 Presentación al curso de Sistema de reserva de citas medicas con LARAVEL (PHP y MySql) FullStack 9 min
Lección 2. 02 Hola Mundo en el Sistema de reserva de citas medicas con LARAVEL (PHP y MySql) FullStack 8 min
Lección 3. 03 Módulo LOGIN en el Sistema de reserva de citas medicas con LARAVEL (PHP y MySql) FullStack 12 min
Lección 4. 04 Como instalar ADMINLTE en LARAVEL (PHP y MySql)FullStack 12 min
Lección 5. 05 Autenticación en LARAVEL en el DASHBOARD (PHP y MySql)FullStack 9 min
Lección 6. 06 Plantillas BLADE en LARAVEL en el SISTEMA (PHP y MySql)FullStack PARTE 1 8 min
Lección 7. 07 Plantillas BLADE en LARAVEL en el SISTEMA (PHP y MySql)FullStack PARTE 2 8 min
Lección 8. 08 Plantilla de LAYOUT ADMIN en el SISTEMA (PHP y MySql)FullStack 11 min
👤 CRUD de Usuarios y UX Avanzada
Lección 1. 09 SEEDER en LARAVEL en el SISTEMA (PHP y MySql)FullStack 8 min
Lección 2. 10 Listado de usuarios del controllador a la vista en el SISTEMA (PHP y MySql)FullStack 9 min
Lección 3. 11 Diseño de tabla con BOOTSTRAP en la vista en el SISTEMA (PHP y MySql) FullStack 12 min
Lección 4. 12 Módulo CREACIÓN de USUARIOS en el SISTEMA (PHP y MySql) FullStack 9 min
Lección 5. 13 Formulario de CREACIÓN de USUARIOS en el SISTEMA (PHP y MySql)FullStack 9 min
Lección 6. 14 Registro y validación de datos para USUARIOS en el SISTEMA (PHP y MySql)FullStack 16 min
Lección 7. 15 Como mandar MENSAJES desde el CONTROLADOR en el SISTEMA (PHP y MySql)FullStack 9 min
Lección 8. 16 Como INSTALAR SWEETALERT2 sin morir en el INTENTO en el SISTEMA con LARAVEL(PHP y MySql)FullStack 11 min
Lección 9. 17 Mostrar Errores de Validaciones y OLD en los formularios con LARAVEL(PHP y MySql) FullStack 9 min
Lección 10. 18 Como cambiar el idioma en el SISTEMA con LARAVEL(PHP-MySql) FullStack 6 min
Lección 11. 19 Como INSTALAR DATATABLES en LARAVEL(PHP-MySql) FullStack 13 min
Lección 12. 20 Como Configurar DATATABLES en ESPAÑOL en LARAVEL(PHP-MySql) FullStack 8 min
Lección 13. 21 Acción SHOW Usuarios en LARAVEL(PHP-MySql) FullStack 16 min
Lección 14. 22 Acción EDIT Usuarios en LARAVEL(PHP-MySql) FullStack 11 min
Lección 15. 23 Acción UPDATE Usuarios en LARAVEL(PHP-MySql) FullStack 13 min
Lección 16. 24 Acción CONFIRMACIÓN DELETE Usuarios en LARAVEL(PHP-MySql) FullStack 8 min
Lección 17. 25 Acción DELETE Usuarios en LARAVEL(PHP-MySql) FullStack 8 min
👩‍💼 Módulo de Secretarias
Lección 1. 26 Módulo Secretarias en Sistema de Reserva de citas medicas en LARAVEL(PHP-MySql) FullStack 12 min
Lección 2. 27 Migración Secretarias en Sistema de Reserva de citas medicas en LARAVEL(PHP-MySql)FullStack 10 min
Lección 3. 28 Relación de los modelos secretarias y usuarios con LARAVEL(PHP-MySql)FullStack 11 min
Lección 4. 29 Create Secretarias en el sistema de reserva de citas medicas con LARAVEL(PHP-MySql)FullStack 15 min
Lección 5. 30 Store Secretarias en el sistema de reserva de citas medicas con LARAVEL(PHP-MySql)FullStack 16 min
Lección 6. 31 Acción SHOW Secretarias en el sistema de reserva de citas medicas con LARAVEL(PHP-MySql)FullStack 13 min
Lección 7. 32 Acción Update Secretarias del sistema de reserva de citas medicas con LARAVEL(PHP-MySql) FullStack 20 min
Lección 8. 33 Como eliminar registro con tablas relacionadas en LARAVEL(PHP-MySql) FullStack 11 min
Lección 9. 34 Método Destroy con tablas relacionadas en LARAVEL(PHP-MySql) FullStack 8 min
🤒 Gestión de Pacientes
Lección 1. 35 Módulo Pacientes en el sistema de reservas de citas medicas en LARAVEL(PHP-MySql) FullStack 9 min
Lección 2. 36 Migrate Picientes en LARAVEL(PHP-MySql) FullStack 9 min
Lección 3. 37 Como Crear Pacientes con Factory en LARAVEL(PHP-MySql) FullStack 10 min
Lección 4. 38 Como llamar desde un seeder a un factory de pacientes en LARAVEL(PHP-MySql) FullStack 14 min
Lección 5. 39 Listado de Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 10 min
Lección 6. 40 Formulario de Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 17 min
Lección 7. 41 Create Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 8 min
Lección 8. 42 Show Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 12 min
Lección 9. 43 EDIT Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 14 min
Lección 10. 44 UPDATE Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 9 min
Lección 11. 45 DELETE Pacientes en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 11 min
🏥 Infraestructura: Consultorios y Doctores
Lección 1. 46 Módulo Consultorios en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 13 min
Lección 2. 47 Migración Consultorio en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 16 min
Lección 3. 48 Relación de modelos consultorio, doctores y horarios en el sistema conLARAVEL(PHP-MySql)FullStack 11 min
Lección 4. 49 Listado de Consultorios en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 10 min
Lección 5. 50 Create Consultorios en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 12 min
Lección 6. 51 Show Consultorios en el sistema de reservas de citas medicas LARAVEL(PHP-MySql)FullStack 9 min
Lección 7. 52 Update Consultorios en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 10 min
Lección 8. 53 Delete Consultorios en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 9 min
Lección 9. 54 Módulo Doctores en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 20 min
Lección 10. 55 Create Doctores en el sistema de reservas de citas medicas LARAVEL(PHP-MySql)FullStack 15 min
Lección 11. 56 Update Doctores en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 16 min
Lección 12. 57 Delete Doctores en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 11 min
Lección 13. 58 Módulo Horarios en el sistema de reservas de citas medicas LARAVEL(PHP-MySql) FullStack 25 min
Lección 14. 59 Create Horarios en el sistema de reservas de citas medicas LARAVEL(PHP-MySql)FullStack 21 min
⏰ Horarios y Lógica de Disponibilidad
Lección 1. 60 Calendario de Atención de Doctores en el sistema con LARAVEL(PHP-MySql) FullStack 14 min
Lección 2. 61 Asignación de horarios para la Atención de Doctores en el sistema con LARAVEL(PHP-MySql) FullStack 21 min
Lección 3. 62 Validación de horarios para la Atención de Doctores en el sistema con LARAVEL(PHP-MySql)FullStack 10 min
Lección 4. 63 Calendario de horarios para la Atención de Doctores en el sistema con LARAVEL(PHP-MySql)FullStack 9 min
Lección 5. 64 Cargar horario con AJAX para la Atención de Doctores con LARAVEL(PHP-MySql) FullStack PARTE 1 9 min
Lección 6. 65 Cargar horario con AJAX para la Atención de Doctores con LARAVEL(PHP-MySql) FullStack PARTE 2 10 min
Lección 7. 66 Cargar datos de los horario con AJAX para la Atención de Doctores con LARAVEL(PHP-MySql)FullStack 10 min
Lección 8. 67 Horarios en Create con AJAX para la Atención de Doctores con LARAVEL(PHP-MySql) FullStack 10 min
Lección 9. 68 Validación de horarios en base a los consultorios de atención con LARAVEL(PHP-MySql) FullStack 7 min
Lección 10. 69 Plantilla Web para el sistema de reserva de citas con LARAVEL(PHP-MySql) FullStack 13 min
Lección 11. 70 Login personalizado en el Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 10 min
🔑 Seguridad, Roles y Permisos
Lección 1. 71 Register de Usuario al Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 9 min
Lección 2. 72 Roles y Permisos en el Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 9 min
Lección 3. 73 Create Roles en el Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 9 min
Lección 4. 74 Create Permisos en el Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 11 min
Lección 5. 75 Asignar Roles y Permisos en el Sistema Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 15 min
Lección 6. 76 Identificando el ROL de cada Usuario en el Sistema con LARAVEL(PHP-MySql) FullStack 11 min
Lección 7. 77 Mostrar el Panel Principal según los Roles y Permisos en Sistema con LARAVEL(PHP-MySql) FullStack 13 min
Lección 8. 78 Mostrar el Menú según los Roles y Permisos en Sistema con LARAVEL(PHP-MySql) FullStack 7 min
Lección 9. 79 Acceso No Autorizado con Roles y Permisos en Sistema con LARAVEL(PHP-MySql) FullStack 14 min
Lección 10. 80 Seeder Fake en Sistema con LARAVEL(PHP-MySql) FullStack 12 min
Lección 11. 81 WebController cargar horario en la página principal en Sistema con LARAVEL(PHP-MySql) FullStack 17 min
Lección 12. 82 Cargar Horario en la página principal en Sistema con LARAVEL(PHP-MySql) FullStack 16 min
Lección 13. 83 Redirigir a ADMIN desde Login y Register en Sistema con LARAVEL(PHP-MySql) FullStack 12 min
Lección 14. 84 Dashboard del Usuario en el Sistema con LARAVEL(PHP-MySql) FullStack 15 min
Lección 15. 85 Como Instalar FullCalendar en la página principal del Sistema con LARAVEL(PHP-MySql) FullStack 9 min
🗓️ Reserva de Citas y FullCalendar
Lección 1. 86 Módelo Eventos de FullCalendar en la página principal en Sistema con LARAVEL(PHP-MySql) FullStack 14 min
Lección 2. 87 Formulario para Registrar Citas Medicas del Sistema con LARAVEL(PHP-MySql) FullStack 18 min
Lección 3. 88 Guardar Cita Medica en la Base de Datos de Sistema con LARAVEL(PHP-MySql) FullStack 15 min
Lección 4. 89 Validación de Fecha y Hora de Reserva de Citas Medicas de Sistema con LARAVEL(PHP-MySql)FullStack 10 min
Lección 5. 90 Validación de Cita Medica en la Base de Datos de Sistema con LARAVEL(PHP-MySql) FullStack Parte 1 14 min
Lección 6. 91 Validar Eventos Duplicados de Reservas de Citas Medicas Sistema con LARAVEL(PHP-MySql) FullStack 14 min
Lección 7. 92 Mostrar Mensajes de Validación de las Reservas de Citas Sistema con LARAVEL(PHP-MySql)FullStack 11 min
Lección 8. 93 Cargar Reservas de Citas Medicas en el Calendario del Sistema con LARAVEL(PHP-MySql) FullStack 10 min
Lección 9. 94 Cargar Reservas de Citas Medicas con AJAX del Sistema con LARAVEL(PHP-MySql) FullStack 20 min
Lección 10. 95 Listado de Reservas de Citas Medicas en el Calendario del Sistema con LARAVEL(PHP-MySql) FullStack 21 min
Lección 11. 96 Eliminar Reservas de Citas Medicas en el Calendario del Sistema con LARAVEL(PHP-MySql) FullStack 17 min
Lección 12. 97 Permisos del Usuario en el Sistema con LARAVEL(PHP-MySql) FullStack 18 min
Lección 13. 98 Dashboard del Doctor en el Sistema con LARAVEL(PHP-MySql) FullStack 20 min
Lección 14. 99 ¿Qué falta para terminar el sistema de reserva de citas medicas? con LARAVEL(PHP-MySql) FullStack 6 min
📝 Historial Clínico, Configuraciones y Reportes
Lección 1. 100 Módulo Configuraciones del Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 16 min
Lección 2. 101 Formulario de Configuraciones del Sistema con LARAVEL(PHP-MySql) FullStack 12 min
Lección 3. 102 Upload logo de la configuración del Sistema con LARAVEL(PHP-MySql) FullStack 17 min
Lección 4. 103 Cargar logo de configuraciones del Sistema con LARAVEL(PHP-MySql) FullStack 12 min
Lección 5. 104 Update configuraciones del Sistema con LARAVEL(PHP-MySql) FullStack 18 min
Lección 6. 105 Delete configuraciones del Sistema con LARAVEL(PHP-MySql) FullStack 12 min
Lección 7. 106 Como hacer Reportes en PDF del Sistema con LARAVEL(PHP-MySql) FullStack 20 min
Lección 8. 107 Reporte de Listado del personal Medico en PDF del Sistema con LARAVEL(PHP-MySql) FullStack 18 min
Lección 9. 108 Reporte de Reservas de Citas Medicas en PDF del Sistema con LARAVEL(PHP-MySql) FullStack 18 min
Lección 10. 109 Reporte de Reservas de Citas Medicas en PDF del Sistema con LARAVEL(PHP-MySql) FullStack 18 min
Lección 11. 110 Reporte de Reservas de Citas Medicas entre 2 fechas del Sistema con LARAVEL(PHP-MySql) FullStack 13 min
Lección 12. 111 Módulo Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 4 min
Lección 13. 112 Módulo Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 19 min
Lección 14. 113 Módulo Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 19 min
Lección 15. 114 Como Instalar CKEditor 5 para el formulario Historial Clínico con LARAVEL(PHP-MySql) FullStack 18 min
Lección 16. 115 Listado de Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 17 min
Lección 17. 116 Modificación del Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 15 min
Lección 18. 117 Eliminar Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 8 min
Lección 19. 118 Reporte Impreso del Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 17 min
Lección 20. 119 Buscar Pacientes del Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 17 min
Lección 21. 120 Buscar Pacientes del Historial Clínico del Sistema con LARAVEL(PHP-MySql) FullStack 12 min
Lección 22. 121 Imprimir Historial Clínico del Pacientes del Sistema con LARAVEL(PHP-MySql) FullStack 10 min
Lección 23. 122 Respondiendo Comentarios del Sistema con LARAVEL(PHP-MySql) FullStack 8 min
💵 Pagos, Impresión y Cierre
Lección 1. 123 Módulo PAGOS del Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 15 min
Lección 2. 124 Me estan Eliminando mis Videos del Sistema de Reserva con LARAVEL(PHP-MySql) FullStack 12 min
Lección 3. 125 Personalizar Botones en los Reportes del Sistema de Reserva con LARAVEL(PHP-MySql) FullStack 10 min
Lección 4. 126 Registro de Pagos del Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 10 min
Lección 5. 127 Registro de Pagos del Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 12 min
Lección 6. 128 Actualizar Pagos del Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 14 min
Lección 7. 129 Eliminar Pagos del Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack 8 min
Lección 8. 130 Comprobante de Pago Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack Parte 1 13 min
Lección 9. 131 Comprobante de Pago Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack Parte 2 15 min
Lección 10. 132 Comprobante de Pago Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack Parte 3 9 min
Lección 11. 133 Fin del curso de Sistema de Reserva de Citas Medicas con LARAVEL (PHP - MySql) FullStack 7 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