Conviértete en un Desarrollador Web Fullstack con Laravel 11 y Vue 3

Crea un servicio web (Api Rest) con Laravel y consume desde Vue.js

¿Sabias qué?

Tener tu proyecto en tu propio repositorio te da una ventaja competitiva frente a los reclutadores.
Es por eso en este curso:

Iniciaremos con Git

Aprenderás los conceptos fundamentales y cómo usar Git para el control de versiones.

Sube tu Proyecto

Crearás y subirás proyectos a tu repositorio personal en Git.

Despliegue Servidores

Muestra tus habilidades a empleadores potenciales con repositorios públicos.

Desarrollo de Proyectos

Backend Laravel Api Rest

Desarrollaremos un proyecto API RESTful con Laravel, bases de datos y servicios completos de API.

Proyecto Frontend Vue

Proyecto Vue.js Creación de interfaz dinámica con Vue.js consumiendo APIs externas.

Proyecto de Curso

Curso integrado de Laravel y Vue: autenticación con tokens, CRUD avanzado, relaciones complejas, generación de reportes PDF y despliegue en servidor.

Contenido

Lo Basico: Fundamentos e Instalación Local y DOCKER

1.1. Introducción
1.2. Características de Laravel versión 10 - 11
1.3. Configuración de servidor Local
1.4. Instalación de Laravel (Windows, Linux) y Docker
1.5. Estructura de directorios de Laravel

MVC: Ruta, Modelo, Vista, Controlador

2.1. Configuración de Laravel
2.2. Tipos de rutas en Laravel
2.3. Peticiones y métodos HTTP (GET, POST, PUT, DELETE)

Controladores: Funciones(listar, guardar, mostrar, modificar, eliminar)

3.1. Generar Controladores
3.2. Controlador de recursos -Resources-ApiResources
3.4. Validaciones

Introduccion Vue.js y Vue 3:Opciones de Integración Vue.js Laravel

4.1. Introducción y conceptos básicos Vue.js 2 y Vue 3
4.2. Instalación Node.js y dependencias NPM
4.3. Bases (Option Api) y (Composition Api) en Vue 2 y 3
4.4. Configuración e Integración Laravel y Vue 3 + Vite
4.5. Vue + Laravel (un solo proyecto) y Vue con Vite Proy Separado

Rutas y Directivas en Vue.js:Configuración Vue-router

5.1. Configuración de Rutas con Vuejs (Vue-router)
5.2. Directivas
- v-if / v-else / v-show (Condicional)
- v-for (Bucles), - v-on (Eventos)

Vue.js - Prime - Vuetify COMPONENTES en VUE.JS (Single Page Aplicacion) SPA + Pinia

6.1. Single File Component
6.2. Ciclo de vida de un componente
6.3. Comunicación entre componentes - props, eventos emitidos, slots
6.4. Estados Globales con Pinia
6.5. Integración de Estilos (Prime o Vuetify) en Vue 3

Base de datos (MySql, PostgreSQL)

7.1. Configuración de bases de datos
7.2. Migraciones - Tablas de base de datos
7.3. Migraciones Tipos de datos (campos de base de datos)
7.4. Restricción de llaves Foráneas (Relaciones de tablas)
7.5. Relación de Tablas (1:1) (1:N) (N:M) (Entidad Relación)

Base de datos (Eloquent ORM) - SQL, Query Builder, Eloquent ORM

8.1. Ejecutando consultas SQL Puro - sin procesar
8.2. Generador de consultas fluent (Query Builder)
8.3. Eloquent ORM (Models)
8.4. Eloquent: Relaciones (1:1) (1:N) (N:M)
8.5. Pruebas con herramienta Tinker

Operaciones CRUD - Controladores de recursos (index, store, update, destroy)

9.1. Importación de Models en Controladores
9.2. Operación Listar Método GET (All(), get(), paginate(), where())
9.3. Operación Guardar Método POST (save())
9.4. Operación Modificar Método PUT (update())
9.5. Operación Eliminar Método DELETE (delete())
9.6. Validaciónes, Internacionalización, paginación

Vue 3 Composition API - setup, ref, onMounted

10.1. evolución de Vue.js 2 a Vue 3
10.2. Reactividad en Vue 3: ref
10.3. Ciclo de vida de un componente con Composition API
10.4. Composables predefinidos en Vue 3 watch, watchEffect, computed

Interceptores Servicios - Proveedores de datos y seguridad

11.1. Interceptores HTTP con Axios
11.2. Configuración de interceptores de solicitud y respuesta
11.3. Manejo de errores y situaciones especiales

Guards y Pinia - Seguridad de acceso a Rutas

12.1. Diferencia entre guards globales y guards de ruta
12.2. Guards Globales en Vue 3
12.3. Autenticación y Autorización de Rutas
12.4. Validación de Datos antes de la Navegación
12.5. Manejo de Estados Globales con Pinia

Servicios Api Rest - (GET, POST, PUT, DELETE)

13.1. Servicios Rest (Web Services)
13.2. Respuestas del Servidor
13.3. Instalación de Axios en Vuejs
13.4. Consumo de Api Rest desde Vue.js
13.5. (Listado, Creación, Modificación Eliminación en Vue.js)

SEGURIDAD - Autenticación por Tokens (Laravel Sanctum - OAuth2)

14.1.Registro y Autenticación de Usuarios
14.2. Middlewares
14.3. Generación de Tokens (Laravel Sanctum y Passport)
14.4. Autenticación por Tokens en Vue.js
14.5. Seguridad en Vue.js (Router Guards e Interceptores)

Despliegue en Servidores y Vps AWS

15.1 Despliegue proyecto en Servidor compartido cPanel.
15.2 Despliegue en servidores VPS (Amazon Web Service) AWS

Proyecto aplicativo

Se realizara un Proyecto Aplicativo integrando todo lo aprendido.
- Autenticación de Usuarios acceso a Sistema Login basado en Token (Sanctum, OAuth2).
- Administrador (Dashboard con Template Prime o Vuetify).
- Gestión, Crear, Listar, Editar y Eliminar Recursos (CRUD-ABM).
- Relación Uno a Uno (1:1), Uno a Muchos (1:N), Muchos a Muchos (N:M) con Eloquent ORM y Query Builder + SQL (Postgres).
- Subida de Archivos e Imágenes.
- DataTables, paginaciones, ordenación y búsquedas.
- Reportes PDF, Despliegue Servidor etc

Beneficios

CLASES EN VIVO

Acceso a las clases online totalmente en vivo.

DOCENTE

Docente especializado en el área, y en las clases podrás interactuar directamente.

PLATAFORMA

El acceso a la plataforma con contenido del curso de forma permanente.

VIDEOS

Cada clase será grabada, para que puedas repasar cuando quieras.

CONTENIDO ACTUALIZADO

Aprende con las versiones más recientes de Laravel (11) y Vue (3).

Proyectos PRÁCTICOS

Aplica tus conocimientos en proyectos reales.

ASESORAMIENTO

Acceso a 2 horas de asesoramiento con el Docente.

Certificación

Obtén una certificación al finalizar el curso.

Preguntas Frecuentes

¿Cómo son los cursos?

¿Cuánto tiempo dura el acceso a la plataforma?

¿Emiten certificado?

¿En qué consiste el asesoramiento en proyectos?

Curso
Desarrollo Web Fullstack con Laravel 11 y Vue 3

Domina las herramientas más avanzadas para crear aplicaciones web modernas y dinámicas

Inscríbete Ahora