Envíanos tu consulta

Buscar cursos

Catálogo 2024

Cursos ¡Últimas plazas!Servicios FUNDAE Tutoriales Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Formación

Modalidades

Próximas Convocatorias

Temario

FAQ

Solicitar información

Cursos de Desarrollo/Cursos de Desarrollo Web/Curso Inertia con Laravel y Vue

Curso de Inertia con Laravel y Vue

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Aprende todo sobre Inertia integrando los frameworks Laravel y Vue. Aprenderás a desarrollar, probar y desplegar aplicaciones web modernas utilizando las mejores prácticas y herramientas del ecosistema de InertiaJS.

Formación en Inertia con Laravel y Vue bonificable para empresas

A quién va dirigido nuestro curso de Inertia con Laravel y Vue

Desarrolladores web, con experiencia en Vue y Laravel, que desean aprender a usar InertiaJS para construir aplicaciones monolíticas modernas.

Objetivos de nuestro curso de Inertia con Laravel y Vue

Aprender los fundamentos de la arquitectura de Inertia como solución monolítica moderna
Desarrollar aplicaciones completas integrando InertiaJS con Laravel y Vue
Configurar y optimizar el entorno de desarrollo para proyectos con Inertia
Implementar rutas, navegación y gestión del estado en aplicaciones Inertia
Desarrollar, probar y desplegar aplicaciones web modernas utilizando Inertia

Qué vas a aprender en nuestro curso de Inertia con Laravel y Vue

Requisitos de nuestro curso de Inertia con Laravel y Vue

Tener experiencia con HTML, CSS, Javascript, Typescript, PHP y haber desarrollado aplicaciones web con Vue (v3 o superior) o Laravel (v11 o superior)
Tener instalados en el equipo Visual Studio Code, Node LTS, NVM, NPM, Docker Desktop y GIT
Tener un equipo con acceso a un usuario con permisos de instalación y conexión estable a internet

Temario del curso de Inertia con Laravel y Vue

tema 1

Introducción a InertiaJS

Conceptos básicos y filosofía de InertiaJS
Comparación con otras herramientas y frameworks
Beneficios de usar InertiaJS en proyectos web modernos
Arquitectura y flujo de datos en InertiaJS
Instalación y configuración inicial de InertiaJS
Integración de InertiaJS con Laravel y Vue
Primer proyecto con InertiaJS: estructura de carpetas y archivos
Ejemplo práctico de una aplicación simple con InertiaJS
Revisión de documentación oficial y recursos adicionales
Casos de uso y ejemplos de aplicaciones reales con InertiaJS

tema 2

Configuración de Entorno de Desarrollo

Configuración de Laravel para InertiaJS
Instalación y configuración de Vue en un proyecto Laravel
Configuración de webpack y Mix en Laravel
Uso de Composer y NPM para gestionar dependencias
Configuración de rutas y controladores en Laravel para InertiaJS
Configuración de componentes de Vue para InertiaJS
Configuración de ESLint y Prettier para mantener la calidad del código
Uso de Valet o Homestead para el entorno de desarrollo local
Prácticas recomendadas para la estructura de proyectos
Configuración de variables de entorno y archivos .env

tema 3

Rutas y Navegación en InertiaJS

Definición de rutas en Laravel para InertiaJS
Configuración de enlaces y navegación en Vue con InertiaJS
Creación y gestión de componentes de página en InertiaJS
Manejo de parámetros de ruta y consultas
Implementación de navegación dinámica y condicional
Optimización de la carga de componentes y páginas
Uso de hooks y eventos de navegación
Manejadores de errores y redirecciones en rutas
Integración de middleware para rutas específicas
Prácticas recomendadas para la gestión de rutas y navegación

tema 4

Componentes y Propiedades en Vue con InertiaJS

