Saltar al contenido

description
Recursos de interés
N/A
file_download
Proyecto final
N/A
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
5 minutos

play_circle_outline
vista previa
7 minutos
play_circle_outline
vista previa
7 minutos

play_circle_outline
Política de acceso para Tasks
5 minutos

play_circle_outline
Crear y registrar el DashboardController, generando las estadísticas
10 minutos
play_circle_outline
Composable para formatear fechas con Vue
5 minutos
play_circle_outline
Instalar el componente Progress con Shadcn
5 minutos
play_circle_outline
Desarrollar la lógica del componente Dashboard
9 minutos
play_circle_outline
Desarrollar la template del componente Dashboard
11 minutos

play_circle_outline
Aplicar la política de acceso al TaskController
4 minutos
play_circle_outline
Obtener y pasar las tareas del controlador a Vue
2 minutos
play_circle_outline
Añadir navegación Tareas al Sidebar del Layout
3 minutos
play_circle_outline
Componente Modal para eliminar Tareas
7 minutos
play_circle_outline
Lógica para eliminar tareas desde el TaskController
2 minutos
play_circle_outline
Lógica completa del listado de tareas
10 minutos
play_circle_outline
Template completa del listado de tareas
12 minutos
play_circle_outline
Lógica completa para hacer toggle del estado de las tareas
7 minutos
play_circle_outline
Lógica completa del formulario de tareas para crear y editar
9 minutos
play_circle_outline
Plantilla completa del formulario de tareas para crear y editar
7 minutos
play_circle_outline
Proceso completo del Backend para crear tareas
9 minutos
play_circle_outline
Proceso completo del Backend para actualizar tareas
6 minutos
play_circle_outline
Lógica completa detalle de una tarea
6 minutos
play_circle_outline
Plantilla completa detalle de una tarea
9 minutos
play_circle_outline
Componente completo notificaciones flash y despedida
16 minutos
Vídeo de introducción Laravel 12 + Vue 3 + Inertia 2, Aplicaciones SPA con TypeScript
play_circle_filled

Desbloquea el curso

starVer planes de suscripción
school

¿Qué aprenderás?

Este curso te ofrece una inmersión completa en el desarrollo de aplicaciones modernas con Laravel 12 utilizando el nuevo starter kit de Vue. A través de la construcción de una aplicación práctica de gestión de tareas, aprenderás a integrar y aprovechar todo el potencial de este stack tecnológico de Laravel.

Trabajaremos con Vue 3 y su API de Composición, que proporciona una forma más organizada y flexible de estructurar la lógica de los componentes. Implementaremos TypeScript para añadir un sistema de tipos robusto que mejora la seguridad y previene errores comunes durante el desarrollo.

Inertia.js 2, una tecnología revolucionaria que actúa como puente entre Laravel y Vue, será uno de los pilares del curso. Descubrirás cómo crear aplicaciones de página única (SPA) manteniendo la simplicidad del desarrollo monolítico, sin necesidad de construir una API separada. Con Inertia, conservamos todas las ventajas de Laravel mientras disfrutamos de interfaces de usuario fluidas y reactivas.

A lo largo del curso, implementaremos un CRUD completo para gestionar tareas, abordando aspectos fundamentales como:

  • Configuración del entorno con el nuevo starter kit de Vue de Laravel 12

  • Modelado de datos y migraciones en Laravel

  • Implementación de políticas de autorización para proteger recursos

  • Diseño de componentes Vue con TypeScript para una experiencia de desarrollo más robusta

  • Creación de formularios interactivos con validación en tiempo real

  • Desarrollo de interfaces responsivas y atractivas con shadcn-vue

  • Integración de iconos modernos con lucide-vue-next

  • Implementación de rutas tipadas con ziggy-js

  • Gestión de estados y comunicación entre componentes con Vue 3

  • Creación de composables reutilizables

También aprenderás a implementar funcionalidades avanzadas como mensajes flash, paginación de datos y navegación fluida entre páginas sin recarga completa del navegador.

Este curso equilibra perfectamente teoría y práctica, con explicaciones claras sobre los conceptos fundamentales del desarrollo moderno con Laravel y Vue, acompañadas de ejemplos concretos que puedes aplicar inmediatamente en tus propios proyectos.

Al finalizar, no solo habrás creado una aplicación completamente funcional, sino que dominarás las técnicas y patrones necesarios para construir cualquier tipo de aplicación web moderna con este stack tecnológico.

Si ya tienes experiencia con PHP o JavaScript, pero quieres dar el salto hacia el desarrollo moderno con tipos estáticos, componentes reutilizables y aplicaciones de página única, este curso te proporcionará todas las herramientas necesarias.

assignment

Requisitos

Conocimientos de Laravel 11 o superior y de Vue 3 Composition API.
group

¿A quién va dirigido el curso?

Este curso está diseñado para:
  • Desarrolladores que desean explorar el nuevo starter kit de Vue en Laravel 12
  • Programadores de Laravel que quieren evolucionar hacia interfaces más dinámicas y reactivas
  • Desarrolladores de Vue que buscan integrarlo de forma eficiente con Laravel
  • Profesionales que desean implementar TypeScript en sus proyectos para mejorar la calidad del código
  • Programadores experimentados en versiones anteriores de Laravel que quieren actualizarse a las últimas tecnologías
  • Desarrolladores que buscan alternativas a Livewire para construir interfaces interactivas
  • Profesionales que quieren dominar Inertia.js 2 para crear SPAs sin necesidad de APIs
  • Desarrolladores full-stack que necesitan optimizar su flujo de trabajo entre backend y frontend
  • Autodidactas interesados en construir aplicaciones web modernas con un enfoque práctico
help_outline

¿Qué hacer en caso de dudas durante el curso?

Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.

Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.

Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.

card_membership

Certificado de finalización

emoji_events

Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.

  • center_focus_weak Código QR con enlace al curso
  • picture_as_pdf Descargable en formato PDF
  • person Personalizado con tu nombre

star Disponible exclusivamente para suscriptores.

Especialista con +15 años de experiencia en desarrollo web Full Stack. Dominio avanzado en Laravel y Vue.js, creando aplicaciones modernas de alto rendimiento. Instructor profesional con 8 años compartiendo conocimiento a través de cursos especializados que han formado a cientos de desarrolladores.

Israel Parra

Desarrollador Full Stack & Formador
visibility Vista previa

star

¿Te gusta lo que ves? Accede a este curso completo y a más de 200 cursos con una suscripción.

launch Ver planes de suscripción