Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn MoreDomina el desarrollo Full-Stack con Laravel, Vue y React
Rating: 4.7 out of 54.7(86 ratings)
396 students
Domina el desarrollo Full-Stack con Laravel, Vue y React
Desarrollo Full-Stack simplificado: Aprende Laravel, Vue y React paso a paso en este curso completo.
Created byJorge Luis García Coello
Last updated 9/2024
Spanish
Spanish [Auto],
What you'll learn
- Desarrollo web Full-Stack con Laravel Blade
- Desarrollo web Full-Stack con Laravel Inertia Vue
- Desarrollo web Full-Stack con Laravel Inertia React
- Desarrollo web con Laravel en general
Explore related topics
Course content
4 sections • 130 lectures • 11h 0m total length
- Introducción al curso Laravel 11 desde cero1:05
En esta lección te doy la bienvenida al curso y te explico de qué se trata esta serie de videos de Laravel 11.
- Entorno de desarrollo para Laravel 11 en Windows - Herd11:03
En esta lección te enseño cómo cumplir con los requisitos de Laravel 11 para funcionar en un entorno de desarrollo en Windows utilizando Laravel Herd.
- Entorno de desarrollo para Laravel 11 en Windows - Laragon9:37
En esta lección te enseño cómo cumplir con los requisitos de Laravel 11 para funcionar en un entorno de desarrollo en Windows
- Entorno de desarrollo para Laravel 11 en Mac8:47
En esta lección te enseño cómo cumplir con los requisitos de Laravel 11 para funcionar en un entorno de desarrollo en Mac.
- VSCode para desarrollar con Laravel2:58
- PHPStorm para Laravel 112:40
- Cómo utilizar rutas en Laravel 117:28
- Rutas con nombre en Laravel 114:49
- Blade, el motor de plantillas de Laravel 115:31
- Plantillas de Blade con Laravel 119:04
- Controladores en Laravel 118:02
- Cómo hacer consultas a la base de datos en Laravel 114:22
- Qué son y cómo funcionan las migraciones en Laravel 1111:46
- Introducción a Eloquent el ORM de Laravel 116:37
- Eloquent: Consultar recursos por identificador9:07
- Cómo crear formularios en Laravel 117:37
- Eloquent: Insertar registros en la base de datos en Laravel 114:19
- Mensajes de sesión en Laravel 113:30
- Cómo validar formularios en Laravel 116:40
- Soporte multi lenguaje en Laravel 118:59
- Formulario para editar en Laravel 116:12
- Eloquent: Actualizar registros en base de datos2:19
- Cómo reutilizar formularios4:50
- Form Requests en Laravel 117:03
- Eloquent: Eliminar registros en Laravel 116:18
- Cómo agregar Javascript y CSS (SASS) en Laravel 116:00
- Cómo activar links6:07
- Implementando una plantilla de Tailwind CSS con Laravel12:04
- Cómo proteger rutas con usuario y contraseña5:10
- Laravel Breeze: Principales características6:05
- Panel de administración5:58
- Panel de administración - Parte 28:06
- Restructuración de componentes5:33
- Qué son variables de entorno en Laravel3:58
- Deploy Laravel 11 Digital Ocean12:53
- Navegación dinámica4:34
- Siguientes Pasos1:21
- Introducción al curso Laravel desde cero1:57
En esta lección te doy la bienvenida al curso y te explico de qué se trata este curso.
- Entorno de desarrollo para Laravel2:36
En esta lección te explico lo que necesitamos instalar en nuestro computador, ya sea Windows, Mac o Linux, para comenzar a desarrollar con Laravel.
- Laragon9:19
- Creando una nueva aplicación de Laravel3:43
En esta lección aprendemos a crear aplicaciones de Laravel utilizando composer y también el instalador oficial de Laravel.
- Instalando la autenticación de usuarios6:40
En esta lección vemos paso a paso cómo implementar login, registro, reseteo de contraseña y administración de perfil de usuarios utilizando Laravel Breeze.
- Soporte multi lenguaje5:56
En esta lección implementamos soporte para el lenguaje español y aprendemos a dar soporte a cualquier lenguaje.
- Qué son las rutas7:40
En esta lección aprendemos el funcionamiento básico de las rutas, rutas con nombres, parámetros y redirecciones.
- Qué son los Middleware4:39
En esta lección revisamos el funcionamiento de los middleware, específicamente el auth, guest y verified, y también restructuramos el archivo de rutas web.
- Layout y navegación8:15
En esta lección exploramos la plantilla principal y modificamos la navegación para poder navegar entre el dashboard y la página de chirps.
- Cómo enviar formularios5:07
En esta lección aprendemos a crear formularios en Laravel y sus requisitos de seguridad.
- Qué son las migraciones7:07
En esta lección definimos la estructura de la tabla chirps utilizando migraciones en Laravel.
- Qué es Eloquent5:07
En esta lección revisamos qué es Eloquent y cómo utilizarlo para interactuar con la base de datos.
- Mensajes de sesión4:15
En esta lección, exploraremos cómo utilizar mensajes de sesión flash de manera efectiva para informar al usuario después de haber realizado una acción.
- Controladores3:25
En esta lección, aprenderás a utilizar controladores para mejorar la organización de las rutas en tu aplicación web.
- Validación de formularios5:48
En esta lección, aprenderemos a validar formularios en Laravel para garantizar la precisión y seguridad de los datos ingresados por los usuarios.
- Base de datos relacional con Eloquent3:29
En esta lección, exploramos cómo definir y utilizar la relación entre un usuario y los chirps dentro de nuestra aplicación mediante el uso de Eloquent en Laravel.
- Listar recursos5:23
En esta lección, exploramos cómo definir y utilizar la relación entre un usuario y los chirps dentro de nuestra aplicación mediante el uso de Eloquent en Laravel
- Optimizando Consultas en Eloquent: Evitando el Problema N+14:11
Aprende a detectar y evitar el problema de consultas N+1 en Eloquent para mejorar el rendimiento de tu aplicación Laravel
- Formulario para editar registros8:05
En esta lección creamos la ruta y la vista que se encarguen de mostrar el formulario para editar chirps.
- Actualizar registros en base de datos5:38
En esta lección, nos enfocaremos en el procesamiento del formulario de edición, empleando Eloquent para guardar de forma adecuada las modificaciones en la base de datos en Laravel.
- Implementando autorización3:02
En esta lección, nos aseguramos de que los usuarios solo puedan actualizar sus propios "chirps" y no los de otros usuarios, reforzando así la seguridad y la lógica de propiedad en nuestra aplicación.
- Políticas de Acceso2:38
Aprende a crear y aplicar políticas de acceso en Laravel para controlar quién puede realizar acciones en tu aplicación web de manera efectiva y segura.
- Cómo eliminar registros de la base de datos3:35
En esta lección, aplicamos buenas prácticas para implementar la funcionalidad de eliminación de "chirps" en la base de datos en Laravel
- Cómo funciona Vite en producción5:17
En esta lección, exploraremos el funcionamiento de Vite.js tanto en entornos locales como en producción, y te presentaremos estrategias específicas para su implementación efectiva en el ambiente de producción.
- Deploy de una app de Laravel10:50
En esta lección hacemos deploy paso a paso, corrigiendo errores al momento de publicar nuestro proyecto en Digital Ocean.
- Introducción al curso Inertia con Vuejs1:24
En esta lección te doy la bienvenida al curso de Laravel Inertia con Vuejs y te explico los detalles y requisitos del mismo.
- Qué es Inertia JS (VUE)3:00
En esta lección, vamos a repasar de manera concisa qué es Inertia (Vue.js) y cuáles son las diferencias clave en comparación con una aplicación de Laravel que utiliza Blade como motor de plantillas.
- Instalación de Laravel Inertia con Vue3:53
En esta lección aprendemos el proceso para crear una nueva aplicación de Laravel con Inertia y Vue.js
- Configuración del proyecto (Vue)2:11
En esta lección definimos el modelo, la migración y el controlador resource para nuestro proyecto con Inertia Vue.js
- Cómo crear páginas con Inertia Vue2:07
En esta lección creamos nuestra primera página de Inertia con Vue.js
- Propiedades de Página (Vue)2:00
En esta lección exploramos cómo recibir propiedades de componentes en Vue 3 y aprendemos a pasar variables desde PHP y utilizarlas con Javascript.
- Estructura de componentes de Inertia Vue2:18
En esta lección te explico las principales diferencias entre los componentes de página, de plantilla y componentes en sí.
- Componentes Layout Vue3:23
En esta lección, profundizaremos en los fundamentos relativos a los componentes de Vue que serán empleados como plantillas.
- Guest & Authenticated Vue Layouts2:21
En esta lección exploramos los componentes Layout que vienen con la instalación de Laravel Breeze
- Layout master en Inertia VUE3:26
En esta lección revisamos el Componente de Head, y la plantilla base que se utiliza en todas las páginas de Inertia VUE.
- Componente Link de Inertia Vue3:30
En esta lección exploramos el componente Link de Inertia Vue, que nos permite navegar entre páginas sin necesidad de refrescar la página.
- Cómo activar links con Inertia Vue4:31
En esta lección organizamos los links de navegación móvil y escritorio y aprendemos a detectar la ruta actual para activar y desactivar links.
- Creando el formulario con Inertia VUE1:18
En esta lección agregamos el formulario utilizando clases de Tailwind y componentes de Laravel Breeze.
- Route Resource con Inertia VUE3:06
En esta lección organizamos mejor las rutas y preparamos la ruta post para recibir nuevos registros
- Cómo enviar formularios con Inertia Vue5:00
En esta lección realizamos la conexión entre el componente de Vuejs y el método store del controlador.
- Manejo de errores con Axios (Vue.js)3:51
En esta lección aprendemos a acceder a los errores que nos provee Laravel desde los componentes de Vue.js.
- Manejo de errores de validación con Inertia Vue5:39
En esta lección procesamos y mostramos al usuario los errores de validación que ocurren del lado del servidor utilizando Inertia Vue
- Manejo de conexiones lentas con Vue3:19
En esta lección evitamos la creación de registros duplicados deshabilitando el botón de envío mientras se procesa el formulario con Vue.
- Utilizando el form helper con Vue4:52
En esta lección reestructuramos el envío del formulario utilizando el form helper useForm que nos provee Laravel Inertia Vue
- Mensajes de sesión con Inertia Vue6:01
En esta lección aprendemos a utilizar el middleware que nos trae Inertia Vue para trasladar datos desde el backend al frontend.
- Listar registros con Vue.js6:07
En esta lección mostramos el listado de registros desde la base de datos utilizando Vuejs
- Utilizando API Resources con Vue5:31
En esta lección moldeamos los datos de los modelos utilizando Laravel API Resources para mostrar únicamente los datos que queremos en el lado del cliente (Vue.js).
- Carga de relaciones con API Resources con Inertia Vue2:54
En esta lección creamos un nuevo API Resource para precargar de forma condicional la relación con el usuario utilizando Inertia Vue.
- Formateo de fechas con Inertia Vue.js3:19
En esta lección aprendemos varias formas de formatear fechas desde Javascript con Vue.js y también desde el lado del servidor.
- Vue Dropdown3:20
En esta lección aprendemos a utilizar el componente Dropdown que vino con la instalación de Laravel Breeze en nuestra aplicación de Inertia Vue
- Componente Formulario reutilizable con Vue7:00
En esta lección extraemos el formulario para poderlo reutilizar para crear y para editar registros. También aprendemos a emitir eventos desde un componente hijo hacia el componente padre utilizando Vuejs.
- Eliminar registros con Vue2:33
En esta lección implementamos la funcionalidad para eliminar registros utilizando Link de Intertia Vue
- Políticas de acceso con Inertia Vue5:30
En esta lección aprendemos a utilizar políticas de acceso para controlar quién puede editar y eliminar registros en nuestra aplicación con Inertia Vue
- Cómo traducir aplicaciones con Inertia Vue5:30
En esta lección vemos una forma de utilizar las funcionalidades de traducción de Laravel PHP desde el lado del cliente con Vuejs
- Función de javascript para traducciones con Vue6:52
En esta lección creamos un hook reutilizable para traducir los textos de nuestra aplicación con Laravel Inertia Vue
- Actualización a Laravel 115:22
- Deploy9:23
- SSR (Server Side Rendering)6:29
- SSR en Producción3:41
- Introducción al curso Inertia con Reactjs1:25
En esta lección te doy la bienvenida al curso de Laravel Inertia con Reactjs y te explico los detalles y requisitos del mismo.
- Qué es Inertia JS (REACT)3:00
En esta lección, vamos a repasar de manera concisa qué es Inertia (React.js) y cuáles son las diferencias clave en comparación con una aplicación de Laravel que utiliza Blade como motor de plantillas.
- Instalación de Laravel Inertia con React3:48
En esta lección aprendemos el proceso para crear una nueva aplicación de Laravel con Inertia y React.js
- Configuración del proyecto (React)2:11
En esta lección definimos el modelo, la migración y el controlador resource para nuestro proyecto con Inertia React.js
- Cómo crear páginas con Inertia React2:28
En esta lección creamos nuestra primera página de Inertia con React.js
- Propiedades de Página (React)3:13
En esta lección exploramos la sintaxis de JSX y aprendemos a pasar variables desde PHP y utilizarlas con Javascript.
- Estructura de componentes de Inertia React2:17
En esta lección te explico las principales diferencias entre los componentes de página, de plantilla y componentes en sí.
- Componentes Layout React4:19
En esta lección, profundizaremos en los fundamentos relativos a los componentes de React que serán empleados como plantillas.
- Guest & Authenticated React Layouts2:38
En esta lección exploramos los componentes Layout que vienen con la instalación de Laravel Breeze con Inertia React
- Layout master en Inertia React3:36
En esta lección revisamos el Componente de Head, y la plantilla base que se utiliza en todas las páginas de Inertia con React.
- Componente Link de Inertia React3:29
En esta lección exploramos el componente Link de Inertia React, que nos permite navegar entre páginas sin necesidad de refrescar la página.
- Cómo activar links con Inertia React4:45
En esta lección organizamos los links de navegación móvil y escritorio y aprendemos a detectar la ruta actual para activar y desactivar links con Inertia React.
- Creando el formulario con Inertia REACT1:17
En esta lección agregamos el formulario utilizando clases de Tailwind y componentes de Laravel Breeze en nuestra aplicación con Inertia React.js.
- Route Resource con Inertia REACT3:04
En esta lección organizamos mejor las rutas y preparamos la ruta post para recibir nuevos registros en nuestra aplicación de Inertia React
- Cómo enviar formularios con Inertia React5:41
En esta lección realizamos la conexión entre el componente de Reactjs y el método store del controlador.
- Manejo de errores con Axios (React.js)3:35
En esta lección aprendemos a acceder a los errores que nos provee Laravel desde los componentes de React.js.
- Manejo de errores de validación con Inertia React5:24
En esta lección procesamos y mostramos al usuario los errores de validación que ocurren del lado del servidor utilizando Inertia React
- Manejo de conexiones lentas con React3:18
En esta lección evitamos la creación de registros duplicados deshabilitando el botón de envío mientras se procesa el formulario con React.
- Utilizando el form helper con React6:11
En esta lección reestructuramos el envío del formulario utilizando el form helper useForm que nos provee Laravel Inertia React
- Mensajes de sesión con Inertia React5:38
En esta lección aprendemos a utilizar el middleware que nos trae Inertia React para trasladar datos desde el backend al frontend.
- Listar registros con React.js6:19
En esta lección mostramos el listado de registros desde la base de datos utilizando Reactjs
- Utilizando API Resources con React5:24
En esta lección moldeamos los datos de los modelos utilizando Laravel API Resources para mostrar únicamente los datos que queremos en el lado del cliente (React.js).
- Carga de relaciones con API Resources con Inertia React2:54
En esta lección creamos un nuevo API Resource para precargar de forma condicional la relación con el usuario utilizando Inertia React.
- Formateo de fechas con Inertia React.js3:21
En esta lección aprendemos varias formas de formatear fechas desde Javascript con React.js y también desde el lado del servidor.
- React Dropdown4:51
En esta lección aprendemos a utilizar el componente Dropdown que vino con la instalación de Laravel Breeze en nuestra aplicación de Inertia React
- Componente Formulario reutilizable con React8:28
En esta lección extraemos el formulario para poderlo reutilizar para crear y para editar registros. También aprendemos a pasar funciones como propiedades desde un componente padre al hijo con React.js
- Eliminar registros con React1:50
En esta lección implementamos la funcionalidad para eliminar registros utilizando el componente Link de Intertia React
- Políticas de acceso con Inertia React6:30
En esta lección aprendemos a utilizar políticas de acceso para controlar quién puede editar y eliminar registros en nuestra aplicación con Inertia React
- Cómo traducir aplicaciones con Inertia React5:27
En esta lección vemos una forma de utilizar las funcionalidades de traducción de Laravel PHP desde el lado del cliente con Reactjs
- Función de javascript para traducciones con React6:55
En esta lección creamos un hook reutilizable para traducir los textos de nuestra aplicación con Laravel Inertia React
- Actualización a Laravel 114:49
- Deploy9:15
- SSR (Server Side Rendering)6:08
- SSR en Producción3:40
Requirements
- Necesitas experiencia básica con HTML
Description
En este curso exhaustivo, los estudiantes serán guiados a través de un viaje de aprendizaje emocionante y práctico en el mundo del desarrollo web moderno con Laravel, Vue.js y React.js, aprovechando la potencia de Laravel.
Desde los conceptos básicos hasta las técnicas avanzadas, este curso está diseñado para proporcionar a los estudiantes las habilidades y el conocimiento necesarios para construir aplicaciones web Full-Stack dinámicas y altamente interactivas.
Los participantes aprenderán los fundamentos esenciales de Laravel, incluyendo cómo configurar un entorno de desarrollo, crear rutas, controladores y vistas, y gestionar bases de datos con Eloquent ORM. Luego, se sumergirán en el mundo de Inertia.js, explorando cómo integrarlo eficientemente en proyectos web para crear interfaces de usuario reactivas sin sacrificar la experiencia del desarrollador.
Además, los estudiantes adquirirán experiencia práctica en la implementación de Inertia Vue y Inertia React en aplicaciones Laravel, aprovechando al máximo las capacidades de Vue.js y React.js para crear componentes reutilizables, gestionar el estado de la aplicación y gestionar el enrutamiento de forma eficiente.
Con ejemplos prácticos, y proyectos prácticos, este curso proporciona una experiencia de aprendizaje inmersiva que capacitará a los estudiantes para construir aplicaciones web Full-Stack modernas y escalables utilizando tecnologías líderes en la industria.
Who this course is for:
- Desarrolladores PHP con interés en Laravel y desarrollo Full-Stack