Creación de componentes reutilizables en Vue
Comunicación entre componentes utilizando props y eventos
Uso de slots y scoped slots para componentes flexibles
Composición de componentes complejos utilizando mixins y plugins
Implementación de componentes de página y layouts en InertiaJS
Gestión de estado local y global en Vue con Vuex
Uso de InertiaJS para pasar datos a los componentes
Implementación de validaciones y control de formularios en Vue
Técnicas de optimización de rendimiento en componentes Vue
Pruebas unitarias y de integración para componentes Vue

tema 5

Gestión del Estado con Vuex

Introducción a Vuex y su integración con InertiaJS
Configuración inicial de Vuex en un proyecto Vue
Definición de módulos, acciones, mutaciones y getters en Vuex
Implementación de operaciones asíncronas con Vuex
Gestión de estado compartido entre múltiples componentes
Uso de plugins Vuex para persistencia y sincronización de estado
Patrones y mejores prácticas para la arquitectura de Vuex
Debugging y monitoreo del estado Vuex en tiempo real
Ejemplo práctico de gestión de estado en una aplicación InertiaJS
Pruebas y validación de lógica Vuex

tema 6

Formularios y Validación

Creación y manejo de formularios en Vue con InertiaJS
Validación de formularios en el lado del cliente con VeeValidate
Validación de formularios en el lado del servidor con Laravel
Manejo de errores de validación y mensajes de feedback
Implementación de formularios dinámicos y dependientes
Optimización de la experiencia del usuario en formularios
Uso de API para la creación y actualización de datos
Ejemplos de formularios complejos: multistep y wizard forms
Pruebas de formularios y validaciones
Buenas prácticas para la gestión de formularios en aplicaciones web

tema 7

Autenticación y Autorización

Configuración de autenticación en Laravel con InertiaJS
Gestión de sesiones y tokens de autenticación
Implementación de roles y permisos en Laravel
Protección de rutas y componentes basados en roles
Gestión de la autenticación en Vue con Vuex
Manejo de redirecciones y rutas protegidas
Implementación de login, registro y recuperación de contraseñas
Personalización de la experiencia de usuario autenticado
Pruebas de seguridad y validación de autenticación
Integración de OAuth y autenticación social

tema 8

API y Comunicación con el Servidor

Creación y gestión de API RESTful en Laravel
Consumo de API en Vue con Axios
Implementación de CRUD en InertiaJS utilizando API
Gestión de errores y excepciones en la comunicación con el servidor
Autenticación de API y gestión de tokens JWT
Pagos y sincronización en tiempo real con websockets
Optimización de solicitudes API y manejo de caché
Ejemplos de integración de API externas
Pruebas de API y mocks
Buenas prácticas para la arquitectura de API en aplicaciones web

tema 9

Integración de Componentes UI y Frameworks

Uso de bibliotecas de UI como Vuetify, Element y Bootstrap Vue
Implementación de componentes UI personalizados
Configuración y personalización de temas en componentes UI
Creación de un sistema de diseño consistente
Uso de iconos y gráficos en aplicaciones Vue
Implementación de animaciones y transiciones
Ejemplos de dashboards y gráficos interactivos
Pruebas y validación de componentes UI
Optimización de rendimiento de componentes UI
Integración de componentes UI con InertiaJS

tema 10

Testing y Debugging

Configuración de herramientas de testing para Vue y Laravel
Pruebas unitarias de componentes Vue con Jest
Pruebas de integración y end-to-end con Cypress
Debugging de aplicaciones InertiaJS en el navegador
Uso de Vue Devtools y Laravel Telescope
Pruebas de rendimiento y optimización
Mocking de API y datos en tests
Automatización de pruebas en CI/CD
Pruebas de accesibilidad y usabilidad
Documentación y cobertura de tests

tema 11

Deploy y DevOps

Preparación de aplicaciones InertiaJS para producción
Configuración de servidores y hosting para Laravel y Vue
Despliegue continuo con GitHub Actions, GitLab CI/CD o Jenkins
Configuración de entornos de staging y producción
Optimización de rendimiento en producción
Seguridad y gestión de vulnerabilidades
Monitorización y logging de aplicaciones en producción
Escalado de aplicaciones y balanceo de carga
Backups y recuperación ante desastres
Documentación y mantenimiento de la infraestructura DevOps

