03 Como instalar Animate.css en el curso con LARAVEL (PHP y MySql) FullStack

Duración: 13 min
Módulo: ⚙️ Configuración e Inicialización Lección 3 de 5
Anterior
02 Módulo ajuste de login personalizado con LARAVEL (PHP y MySql) FullStack
Siguiente
04 Registro personalizado en el curso de LARAVEL (PHP y MySql) FullStack

Descripción

💥 Lección 03: ¡Dale Vida! Cómo Instalar y Usar Animate.css en LARAVEL

En esta lección corta pero impactante, dotarás a tu formulario de login de una experiencia de usuario dinámica, instalando y aplicando la famosa librería Animate.css para crear animaciones de entrada fluidas y atractivas.

🔗 Instalación y Compatibilidad:

  • El Reto de la Versión: Se explica la dificultad de compatibilidad entre la versión más reciente de Animate.css y Laravel 10 [00:37].
  • Solución Práctica: El instructor proporciona una versión anterior (compatible, de 2015) del archivo animate.css [01:22] y guía en su instalación dentro de la nueva carpeta public/css [01:42].
  • Vinculación Segura: Aprenderás a linkear el archivo CSS correctamente en la cabecera de tu plantilla Blade usando la helper asset() [02:38], y cómo verificar si la ruta es correcta a través del código fuente [02:59].

Aplicación de Animaciones:

  • Uso de Clases: Se demuestra cómo aplicar animaciones añadiendo las clases animate y el nombre específico de la animación (por ejemplo, zoomInDown) a las etiquetas HTML deseadas [04:17].
  • Efectos Visuales: Se prueban diferentes efectos como bounce, zoom y fadeIn [05:48] hasta elegir la animación perfecta que da una entrada profesional al título y al formulario de acceso [12:59].

Esta lección es fundamental para aplicar el toque final de elegancia y modernidad a la vista de tu aplicación.

$0.00
Iniciar sesión para inscribirse

Lecciones

