16 Como INSTALAR SWEETALERT2 sin morir en el INTENTO en el SISTEMA con LARAVEL(PHP y MySql)FullStack

Duración: 11 min
Módulo: 👤 CRUD de Usuarios y UX Avanzada Lección 8 de 17
Anterior
15 Como mandar MENSAJES desde el CONTROLADOR en el SISTEMA (PHP y MySql)FullStack
Siguiente
17 Mostrar Errores de Validaciones y OLD en los formularios con LARAVEL(PHP y MySql) FullStack

Descripción

✨ Lección 16: Instalación y Uso Elegante de SweetAlert2

Título del Video: 16 Como INSTALAR SWEETALERT2 sin morir en el INTENTO en el SISTEMA con LARAVEL (PHP y MySql) FullStack

Esta lección se enfoca en reemplazar las alertas de confirmación básicas (vistas en la Lección 15) por el sistema de mensajes SweetAlert2, que ofrece una apariencia moderna, atractiva y profesional para todo el sistema.

🛠️ Instalación de SweetAlert2

SweetAlert2 es una librería de JavaScript que se instala de forma muy sencilla, sin necesidad de comandos de consola ni paquetes complejos.

  1. Obtención del Script: Se accede a la documentación oficial de SweetAlert2 y se copia el enlace de su CDN (Content Delivery Network).
  2. Ubicación: El script copiado se incluye directamente en la plantilla principal de administrador, específicamente en el archivo layouts/admin.blade.php [01:24].
  3. Resultado: Con la inclusión de este único script, la librería está lista para usarse en todas las vistas que extiendan esta plantilla.

📬 Implementación de Mensajes Elegantes

Para hacer el sistema de mensajes genérico y que sirva para cualquier controlador (usuarios, doctores, citas, etc.), se centraliza la lógica en la plantilla principal.

1. Envío de Múltiples Datos desde el Controlador

Ahora, al hacer la redirección después de una acción (como registrar un usuario), se envían dos datos clave a la sesión flash utilizando el método with():

  • El Mensaje: El texto que se mostrará al usuario (ej. "Se registró al usuario de la manera correcta") [06:40].
  • El Icono: El tipo de icono de SweetAlert2 (ej. success para éxito, error para fallos, warning para advertencias) [06:37].

2. Lógica Centralizada en la Plantilla

Toda la lógica para mostrar el SweetAlert2 se mueve a la plantilla principal (layouts/admin.blade.php) dentro de una etiqueta script [06:05].

  • Doble Verificación: Se utiliza una condición if para asegurar que el código de SweetAlert2 solo se ejecute si ambas variables de sesión (message y icon) existen. Esto evita errores en páginas donde no se espera una alerta.
  • Configuración del Alert: Dentro de esta condición, se llama a la función de SweetAlert2. Se configuran parámetros clave:
    • title (Título): Se le asigna la variable de sesión que contiene el mensaje de texto [08:05].
    • icon (Icono): Se le asigna la variable de sesión que contiene el tipo de icono (ej. success o error) [07:59].
    • timer (Tiempo): Se configura un tiempo de visualización (por ejemplo, 4.5 segundos o 4500 milisegundos) para que el usuario pueda leer el mensaje antes de que se oculte automáticamente [03:38].
  • Funcionalidad Genérica: De esta manera, cualquier función del controlador en todo el sistema puede simplemente redireccionar con un message y un icon, y la plantilla se encargará de mostrar la alerta elegante sin necesidad de duplicar el código [09:44].
$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