tema 12

Internacionalización y Localización

Configuración de i18n en Vue para soporte multilingüe
Localización de contenido y componentes en Vue
Integración con Laravel Localization
Gestión de traducciones y archivos de idioma
Implementación de detectores de idioma y conmutadores
Pruebas de aplicaciones multilingües
Optimización de la experiencia de usuario multilingüe
Ejemplos de aplicaciones internacionales
Prácticas recomendadas para la internacionalización
Documentación de configuraciones de i18n

tema 13

Seguridad en Aplicaciones Web

Principios básicos de seguridad web en Laravel y Vue
Protección contra ataques comunes como XSS, CSRF y SQL Injection
Gestión de autenticación y autorización seguras
Encriptación y gestión de datos sensibles
Configuración de HTTPS y certificados SSL
Seguridad en API y gestión de tokens
Monitoreo de vulnerabilidades y actualizaciones
Ejemplos de ataques y defensas
Auditoría y logging de seguridad
Pruebas de penetración y análisis de seguridad

tema 14

Migración y Actualización de Proyectos

Estrategias de migración de proyectos existentes a InertiaJS
Migración de datos y configuración entre versiones de Laravel y Vue
Actualización de dependencias y gestión de versiones
Pruebas y validación post-migración
Optimización de rendimiento tras la migración
Gestión de cambios en la base de datos
Comunicación con el equipo y stakeholders sobre cambios
Documentación del proceso de migración
Ejemplos de migración exitosa de proyectos reales
Buenas prácticas y lecciones aprendidas de migraciones anteriores

tema 15

Proyecto Final y Ejemplos Prácticos

Planificación y definición de un proyecto completo utilizando InertiaJS
Implementación de funcionalidades principales: autenticación, CRUD, API
Integración de componentes UI y personalización del diseño
Gestión de estado y optimización de rendimiento
Pruebas exhaustivas de todas las funcionalidades implementadas
Preparación y despliegue del proyecto en un entorno de producción
Documentación completa del proyecto y su arquitectura
Presentación y revisión del proyecto final con retroalimentación
Aprendizaje de mejores prácticas y resolución de problemas
Reflexión sobre el proceso de desarrollo y planificación de futuras mejoras

Preguntas Frecuentes de Inertia con Laravel y Vue

¿Cuáles son los Beneficios del curso Inertia con Laravel y Vue?

El curso ofrece una formación completa y especializada en el uso de Inertia.js, Laravel y Vue.js. Aprenderás a construir aplicaciones web modernas sin perder la agilidad en el desarrollo y la eficacia en la gestión del backend y frontend.

¿El curso de Inertia con Laravel y Vue se puede bonificar a través de FUNDAE?

Sí, el curso puede ser bonificado a través de FUNDAE, lo que permite a las empresas obtener descuentos en la formación de sus empleados. Este proceso puede optimizar los costos de capacitación y desarrollo.

¿En que modalidades se imparte el curso de Inertia con Laravel y Vue?

El curso se imparte en modalidad online o en aula virtual personalizada, proporcionando flexibilidad a las empresas para adaptarse a los horarios y necesidades de sus empleados.

¿Qué habilidades desarrollaré con el curso de Inertia con Laravel y Vue?

Desarrollarás habilidades en la creación de aplicaciones con una arquitectura eficiente y moderna utilizando Inertia.js, Laravel y Vue.js. Aprenderás a integrar backend y frontend de manera fluida, mejorando tu capacidad de desarrollo full stack.

¿Cómo puedo inscribirme en el curso de Inertia con Laravel y Vue?

Puedes inscribirte en el curso rellenando los formularios que aparecen en la web. Es un proceso sencillo que asegura tu participación y reserva tu plaza en la formación.