⚙️ Configuración e Inicialización
Lección 1. 01 Presentación al curso de Sistema de gestión de archivos con LARAVEL (PHP y MySql) FullStack 6 min
Lección 2. 02 Módulo ajuste de login personalizado con LARAVEL (PHP y MySql) FullStack 25 min
Lección 3. 03 Como instalar Animate.css en el curso con LARAVEL (PHP y MySql) FullStack 13 min
Lección 4. 04 Registro personalizado en el curso de LARAVEL (PHP y MySql) FullStack 14 min
Lección 5. 05 Como hacer inicio de sesión de forma automatica despues del registro LARAVEL (PHP y MySql) 8 min
🏗️ Modelos de Datos y Controladores
Lección 1. 06 Creación del modelo CARPETAS en el curso de LARAVEL (PHP y MySql) FullStack 15 min
Lección 2. 07 Creación del modelo ARCHIVOS en el curso de LARAVEL (PHP y MySql) FullStack 7 min
Lección 3. 08 Modelo entidad relación en el curso con LARAVEL (PHP y MySql) FullStack 9 min
Lección 4. 09 Crear controladores en el curso de sistema de gestión de archivos con LARAVEL (PHP y MySql) 10 min
📁 Gestión y Navegación de Carpetas
Lección 1. 10 Crear ventana modal para el registro de carpetas en el curso con LARAVEL (PHP y MySql) FullStack 8 min
Lección 2. 11 Crear carpetas en el curso de sistema de gestión de archivos con LARAVEL (PHP y MySql) FullStack 10 min
Lección 3. 12 Mostrar CARPETAS creadas en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 4. 13 Ingresar a las CARPETAS en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 5. 14 Crear SUBCARPETAS en el sistema de gestión de archivos en el curso de LARAVEL (PHP y MySql) 10 min
Lección 6. 15 Mostrar SUBCARPETAS creadas en el curso de LARAVEL (PHP y MySql) FullStack 10 min
Lección 7. 16 Mostrar solo las CARPETAS padre en el curso de LARAVEL (PHP y MySql) FullStack 8 min
🎨 Personalización y Edición de Carpetas
Lección 1. 17 Mostrar opciones de carpeta en el curso de Sistema de Gestión de archivos LARAVEL (PHP y MySql) 14 min
Lección 2. 18 Mostrar menú de la carpeta en el curso de sistema de gestión de archivos con LARAVEL- PHP y MySql 9 min
Lección 3. 19 Ventana modal para CAMBIAR NOMBRE a la carpeta en el curso de LARAVEL (PHP y MySql) FullStack 7 min
Lección 4. 20 Controller actualizar el nombre de la CARPETA en el curso de LARAVEL (PHP y MySql) FullStack 11 min
Lección 5. 21 Incorporar Tooltips en las CARPETA en el curso de LARAVEL (PHP y MySql) FullStack 5 min
Lección 6. 22 Menú opción de carpetas de colores en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 7. 23 Actualizar el color de la CARPETA en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 8. 24 Controller actualizar los 4 colores de las carpetas en el curso d LARAVEL (PHP y MySql) FullStack 5 min
Lección 9. 25 Controller colores de las SUBCARPETAS en el curso de LARAVEL (PHP y MySql) FullStack 15 min
📤 Carga y Almacenamiento de Archivos
Lección 1. 26 Como instalar Dropzone.js para subir archivos en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 2. 27 Uploads de archivos a las carpetas en el fomulario en el curso de LARAVEL (PHP y MySql) FullStack 16 min
Lección 3. 28 Uploads de archivos a las carpetas de forma PÚBLICA Y PRIVADO curso de LARAVEL (PHP y MySql) 10 min
Lección 4. 29 Como registrar archivos en la BASE de DATOS en el curso de LARAVEL (PHP y MySql) FullStack 9 min
📄 Listado y Visualización de Archivos
Lección 1. 30 Como mostrar los archivos de la BD en las carpetas en el curso de LARAVEL (PHP y MySql) FullStack 10 min
Lección 2. 31 Como listar los archivos de la BD en las carpetas en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 3. 32 Como poner iconos de cada archivos en las carpetas del curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 4. 33 Como hacer un visor de imágenes en las carpetas en el curso de LARAVEL (PHP y MySql) FullStack 11 min
Lección 5. 34 Como hacer un visor de PDF en las carpetas en el curso de LARAVEL (PHP y MySql) FullStack (2) 8 min
Lección 6. 35 Como hacer un visor de archivos DOCX y descargarlo en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 7. 36 Como hacer un visor VIDEOS Y AUDIOS en el curso de LARAVEL (PHP y MySql) FullStack 10 min
🗑️ Eliminación y Seguridad de Archivos
Lección 1. 37 Como eliminar los archivos en directorio y base de datos de LARAVEL (PHP y MySql) FullStack 18 min
Lección 2. 38 Módelo entidad relación USUARIOS - CARPETAS en el curso de LARAVEL (PHP y MySql) FullStack 9 min
Lección 3. 39 Mostrar solo carpetas de USUARIOS AUTENTICADOS en el curso de LARAVEL (PHP y MySql) FullStack 14 min
Lección 4. 40 Subir archivos de forma privada en el servidor en el curso de LARAVEL (PHP y MySql) FullStack 13 min
Lección 5. 41 Como mostrar archivos de manera privada en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 6. 42 Verificar auth Permisos para acceder al archivo en el curso de LARAVEL (PHP y MySql) FullStack 9 min
🔗 Opciones de Compartición y Privacidad
Lección 1. 43 Módulo compartir archivo de PRIVADO a PÚBLICO en el curso de LARAVEL (PHP y MySql) FullStack 11 min
Lección 2. 44 Diseño para compartir archivo de PRIVADO a PÚBLICO en el curso de LARAVEL (PHP y MySql) FullStack 13 min
Lección 3. 45 Cambiar estado del archivo PRIVADO a PÚBLICO en el curso de LARAVEL (PHP y MySql) FullStack 10 min
Lección 4. 46 Mover Archivo de Privado a Público en el Curso FullStack de Laravel (PHP y MySQL) 7 min
Lección 5. 47 Mover el archivo de PÚBLICO a PRIVADO en el curso de LARAVEL (PHP y MySql) FullStack 11 min
Lección 6. 48 Copiar vinculo para compartir de forma automática en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 7. 49 Generar Código QR para compartir el archivo en el curso de LARAVEL (PHP y MySql) FullStack 12 min
🧹 Mantenimiento del Sistema
Lección 1. 50 Como eliminar las carpetas en base de datos en el curso de LARAVEL (PHP y MySql) FullStack 15 min
Lección 2. 51 Como eliminar carpetas privadas y publicas en el curso de LARAVEL (PHP y MySql) FullStack 12 min
👑 Roles, Permisos y Panel de Control
Lección 1. 52 ROLES Y PERMISOS en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 2. 53 Roles del sistema para los permisos en el curso de LARAVEL (PHP y MySql) FullStack 13 min
Lección 3. 54 Permisos en las rutas y vistas en el curso de LARAVEL (PHP y MySql) FullStack 15 min
Lección 4. 55 Panel administrador y usuario con roles y permisos en el curso de LARAVEL (PHP y MySql) FullStack 16 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