Curso y Libro Laravel 11 con Tailwind Vue 3, introducción a Jetstream Livewire e Inerta desde cero - 2024

Este es el curso MÁS completo que encontrarás de Laravel, veremos de todo, desde aspectos básicos como las rutas, controladores, vistas, modelos, manejo de formularios, validaciones, entre otros hasta aspectos más completos como Rest Api con token de autenticación (y una app para consumir la misma desde Vue), manejo de cache, roles, Gates para los permisos, paquetes imprecindibles y mucho más, el detalle del curso lo puedes ver en la parte inferior de esta publicación y lo mejor, es que es una inversión para varios años ya que, de manera gratuita, mantendré el curso por varios años a las nuevas versiones y dando mayor soporte por Academia.

Tambien tengo recursos gratuitos para Laravel como un curso gratis para Laravel que veremos más adelante.

Comprar el Curso en Laravel 11

A continuación, te presendo algunas opciones para comprar el curso; comenzando por la opción con mejor calidad precio que sería en la app de Academia:

Precio mínimo:

$8.0

Condiciones:

Todo el curso de por vida y descarga individual
Un único pago para todo el curso
Actualizaciones más frecuentes que en Udemy para agregar más y más clases al curso.
Contacto por mensajes

¡Comprar!

Tambien tienes el curso actualizado en Udemy:

Precio mínimo por Udemy:

$9.9

Hasta el --/--

Condiciones:

Todo el curso de por vida
Un único pago para todo el curso
Actualizaciones frecuentes para agregar más y más clases al curso.
Contacto por mensajes (Discord)
Curso por Udemy

O puedes adquirir el curso anterior o antiguo en udemy; el cual, es un repositotio con muchas horas que abarcan Laravel desde la versión 6 hasta la 11:

Precio mínimo por Udemy:

$9.9

Hasta el --/--

Condiciones:

Todo el curso de por vida
Un único pago para todo el curso
Actualizaciones frecuentes para agregar más y más clases al curso.
Contacto por mensajes (Discord)
Curso por Udemy

Si quieres poder descargar el curso fácilmente, puedes adquirirlo en la web de Gumroad

No tienes dinero y necesitas aprender con un curso TOTALMENTE Gratis y de la mejor calidad, pues, te tengo la solución; tambien dispongo de una versión LITE y gratis del curso de Laravel.

Si te interesa el libro de Laravel, puedes ver el apartado de libros en el blog y buscar por el Libro de Laravel, el cual es una copia del curso.

La versión de Udemy (la antigua) contiene las versiones antiguas y nuevas del curso; en Academia estan son las nuevas partes con Laravel 11
Este curso fue actualizado a Laravel 11; que a la fecha, es la última versión de Laravel; la cual incorpora importantes cambios en la definición de migraciones, manejo del login, ruteo; entre otros cambios que ha tenido Laravel desde la versión 5.
Puedes estar seguro que tengo un compromiso con todos mis cursos los cuales en la medida de lo posible siempre intento mantener al día; y con Laravel es un caso especial debido a su evolución constante.

Contenido del curso

En el curso vamos a conocer el framework desde cero, hasta muchos detalles particulares de Laravel; es un curso de básico a intermedio en el cual veremos en pocas palabras:

Conocer los aspectos básicos que mueven el MVC, como las rutas, para que funciona cada componente en Laravel y como funciona todo en conjunto.
El motor de plantillas de Laravel, Blade.
Las migraciones.
Crear un módulo CRUD con usuario autenticado.
Instalar y configurar Laravel Breeze, Tailwind.css y Alpine.css
Crear un módulo de cara al usuario final.
Creación y protección de una Rest Api mediante Sanctum o Passport.
Configurar Stripe.
Y aspectos universales de Laravel, entre funciones de ayuda, librerías, buenas prácticas, etc.
También conoceremos las bases de JetStream con Livewire o Inertia.
Programaremos en tecnologías relacionadas como Bootstrap 5, Tailwind, Vue y Node.
Emplearemos múltiples plugins como CKEditor, para el contenido enriquecido, Vuelidate para las validaciones en Vue...
Uso de la cache.

Aquí de dejo una lista de reproducción de las clases introductorias de cada módulo:

Integrar Laravel 11 con Vue 3

Laravel es un popular framework de PHP que simplifica el desarrollo de aplicaciones web. como vimos antes, tiene un enorme potencial y características en general.

Vue es una biblioteca JavaScript para construir interfaces de usuario interactivas. Puede utilizarse junto con Laravel para construir aplicaciones web más dinámicas.

Ambas tecnologías se pueden trabajar en conjunto y en este curso hacemos los pasos para integrar ambas tecnologías:

Instalar Laravel utilizando Composer.
Instalar Vue.js en el proyecto en Laravel utilizando NPM.
Configurar Vite con Vue.
Crear componentes de Vue.js y registrarlos en la aplicación de Laravel.
Incluir los componentes en las plantillas de Blade y utilizarlos en la aplicación.
Para hacer comunicación entre Laravel y Vue.js, se pueden utilizar solicitudes HTTP utilizando Axios o Fetch API.
También es posible utilizar la integración de Inertia.js y Laravel para crear aplicaciones dinámicas sin necesidad de cambiar la estructura de las plantillas.

Siguiendo estos pasos, se puede utilizar Vue.js junto con Laravel para crear una experiencia de usuario interactiva y dinámica en una aplicación web

Sobre el curso

¿Para quién es este curso?
En este curso aprenderás desde lo más básico como trabajar con Laravel y sus componentes: PHP, Artisan, emplear Laravel en conjunto con Node, Vue y Bootstrap 4 o 5; a continuación, te damos una introducción a lo que verás en el curso:
1. Personas que desean comenzar a aprender a utilizar Laravel.
2. Personas que ya tienen un conocimiento básico de Laravel y quieren continuar aprendiendo.
3. Personas que quieran aprender de manera profesional una herramienta de trabajo excelente siendo el líder del desarrollo web con PHP.

Requisitos del curso
1. Conocimientos al menos básicos en HTML, CSS, JavaScript y por supuesto PHP y con esto quiero decir que te hayas aventurado al menos en crear una sencilla aplicación empleando estas tecnologías en conjunto; por lo demás, no necesitas otros conocimientos pero cualquier conocimiento extra como en Node o trabajar en otro framework PHP son más que bienvenidos.
2. Tener una PC con algun Linux, Windows o MacOS.
3. ¡Que tengas ganas de aprender y salir adelante!.

¿Qué puedes esperar del curso y qué no?
Este curso de ofrece una introducción desde cero y organizada para crear tus aplicaciones en Laravel y su ecosistema relacionado; veremos las principales características de Laravel en su versión 9 (aunque hay material que fue grabado con versiones anteriores del framework) con tecnologías relacionadas como:
- Bootstrap 5, para la creación de componentes visuales, el responsive y el layout en general.
- Uso de plugin para Node y Vue y algunas integraciones con jQuery.
- Node para la instalación de paquetes mediante NPM y ofrecer una mejor experiencia desde el lado del cliente.
- Vue para crear nuestra web de tipo SPA (Single Page Application) con la Rest Api en Laravel.
De tal modo que emplearemos estas tecnologías relacionadas cuando sean necesarias avanzar en el curso; pero no es el objetivo del curso enseñar estas tecnologías relacionadas como lo son Bootstrap 5, Vue , Node con el NPM
Aunque veremos una introducción a cada una de ellas he iremos desde lo más básico, pero recuerda que que no veremos cada uno de sus componentes porque ya sería demasiado; pero si vamos a conocer más que las bases de Laravel y cómo aprovechar todo el ecosistema de Laravel que va desde el mismo PHP con la integración con base de datos y pasando por el ecosistema de Node y por supuesto Vue.

El curso en detalle

En Laravel, se pueden hacer muchas cosas como construir aplicaciones web de todo tipo; laravel es un framework inmenso, gratuito y que permite crear proyectos pequeños hasta proyectos de gran tamano; entre las características que veremos en el curso tenemos: interactuar con bases de datos, utilizar middlewares, levantar servidores, comunicar con la base de datos, interconectar sistemas e integrar con otras tecnologías como Vue; algunas de las características más importantes que se pueden encontrar en Laravel son:

Un amplio conjunto de características para la construcción de aplicaciones web
Un sistema de enrutamiento para manejar las peticiones HTTP
Un generador de consultas SQL para interactuar con bases de datos
Soporte a middlewares para transformar y filtrar peticiones HTTP
Una gran cantidad de bibliotecas estándar y paquetes adicionales disponibles
Integración con herramientas y librerías front-end populares

Todas estas características y muchas más, las veremos en esta guía.

Es importante mencionar, que el curso tambien tiene el formato en libro con el 100% del contenido del mismo, es decir, el curso es equivalente al libro.

A continuación, cada uno de los capítulos del curso de manera resumida y ejemplificada:

1 Primeros pasos con Laravel
Primeramente vamos a conocer que necesitamos instalar para trabajar con Laravel en Windows con Laragon o MacOs con Sail o Valet (En el curso vamos a emplear principalmente Windows con Laragon):
1. Generamos nuestro proyecto.
2. Conoceremos la estructura base del proyecto, las rutas como elemento principal para trabajar con cualquier componente en Laravel; pase de datos entre rutas, vistas y/o controladores y una sencilla consulta a la base de datos.
3. Por supuesto Blade, que es el motor de plantillas de Laravel, para imprimir variables.
4. Tambien veremos varios videos para emplear otros equipos como una Mac, en el cual presentamos la instalación mediante Valet o la más actual y recomendada conocida como Sail que inclusive podemos emplear facilmente en cualquier sistema operativo, mediante Laravel Sail; con Sails podemos desarrollar nuestras apps con Docker en MacOs, Linux y Windows con el Subsistema Linux habilitado (que en Windows 11, podemos habilitarlo instalando una sencilla aplicación desde la tienda de Microsoft).
5. Conoceremos el esquema MVC básico que mueve el framework y las primeras pruebas.

2 Introducción a Blade: El motor de plantillas de Laravel
Veremos una introducción a Blade, el motor de plantilla de Laravel, conoceremos algunas directivas y su funcionamiento básico, así para la impresión de contenido, condicionales, escapar HTML...

3 Vistas y Layout
Vamos a practicar con las vistas y layout; ya que conocer como poder organizar nuestro trabajo en carpetas, incluir vistas dentro de otras vistas; el pase de datos; son aspectos fundamentales para poder tener una buena organización y poder desarrollar de manera efectiva.

4 Introducción a las migraciones: Gestiona tus tablas en la base de datos

Las migraciones son empleadas para la gestión de las tablas en la base de datos; para evitar manipular la estructura de las tablas en la base de datos.

Tenemos las migraciones; en este capítulo aprenderemos a crear migraciones, ejecutarlas en la base de datos, revertirlas, agregar nuevos campos, relaciones foráneas entre las mismas entre otros; una migración luce como:

return new class extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('categories', function (Blueprint $table) {
            $table->id();
            $table->string('title', 500)->nullable();
            $table->string('slug', 500)->nullable();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('categories');
    }
};

5 Sistema CRUD de datos
Una de las primeros elementos que aprendemos para trabajar en cualquier tecnologia, es a crear nuestros CRUDs (Una vez superado las secciones anteriores en las cuales conocemos las bases para crear los CRUDs), el proceso completo para la gestión de nuestra data nos permite conocer las bases para trabajar con los formularios, listados, tablas, opciones, ruteo, navegación, validaciones, eliminación… y con TODO esto, conocer las bases del framework; aqui, por supuesto las veremos:
CRUD proceso
De momento, solamente nos preocuparemos de la parte funcional, asi que, crearemos es el esqueleto o flujo básico.
CRUD categorías

6 Rutas
Este módulo vamos a practicar más con el uso de las rutas, conociendo las rutas agrupadas, middleware, argumentos en las rutas, rutas de tipo recurso y un poco más.

7 Configurar Tailwind CSS y autenticación con Breeze
Este módulo trabajaremos en la protección de nuestro sitio web, empelaremos Laravel Breeze para tal fin que nos genera un completo módulo de autenticación con login, registro y protección de rutas junto con otras características; aparte de que, nos instala y configura Tailwind CSS y Alpine JS junto con unos archivos blades.
Laravel Breeze

6 Módulo de login y protección del dashboard o módulo administrativo
Este módulo es bastante especial, ya que vamos a aprender a proteger nuestro módulo administrador, el de gestión que creamos en la sección anterior para que solamente pueda ser accedido mediante un usuario y contraseña; y más que esto, vamos a proteger el módulo dashboard con un rol o nivel que debe tener nuestro usuario autenticado; aparte, manejaremos el login social con Google, Twitter y Facebook.
Login y registro
En este apartado, tambien trabajaremos con Tailwind.css para crear componentes de botones, contenedor, carta para nuestra aplicación.
Roles Laravel Breeze

7 Rest Api en Laravel con manejo de errores y respuestas genéricas personalizadas
Una Api Rest es un elemento que no puede faltar en cualquier framework del lado del servidor que estés construyendo hoy en día; para poder conectar otros sistemas y permitirles operar fácilmente con nuestro sistema.
Nos permite compartir nuestros datos fácilmente así como realizar la gestión de nuestros datos de manera totalmente controlada.
Recuerda que una Api Rest no es un estándar y por lo tanto podemos personalizar la misma como nosotros queramos y bajo nuestros criterios y necesidades.
Vamos a crear una Rest Api en Laravel y generalizar las respuesta de la misma (que manejaremos dos tipos de respuestas, exitoso y error mediante el código 500 o 403); de tal manera que vamos a devolver siempre respuestas con un formato estándar, para que sea fácilmente consumible y nuestra aplicación sepa si la respuesta es una excepciones. Todas las respuestas de la ApiRest es devuelta en formato json embebidas dentro de nuestra capa personalizada y extensible fácilmente mediante una Api Rest más grande.
Recordemos que una ApiRest, no es un estandar ni un protocoloco; podemos definir en la misma las reglas y estructura que queramos; es un elemento de lo más flexible y que relativamente facil podemos administrar y crear; un recurso de la rest api, es el de categoría que luce como:
```
// *** http://laraprimerospasos.test/api/category
{
  "current_page": 1,
  "data": [
    {
      "id": 1,
      "title": "Categoria 0",
      "slug": "categoria-0",
      "created_at": "2022-03-26T18:18:03.000000Z",
      "updated_at": "2022-03-26T18:18:03.000000Z"
    },
    {
      "id": 2,
      "title": "Categoria 1",
      "slug": "categoria-1",
      "created_at": "2022-03-26T18:18:03.000000Z",
      "updated_at": "2022-03-26T18:18:03.000000Z"
    },
  ],
  "next_page_url": "http://laraprimerospasos.test/api/category?page=2",
  "path": "http://laraprimerospasos.test/api/category",
  "per_page": 2,
  "prev_page_url": null,
  "to": 2,
  "total": 20
}
```
Aunque se crean otros tipos de recursos incluyendo modelos más completos y procesos CRUD con peticiones de tipo GET, POST, PUT, PATCH y DELETE.

8 Protección de la Rest Api
Inclusive, en secciones posteriores, veremos cómo podemos proteger nuestra rest api con un sistema autenticación requerida mediante un recurso destinado para esta labor empleando Laravel Passport (secciones posteriores) y Laravel Sanctum que nos permitirá generar ese token de acceso para nuestras Rest Api.

9 Creación de una web SPA con Vue 3 Oruga UI, Laravel y la Rest Api
En esta sección, vamos a consumir la Rest Api anterior vía una aplicación en Vue 3, una aplicación que va a formar parte de la misma aplicación en Laravel y por ende, no necesitamos emplear Vue CLI o generar otro proyecto si no, instalar Vue 3 como una dependencia más mediante la NPM directamente en el proyecto en Laravel.
Aprenderemos a configurar un proyecto en Laravel con Vue, trabajar en los componentes de Oruga UI para las tablas, formularios, botones, mensajes, toast entre otros y emplear Oruga UI en conjunto con Tailwind.CSS
En esta sección vamos a construir una aplicación tipo CRUD pero con Vue y consumiendo la Rest Api.
Vue CRUD con Rest Api

Legacy: Creación de una web SPA con Vue, Laravel y la Rest Api
Ya en este módulo tenemos parte de nuestro módulo admin, tenemos también datos de prueba y nuestra Rest Api, por lo que falta es presentar toda esa información que la gestionamos nosotros al mundo, y eso lo hacemos en este módulo.
En este módulo vamos a crear una web SPA conectándonos a nuestra Rest Api con Vue y los fetch:
Este módulo también es un stop al desarrollo en Laravel como tal, ya que nos vamos a centrar en consumir la Api Rest ya existente e instalar dependencias mediante Node para enriquecer la experiencia de nuestro usuario y facilitarnos la vida al momento de desarrollar nuestros componentes.
Elementos como la paginación son fácilmente extensibles mediante plugins o dependencias en Node, por lo tanto vamos a instalar nuestras dependencias en Node y la emplearemos mediante Vue para poner a funcionar todo junto; por supuesto, también vamos a ir de a poco con Vue, viendo los elementos básicos que necesitamos para crear nuestra web SPA e integrandolo con componentes existentes.
En este módulo vamos a desarrollar las siguientes secciones:
- Listado principal de los Post
- Vista de detalle de los Post
- Listado en base a categoría
- Listado de todas las categorías

10 Potenciando el módulo administrador
Muchos pequeños inconvenientes o desarrollos pendientes dejamos de la sección en la cual construimos nuestro módulo administrador; por tal motivo, en esta sección vamos a completar y mejorar el módulo administrador con los siguientes desarrollos:
- Creación de helpers
- Url limpias y únicas en la base de datos
- Carga de imágenes mediante el CKeditor
- Filtro para las tablas
- Uso de jQuery Ajax y de los fetch
- Envío de emails
- Accesores y Mutadores modelos
- Relaciones polimórficas de muchos a muchos
- Introducción a la clase collection en Laravel
- Sincronizar registros
- Eager Loading o carga ansiosa para precargar la data relacional
- Introducción al File Storage en Laravel
- Gestión de archivos en Laravel y descarga de imagenes
- Eventos y Escuchadores (Events & Listeners)
- Agregando campos de ordenación o filtros para la paginación

11 Creación de un formulario con Vue, Vuelidate y Laravel
En esta sección vamos a crear un esquema tanto en Laravel como en Vue para trabajar con un formulario, vamos a crear componentes en Vue para construir fácilmente campos de formulario con validación y formato definimos en Vue, limpiar campos de manera automática, mostrar mensajes de éxito o error al enviar el formulario mediante Vue.
Contacto con form en Vue

12 Enviar Laravel a producción
En esta sección vamos a ver unos sencillos pasos para enviar Laravel a producción en un servidor contratado que soporta nuestro LAMP, Apache, MySQL y PHP, vamos a configurar el proyecto, ver qué archivos tenemos que cargar y como atar una aplicación de Laravel a un dominio.
Login social con Laravel y el framework de Socialite
En esta sección vemos como realizar el login social en Google, Twitter y Facebook empleando el framework de Socialite que podemos instalar en Laravel mediante composer y de esta manera poder emplear el login de servicios sociales de terceros como son los sitios mencionados anteriormente.

13 Manejar nuestros pagos para una tienda en línea con Stripe
En esta sección vemos como podemos emplear múltiples paquetes provistos para Laravel, como Excel, y el mismo Stripe, en el cual Laravel cuenta con una integración muy potente que permite usar operaciones avanzadas en la plataforma de Stripe fácilmente mediante este paquete.
Esquemas como configuración de Stripe, generar las claves, instalar y configurar Stripe en el proyecto en Laravel y por supuesto, emplear el mismo TODO es muy sencillo en Laravel empleando el paquete Laravel Cashier.

14 Paquetes para Laravel
Tenemos una sección muy interesante en la cual vemos los paquetes más populares para extender nuestro framework; características que no vienen incluidas en el framework son fácilmente extensibles mediante el uso de paquetes específicos para tal fin.
- Laravel Charts
  - Vamos a aprender a instalar una librería para manejar gráficas en nuestro proyecto.
- Laravel Intervention Image
  - Vamos a conocer una librería o paquete que nos permitirá generar imágenes y hacer operaciones sobre las ya existentes como rescalarlas, watermark, etc.
- Simple QrCode
  - Vamos a conocer cómo podemos generar códigos QR y personalizarlos en formato, color, tamaño y por supuesto, contenido.
- Laravel Excel
  - Vamos a trabajar con archivos excel empleando este paquete; vamos a ver cómo exportar una colección a un xlsx.
- Laravel Excel: Importar
  - Vamos a trabajar con la importación de registro mediante Laravel Excel.
- Google Translate PHP
  - Vamos a emplear un paquete para traducir textos de la aplicación de manera dinámica.
- Laravel Cashier: Instalar y configuración inicial
  - Vamos a instalar el paquete oficial para crear pasarelas de pago mediante Stripe.
- Laravel Cashier: Generar claves en Stripe
  - Vamos a generar las claves de acceso para poder emplear Stripe con el módulo instalado anteriormente.
- Laravel Cashier: Crear un customer en Stripe
  - Vamos a crear un customer en Stripe mediante Laravel, que es un paso fundamental para realizar cualquier otra operación.
- Laravel Cashier: Formulario para guardar método de pago
  - Vamos a crear un formulario para poder registrar un método de pago en Stripe.
- Laravel Cashier: Registrar método de pago
  - Vamos a registrar el método de pago que solicitamos en el anterior formulario.
- Laravel Cashier: Mostrar métodos de pago
  - Vamos a aprender a mostrar todos los métodos de pago del usuario.
- Laravel Cashier: Formulario para pago único
  - Vamos a crear un formulario para registrar un pago único.
- Laravel Cashier: Procesar pago único
  - Vamos a procesar el pago único del formulario anterior.
- Laravel Cashier: Crear una suscripción mensual
  - Vamos a crear un sistema sencillo de suscripción en Laravel.
- Laravel Cashier: más operaciones con la suscripción
  - Vamos a explorar el resto de la información que tenemos para trabajar con las suscripciones.
- Generar enlaces de descarga
  - Este paquete nos permite generar enlaces de descarga de nuestros archivos.

15 Laravel Jetstream
Una de las características más impactantes y potentes que surgen a partir de Laravel 8, es la inclusión de jetstream, que no es más que un esqueleto que nos ofrece para desarrollar nuestras aplicaciones en Laravel; para esto tenemos algunas variantes u opciones que son Livewire e Inertia.
Tenemos dos secciones para cada una de estas tecnologías en donde exploramos que nos ofrecen estas herramientas; aparte de un par de secciones más de apoyo para presentar otros mecanismos que son un poco más específicos de esta herramienta.

Extra: TailwindCSS
Tenemos una introducción a Tailwind, como el frameowkr modermo y que empleamos por defecto en Laravel al incorporar ciertos paquetes, esqueletos, etc que es cortesia de mi curso de Primeros pasos con las tecnologías web.
Tailwind CSS logo

Temática de la aplicación

Como bien sabrás si ya has tomados otros de mis cursos de pago, siempre creo una temática a lo largo del curso, y el de este curso es el de un Blog; de tal manera que para la creación de un Blog sencillo vamos a necesitar tres módulos:

Un módulo para el dashboard.
Otro para el control de usuario.
Y un último que es una web SPA de cara al usuario que consumirá los datos mediante una Rest Api en Laravel.

Por qué aprender Laravel

Hay varias razones por las cuales aprender Laravel puede ser beneficioso para ti:

Productividad: Laravel es una herramienta muy potente y el framework PHP por excelencia; permite desarrollar aplicaciones web de una manera rápida y efectiva; lo mejor de todo es que, tiene complementos y funcionalidades por todas partes y siempre tendras un proyecto escalable.
Documentación: Laravel cuenta con una excelente documentación oficial, facil de seguir, con muchos ejemplos y bastante excensa; por lo tanto, cualquier duda que tengas sobre alguna libería, helper o funcionalidad en general, lo puedes buscar en la documentación oficial.
Comunidad: Laravel tiene una gran comunidad de desarrolladores que lo usan y contribuyen al proyecto; no solamente de documentación oficial se vive, en Internet, encontrarás una inmensa cantidad de información sobre como hacer distintos desarrollos en Laravel; este curso, libro y blog es una evidencia de lo comentado anteriormente.
Ecosistema: Laravel tiene un ecosistema extremadamente grande en el cual se hace mención tanto a todo lo que incorpora el framework apenas creando un proyecto y tambien de paquetes que tenemos a nuestra disposición.
Empleabilidad: Laravel es un popular framework en la industria; por lo tanto, si eres desarrollador web, seguramente tendrás oportundiades de empleo ya que, PHP aun es el lenguaje de programación más empleado para desarrollar webs y Laravel el framework por excelencia para PHP.

En resumen, Laravel es un framework extremadamente popular y productivo; si logras dominar el framework, seguramente se hará mucho más facil conseguir ese empleo soñado o ese proyecto que quieres llevar a cabo y este curso y libro esta listo para tí para ayudarte a alcanzar este objetivo.

Secciones y clases del curso

A continuación, se presentan todas las secciones del tutorial:

Por aquí tienes el listado completo de clases que vamos a cubrir en el libro y curso:

Sobre el curso

1 Introducción

2 Realizar preguntas

Introducción a Laravel

1 Introducción

2 Software necesario: Global

Vamos a hablar sobre el software necesario para instalar, que es el navegador y el editor.

3 Ambiente de desarrollo para Windows: Laragon

Vamos a hablar sobre el ambiente de desarrollo para Windows.

4 Ambiente de desarrollo para MacOS y Windows: Laravel Herd

Vamos a hablar sobre el ambiente de desarrollo para MacOS y Windows.

5 Ambiente de desarrollo para MacOS y Linux: Composer y Laravel Sail

Ambiente de desarrollo para MacOS y Linux: Composer y Laravel Sail

6 Crear un proyecto en Laravel en Windows

Vamos a crear un proyecto en Laravel mediante el instalador y composer.

7 Crear un proyecto en Laravel en MacOS y Windows

Vamos a crear un proyecto en Laravel mediante el instalador y composer.

8 Crear un proyecto en Laravel en MacOS mediante Sail

Crear un proyecto en Laravel en MacOS mediante Sail

9 Estructura de carpetas

Vamos a conocer de manera básica la estructura de las carpetas.

10 Reparar could not find driver en Windows

Vamos a reparar un error al momento de crear un proyecto en Laravel.

11 Ejecutar migraciones (solo si creastes el proyecto por composer)

Vamos a ejecutar las migraciones del proyecto.

12 Primeros pasos con Laravel

Vamos a conocer algunos archivos y configuraciones claves del proyecto.

13 Rutas: Introducción

Vamos a presentar el uso de las rutas y las características principales.

14 Modelo vista controlador

Vamos a conocer el esquema MVC.

15 Demo: Configurar la base de datos MySQL

Vamos a conocer como configurar MySQL en el proyecto.

16 Configurar la base de datos MySQL: Mac o Linux con Sail y Docker

Configurar la base de datos MySQL: Mac o Linux con Sail y Docker

17 Artisan la línea de comandos: Introducción

Vamos a dar una introducción a la línea de comandos llamada artisan.

Rutas, controladores y vistas

1 Tarea: Crear dos rutas con nombre y vistas asociadas

Vas a crear dos rutas con un nombre y vistas asociadas.

2 Redirecciones

Vamos a aprender a redireccionar a otra ruta.

3 Directivas de blade: if y for

Vamos a conocer las directivas principales en blade.

4 Layout o vista maestra

Vamos a conocer como crear una vista maestra para poder reutilizarla en otros templates.

5 Controlador: Primeros pasos

Vamos a conocer la importancia de los controladores, crear uno y su funcionamiento.

6 Rutas de tipo recurso

Vamos a conocer las rutas de tipo recurso o CRUD.

7 Parámetros en las rutas

Vamos a aprender a emplear los parámetros en las rutas.

8 compact

Vamos a compactar el pase de parámetros.

Migraciones

1 Introducción

2 Presentación

Vamos a introducir la importancia de las migraciones y para qué sirven.

3 Crear una migración: Categoría

Vamos a crear la migración para las categorías y ejecutarla.

4 Crea una migración: Post

Vas a crear la migración para los posts y ejecutarla.

5 Publicar en github

MVC y CRUD

1 Introducción

2 Crear un controlador tipo recurso (CRUD)

Vamos a crear un controlador de tipo CRUD con su modelo.

3 Crear un registro

Vamos a crear un registro.

4 Actualizar un registro

Vamos a actualizar un registro.

5 Eliminar un registro

Vamos a eliminar un registro.

6 Tipos devueltos en los métodos de los controladores

Vamos a hablar sobre los tipos de retorno de los controladores.

7 Relaciones foráneas

Vamos a hablar de las relaciones foráneas y crear las mismas desde los modelos.

8 Publicar en github

CRUD y formularios

1 Introducción

2 Crear: Configurar formulario

Vamos a crear el formulario para crear un post.

3 Crear: Controlador, create

Vamos a terminar la implementación del controlador de crear.

4 Crear: Vista, CSRF

Vamos a aprender a proteger la vista del ataque CSRF.

5 Crear: Controlador, store

Vamos a aprender a crear el recurso.

6 Crear: Validaciones en el controlador mediante el request

Vamos a conocer el primer esquema de aplicar validaciones.

7 Crear: Validaciones en el controlador mediante el request, segunda forma

Vamos a conocer el segundo esquema de aplicar validaciones.

8 Crear: Validaciones mediante una clase FormRequest

Vamos a conocer el tercer esquema de aplicar validaciones.

9 Crear: Vistas, Mostrar errores del formulario

Mostrar errores de validación.

10 Crear: Request, Validar el slug

Vamos a colocar el slug que sea único.

11 Crear: Vistas, Mostrar errores en un fragmento de vista aparte

Vamos a crear un fragmento de vista para mostrar los errores del formulario.

12 Listado

Vamos a crear la página de listado.

13 Listado: Paginación

Vamos a agregar el componente de paginación.

14 Listado: Opciones CRUD

Vamos a crear las opciones para el CRUD.

15 Tarea: Proceso de editar

Vas a crear el proceso para editar copiando el de creación.

16 Fragmento de vista para los campos

Vamos a crear un fragmento de vista para los campos de formulario.

17 Valores anteriores

Vamos a aprender a mostrar los errores anteriores en el formulario.

18 Carga de imágenes: Primeros pasos

Vamos a aprender a cargar archivos o imágenes.

19 Carga de imágenes

Vamos a implementar la carga de archivos.

20 Tarea: Eliminar

21 Tarea: Vista de detalle

Vamos a crear el proceso crud para el detalle de la vista

22 CRUD de categorías

Vamos a hacer el CRUD para las categorías.

23 Tinker

Vamos a presentar tonker como consola interactiva.

24 Rutas: Repaso

25 Rutas agrupadas

Vamos a crear el agrupado de nuestras rutas.

26 Publicar en github

Mensajes por sesión

1 Introducción

2 Mensajes tipo flash

Vamos a aprender el uso del mensaje tipo flash que solamente duran un request.

3 session

Vamos a presentar el uso de la sesión.

4 Publicar en github

Laravel Breeze

1 Introducción

2 Presentación

Vamos a presentar que nos ofrece Laravel Breeze, que es instalar un sistema simple de autenticación e instalación de tailwind.css y alpine.js.

3 Instalar y configurar

Vamos a instalar breeze y configurar el proyecto mediante artisan.

4 Explorar el contenido generado

Vamos a explorar el contenido generado por breeze.

5 Adaptar estilo al resto de la aplicación: Layout

Vamos a configurar el layout con el estilo y css y js de la aplicación.

6 Adaptar estilo al resto de la aplicación: Tablas

Vamos a crear el estilo para las tablas.

7 Adaptar estilo al resto de la aplicación: Formularios

Vamos a crear el estilo para los formularios.

8 Adaptar estilo al resto de la aplicación: Container

Vamos a crear el estilo para el container.

9 Adaptar estilo al resto de la aplicación: Configurar los botones

Vamos a crear el estilo para los botones.

10 Adaptar estilo al resto de la aplicación: Carta

Vamos a crear el estilo para un contenedor de cartas.

11 Adaptar estilo al resto de la aplicación: Alerta

Vamos a crear el estilo para el alert.

12 Adaptar estilo al resto de la aplicación: Estilos generales

Vamos a aplicar y crear varios estilos, en su mayoría, estilos para aplicar margin.

13 Agregar enlaces de navegación

Vamos a crear los enlaces de navegación para los posts y categorías.

14 Laravel Breeze variantes en la instalación: Vue

Vamos a mostrar como es la estructura de un proyecto en Laravel Breeze seleccionado la opción de Vue.

15 Manejo de roles: Presentación

Vamos a hablar sobre un esquema sencillo que tenemos para manejar los roles al usuario.

16 Manejo de roles: Migración

Vamos a crear una migración para el rol del usuario y aplicarla a la base de datos.

17 Manejo de roles: Middleware

Vamos a crear el middleware para proteger por rol.

18 Manejo de roles: Asignar rol de admin y usuario de prueba

Vamos a probar el middleware del rol creado anteriormente.

19 Publicar en github

Operaciones comunes en Eloquent (ORM)

1 Ver el SQL

Conoceremos el método para ver el SQL generado.

2 Joins

Vamos a conocer como hacer joins.

3 Introducción

4 Ordenación

Vamos a conocer como hacer ordenaciones.

5 WhereIn y WhereNotInt

Vamos a conocer como usar las consultas wheres con un array.

6 Where o orWhere anidados

Vamos a conocer como hacer wheres anidados

7 Obtener un registro

Vamos a conocer como obtener un solo registro.

8 Limitar la cantidad de registros

Vamos a conocer como limitar la cantidad de registros.

9 Obtener registros aleatorios

Vamos a conocer cómo obtener registros de manera aleatoria.

Componentes

1 Introducción

2 Presentación

Vamos a hablar de los componentes, comparación con los controladores y estructura base.

3 Controlador y componente para el blog

Vamos a crear el primer componente para un listado de publicaciones.

4 Layout

Vamos a crear el layout para el módulo web.

5 Diseño para el listado

Vamos a crear la estructura para el listado.

6 Detalle

Vamos a crear la estructura para el detalle.

7 Slot por defecto

Vamos a presentar el uso de los slots por defecto.

8 Slots con nombre

Vamos a presentar el uso de los slots con nombre.

9 Slots con nombre en una línea

Vamos a presentar el uso de los slots con nombre en una sola línea.

10 Componentes con clases: Vista de detalle

Vamos a presentar el uso de los componentes con clases.

11 Invocar métodos

Vamos a ver cómo podemos emplear los métodos desde los componentes desde la vista.

12 Pasar parámetros a los componentes

Vamos a conocer como pasar parametros en los componentes.

13 Atributos: Mezclar

Vamos a conocer cómo mezclar atributos.

14 Atributos: Class

Vamos a conocer cómo mezclar por la clase.

15 Props

Vamos a conocer el uso de los props.

16 Obtener y filtrar atributos

Vamos a conocer alumnos métodos para obtener los atributos y filtrar.

17 Función de flecha en PHP

Vamos a conocer cómo emplear la función de flecha junto con una función para filtrar por atributos.

18 Componentes dinámicos

Vamos a conocer como renderizar componentes de manera dinámica empleando un componente especial.

19 Ocultar atributos/métodos

Vamos a conocer cómo ocultar atributos o métodos del componente.

20 Alcance de los componentes

21 Publicar en github

Seeders y Factories

1 Introducción

2 Presentación

3 Seeder para las categorías

Vamos a generar data de prueba para las categorías mediante los seeders.

4 Seeder para los posts

Vamos a generar data de prueba para los posts mediante los seeders.

5 Clase DatabaseSeeder

Vamos a registrar los seeders anteriores en una clase para poder ejecutar ambos con un solo comando.

6 Factory para los posts

Vamos a generar data de prueba mediante los factories y empleando el componente fake.

7 Publicar en github

Rest Api

1 Introducción

2 Publicar archivo de api.php

Vamos a publicar el archivo de api para publicar la API Rest.

3 Crear controlador de categorías y posts y hola mundo

Vamos a crear los controladores, rutas y recursos de ejemplo.

4 CRUD para la API de CategoríasCRUD para la API de Categorías

Vamos a crear la API CRUD para las categorías.

5 Tarea: CRUD para la API de Posts

Vas a crear la API CRUD para los posts.

6 Probar Api

Vamos a probar los métodos CRUD de la API de la categoría.

7 Implementar métodos personalizados: Todos los registros

Vamos a crear un método personalizado para traer todas las categorías.

8 Implementar métodos personalizados: Slug

Vamos a crear un método personalizado para traer la categoría por el slug.

9 Manejar excepciones

Vamos a aprender a manejar la excepción de que no encuentra el registro y devolver una respuesta JSON.

10 Publicar en github

Consumir Rest Api desde Vue 3

1 Introducción

2 Instalar y configurar Vue

Vamos a instalar Vue en el proyecto en Laravel y hacer las configuraciones necesarias.

3 Hola Mundo en Vue

Vamos a crear el hola mundo.

4 Primeros pasos con Oruga UI

Vamos a instalar Oruga Ui y la hoja de estilo.

5 Exponer axios

Vamos a exponer axios para poder emplearlo para hacer peticiones HTTP.

6 Generar un listado

Vamos a crear el primer componente que es un listado de publicaciones en una tabla de Oruga.

7 Exponer la relación de categoría

Vamos a conocer como podemos obtener la relación de categorías desde el listado.

8 Instalar Material Design Icons

Vamos a instalar una iconografía.

9 Paginación

Vamos a crear el componente de paginación.

10 Ruteo con Vue Router: Instalación y presentación

Vamos a presentar Vue Router e instalarlo.

11 Ruteo con Vue Router: Crear Ruteo

Vamos a crear el sistema de ruteos

12 Ruteo con Vue Router: Crear enlaces

Vamos a crear los enlaces de navegación para crear y editar.

13 Componente para crear: Estructura base

Vamos a crear la estructura base para el componente de Save.

14 Componente para crear: Crear un post

Vamos a crear los v-model y petición axios para crear un post.

15 Componente para crear: Crear un post con validaciones

Vamos a crear las validaciones para las publicaciones.

16 Editar un registro

Vamos a modificar el componente de Save para que pueda editar.

17 Eliminar un registro

Vamos a crear el proceso de eliminar.

18 Parámetros opcionales para la ruta de Vue en Laravel

Vamos a crear una ruta especial en Laravel para que la app en Vue no de 404 al momento de recargar la página.

19 Tailwind.css en el proyecto en Vue con Oruga UI

Vamos a instalar Tailwind.css en el proyecto.

20 Container

Vamos a emplear los container para nuestro contenido.

21 Cambios varios en el componente de listado

Vamos a aplicar estilos en el componente de listado.

22 Cambios varios en el componente de guardado

Vamos a aplicar estilos en el componente de guardado.

23 Mensaje de confirmación para eliminar

Vamos a crear el modal de confirmación al momento de eliminar el registro.

24 Mensaje de acción realizada

Vamos a mostrar el mensaje de confirmación realizada.

25 Upload de archivos: Controlador

Vamos a crear el controlador de upload.

26 Upload de archivos: Vue

Vamos a crear el componente de upload de vue.

27 Upload de archivos: Tag

Vamos a hablar un poco sobre la atributo tag definida anteriormente.

28 Upload de archivos: Manejo de errores de formulario

Vamos a mostrar los errores del formulario.

29 Upload de archivos: Drag and Drop

Vamos a conocer como realizar el Drag an Drop para la carga de archivos.

30 Borrar archivos anteriores

Vamos a borrar los archivos de cargas anteriores.

31 Opcional: Migrar rutas a App.vue

Vamos a apilar todas las rutas en una sola variable global a la aplicación.

32 Publicar en github

Autenticación en la Rest Api (Sanctum) - Cambios en la App en Vue

1 Introducción

2 Presentación

3 Autenticación para una web SPA

Vamos a realizar las modificaciones necesarias para habilitar la autenticación vía SPA.

4 Módulo de Login

Vamos a crear un método para autenticar a un usuario.

5 Crear usuario

Vamos a crear un usuario de ejemplo para realizar las pruebas.

6 Módulo de Login: Pruebas y Adaptar a la Rest Api

Vamos a realizar algunas pruebas con el controlador de login y hacer los cambios correspondientes.

7 Módulo de Login: Pruebas con el login y la App en Vue

Vamos a crear un método axios para realizar el login.

8 Proteger rutas

Vamos a proteger algunas rutas y conocer el comportamiento cuando estamos autenticados y cuando no.

9 Componente para Login

Vamos a crear un componente para el login.

10 Códigos de estados en la respuesta del controlador de Login

Vamos a colocar los códigos de estados correspondientes para cuando hay errores al momento de hacer el login.

11 Mostrar login incorrecto

Vamos a mostrar los datos de error cuando el login es incorrecto.

12 Resumen y siguientes pasos

Vamos a dar un resumen de lo que hemos hecho hasta ahora.

13 Autenticación en base a tokens: Configuraciones bases

Vamos a realizar algunas configuraciones básicas para poder emplear la autenticación por tokens.

14 Autenticación en base a tokens: Crear tokens

Vamos a crear el controlador para crear el tokens.

15 Consumir recurso protegido con el token

Vamos a ver un ejemplo de consumir un recurso protegido con el token.

16 Manejo el token de autenticación

Vamos a establecer el token en la sesión en un objeto de JavaScript.

17 Crear objeto global de usuario en Vue

Vamos a consumir el objeto global de JavaScript en donde se encuentra la data del usuario autenticado desde el componente App de Vue.

18 Redirecciones en el componente de login

Vamos a redireccionar a otra página al momento del login y al intentar ingresar a la página si el usuario está autenticado.

19 Enviar token en las peticiones

Vamos a probar el token de autenticación para consumir un recurso protegido.

20 Cerrar la sesión: Sesión

Vamos a implementar el cerrar sesión destruyendo la sesión y haciendo las implementaciones desde Vue.

21 Cerrar la sesión: Token

Vamos a ver una demostración de cómo cerrar destruir el token de autenticación.

22 Manejar el token de autenticación mediante una Cookie

Vamos a configurar un plugin para la cookie y registrar datos de usuario.

23 Unificar Token y sesión de Sanctum

Vamos a combinar los esquemas para consultar los datos del usuario de la SPA de Sanctum con la cookie.

24 Verificar el token del usuario: Presentación

Vamos a presentar el esquema que vamos a seguir para verificar el token.

25 Verificar el token del usuario: Implementación

Vamos a realizar la implementación para verificar el token.

26 Proteger rutas por autenticación requerida

Vamos a proteger las rutas de acceso de vue con autenticación requerida.

27 Detalles funcionales finales

Vamos a agregar las cabeceras con el token en las peticiones axios necesarias y ver otro esquema para borrar el token.

28 Detalles visuales: Login

Vamos a crear un mejor diseño para el componente de Login.

29 Detalles visuales: Container

Vamos a crear un contenedor para los componentes CRUD.

30 Detalles visuales: Navbar

Vamos a crear la estructura para el navbar.

31 Detalles visuales: Navbar: Enlaces de navegación

Vamos a crear los enlaces de navegación.

32 Detalles visuales: Logo

Vamos a implementar el diseño para el logo.

33 Navbar: Avatar

Vamos a implementar un diseño para el avatar.

34 Detalles visuales: Navbar: Detalles finales

Cambios finales en la app de Vue.

35 Carta para los componentes CRUD

Vamos a crear un diseño para la carta para las pantallas del CRUD.

36 Bloquear botón de login al momento del submit

Vamos a bloquear el botón de submit al momento de enviar la petición para evitar hacer múltiples peticiones.

37 Publicar en github

Cache

1 Introducción

2 Presentación

3 Uso básico de la caché

Vamos a conocer los métodos más importantes en el uso de la caché.

4 Contenido HTML o fragmento de vista en módulo web

Vamos a hacer el primer ejemplo sobre la cache, cachear los posts.

5 Ejemplo con el método rememberForever

Vamos a realizar el ejercicio anterior empleando el método de rememberForever.

6 Evitar la operación a la base de datos en detalle

Vamos a evitar hacer operaciones en la base de datos cada vez que se accede al método de show.

7 Contenido JSON en Rest Api

Vamos a ver un ejemplo para emplear la caché en la Rest Api.

8 Caché de rutas

Vamos a presentar el uso de la caché de las rutas.

9 Método de ayuda cache

Vamos a presentar el uso de la caché de las rutas.

10 Publicar en github

11 Demo: Cache con Redis

Vamos a ver la configuración para cambiar de store para la cache.

Gate Y Políticas (Autorización)

1 Introducción

2 Presentación

3 Migración para los posts

Vamos a crear la migración para la nueva columna de usuarios para los posts.

4 Cambios en los Seeders, Facades y modelo del Post

Vamos a modificar los archivos relacionados de los posts para agregar el nuevo cambio.

5 Gate: Presentación

Vamos a dar una presentación a los gate para entender su funcionamiento y estructura.

6 Primer Gate

Vamos a crear el primer gate para proteger el proceso de edición de los posts.

7 Política: Presentación

Vamos a conocer las políticas, su estructura y uso.

8 Primera Política

Vamos a crear y emplear la primera política.

9 Respuestas de las políticas

Vamos a personalizar la respuesta de las políticas.

10 Modificar guardado de post

Vamos a modificar el controlador de post para que podamos crear uno y asignarle el usuario.

11 Métodos importantes

Vamos a conocer algunos métodos importantes para evaluar los gates.

12 Método before

Vamos a conocer un método para ejecutar algunas condiciones antes de evaluar la política.

13 Publicar en Github

Roles y Permisos (Spatie)

1 Introducción

2 Presentación

3 Instalar y configurar

Vamos a instalar y configurar spatie.

4 Seeder: Permisos y roles

Vamos a crear un seeder para manejar los roles y permisos de ejemplo.

5 Métodos para asignar: Roles a permisos

Vamos a asignar roles dado el permiso.

6 Métodos para asignar: Permisos a roles

Vamos a asignar permisos dado el rol.

7 Verificar permisos en vistas

Vamos a conocer algunos métodos principales para consultar los permisos y roles desde un usuario.

8 Crear un CRUD de roles

Vamos a crear el CRUD para los roles.

9 Crear un CRUD de permisos

Vamos a crear el CRUD para los permisos.

10 Agregar/remover permisos a roles: Estructura inicial

Vamos a crear un componente para administrar los permisos a un rol asignado.

11 Asignar permisos al rol mediante un formulario

Vamos a crear un formulario para asignar permisos a un rol.

12 Instalar axios

Vamos a instalar axios en el proyecto.

13 Asignar permisos al rol mediante peticiones HTTP mediante JavaScript

Vamos a realizar la implementación para agregar un rol mediante JS.

14 Adaptar el método de asignación de permisos para manejar peticiones por formularios y peticiones axios

Vamos a verificar el tipo de petición en el componente para devolver una respuesta acorde.

15 Agregar un item (permiso) al listado

Vamos a agregar un LI al listado mediante JS.

16 Remover un permiso de un rol mediante un formulario

Vamos a remover un permiso de listado mediante un formulario.

17 Remover permisos del rol seleccionado

Vamos a remover un permiso del listado mediante JS.

18 Remover un item (permiso) al listado

Vamos a eliminar el permiso de listado.

19 Evitar insertar permisos repetidos en el listado

Vamos evitar procesar permisos repetidos a un rol.

20 Crear CRUD para los usuarios: Parte 1

Vamos a realizar la primera parte del crud para los usuarios, el controlador y validaciones.

21 Crear CRUD para los usuarios: Parte 2

Vamos a realizar la segunda parte del crud para los usuarios, las vistas y el mutator.

22 Generar factory para usuarios

Vamos a utilizar el factory para generar algunos usuarios de prueba.

23 Gestión de roles a usuario: Listado de roles

Vamos a generar el listado de roles en un componente aparte.

24 Gestión de roles a usuario: Listado de roles asignados al usuario

Vamos a generar el listado de roles del usuario.

25 Gestión de roles a usuario: Asignar roles

Vamos a realizar el proceso para asignar roles al usuario.

26 Gestión de roles a usuario: Remover roles

Vamos a remover roles de un usuario.

27 Gestión de permisos a usuario: Listado de permisos

Vamos a mostrar un listado de permisos del usuario.

28 Gestión de permisos a usuario: Asignar permisos a usuario

Vamos a asignar permisos directamente al usuario.

29 Gestión de permisos a usuario: Remover permisos a usuario

Vamos a asignar remover directamente al usuario.

30 Verificar accesos mediante spatie: Crud de posts y categorías

Vamos a ver una demostración de cómo funciona la verificación de permisos y roles a un usuario.

31 Verificar accesos mediante spatie: Acceso al CRUD de Post

Vamos a implementar la verificación de permisos en el crud de los posts.

32 Verificar accesos mediante spatie: Acceso al CRUD de Categoría

Vamos a implementar la verificación de permisos en el crud de las categorías.

33 Verificar accesos mediante spatie: Acceso al CRUD desde las vistas

Vamos a implementar la verificación de permisos en las vistas de los posts y categorías.

34 Verificar accesos mediante spatie: Acceso al CRUD de Usuarios

Vamos a implementar la verificación de permisos en el crud de los usuarios.

35 Migrar del esquema anterior de los roles a spatie

Vamos a hacer algunos cambios en las políticas de los posts y middleware.

36 Verificar accesos mediante spatie: Crud de roles y permisos

Vamos a realizar las verificaciones para los roles y permisos.

37 Migrar verificación de permisos de controladores a Gate para los usuarios

Vamos a realizar algunos cambios para evitar colocar dobles comparaciones en el crud de usuarios.

38 Definir enlaces y verificación de accesos a los CRUDs en las vistas

Vamos a crear verificaciones en los enlaces de navegación.

39 Diseño

Vamos a trabajar en el diseño.

40 Publicar en github

Relaciones

1 Introducción

2 Presentación

3 Relaciones uno a uno: Primeros pasos

Vamos a conocer la relación de tipo uno a uno en el cual, un usuario tiene un solo perfil y viceversa.

4 Relaciones uno a muchos

Vamos a recordar el tipo de relación de tipo uno a muchos usando la relación de post y categorías.

5 Relaciones muchos a muchos: Estructura

Crearemos la estructura para la relación de muchos a muchos entre posts y etiquetas.

6 Relaciones muchos a muchos: Pruebas

Vamos a conocer como realizar pruebas con la relación de tipo muchos a muchos.

7 Relaciones muchos a muchos: Polimórficas, Presentación

Vamos a presentar las relaciones de tipo polimorfismo y compararla con la relación anterior.

8 Relaciones muchos a muchos: Polimórficas, Estructura

Vamos a crear la estructura para las relaciones polimórficas que sería su migración y relación en los modelos.

9 Relaciones muchos a muchos: Polimórficas, Pruebas

Vamos a conocer las operaciones de gestión para las relaciones polimórficas de muchos a muchos, que son las mismas que las usadas en los muchos a muchos.

10 Reto: CRUD de etiquetas

Vas a crear el CRUD para las etiquetas

11 Selección de etiquetas en publicaciones

Vamos a crear el proceso para seleccionar etiquetas de las publicaciones.

12 Publicar en github

Código fuente del capitulo: https://github.com/libredesarrollo/book-course-laravel-base-11/releases/tag/v0.11

Aspectos generales

1 Introducción

2 De dónde partimos

3 Variables de entorno y configuraciones: Presentación

Voy a hablarte sobre las configuraciones, variables de entorno en el .env, recomendaciones e implementaciones.

4 Variables de entorno y configuraciones

Vamos a realizar algunos ejemplos de cómo emplear las variables de entorno y configuraciones mediante funciones de ayuda.

5 Logging: Presentación

Vamos a dar una introducción al logging.

6 Logging

Vamos a dar un ejemplo del uso de los logs y generar un formateador personalizado.

7 Paginación personalizada

Vamos a conocer como crear la paginación personalizada en formato simple y completo.

8 Enviar correos electrónicos, elementos claves

Vamos a hablar sobre los elementos básicos para enviar emails en Laravel.

9 Enviar correos electrónicos, implementación

Vamos a implementar un envío de correos.

10 Helpers

Vamos a conocer que son los helpers personalizados y cómo emplearlos y crear uno.

11 Colecciones

Vamos a conocer los arrays vitaminados de Laravel.

12 Operaciones transaccionales en la base de datos

Vamos a conocer como realizar operaciones transaccionales a la base de datos con Laravel.

13 Eager loading y lazy loading: Presentación

Vamos a hablar sobre los métodos para obtener los datos relacionados.

14 Lazy Loading (Carga perezosa)

Vamos a hablar sobre la técnica aplicada por defecto que solamente obtiene los datos relacionados cuando se solicitan.

15 Eager Loading (Carga ansiosa)

Vamos a hablar sobre la técnica que obtiene los datos relacionados desde la petición principal.

16 Eager loading y lazy loading: Segundo Ejercicio

Vamos a ver un ejemplo entre la categoría y el post y los métodos para obtener los datos relacionados.

17 Mutadores y accesores

Veremos cómo podemos implementar el set y get de los modelos en Laravel.

18 Localización y traducción: Presentación

Vamos a realizar una presentación para conocer cómo emplear la localización y traducciones en Laravel.

19 Localización y traducción: Cadenas de textos para la traducción

Vamos a crear unos strings de traducción y emplearlos.

20 Localización y traducción: Traducciones de ejemplo

Vamos a crear unos textos de ejemplo traducidos de la app.

21 Localización y traducción: Traducciones a nivel del framework

Vamos a traducir los mensajes del framework.

22 Configurar la configuración regional (localización)

Vamos a conocer cómo cambiar el idioma en base a preferencias de usuario.

23 Demo: Middleware para prefijo de lenguaje en la URL

Vamos a crear un middleware para verificar el idioma del usuario y establecer en ingles/español.

24 Localización y traducción: Atributos

Vamos a conocer cómo emplear atributos en las traducciones.

25 Localización y traducción: Atributos y Mayúsculas

Vamos a conocer cómo colocar textos en mayúsculas en los atributos.

26 Atributos personalizados en @vite

Vamos a conocer cómo podemos agregar atributos en el script y link del decorador con @vite.

27 Remover la carpeta public o index.php de la URL en Laravel

Vamos a comentar como puedes crear un método para remover de la url la carpeta public o index.php

28 Queues y Job / Colas y Trabajos: Presentación

Presentaremos de manera teórica las colas y trabajos.

29 Queues y Job / Colas y Trabajos: Flujo

Vamos a presentar las colas mediante un ejemplo en Paint.

30 Queues y Job / Colas y Trabajos: Primer ejemplo

Vamos a crear el primer trabajo de ejemplo.

31 Queues y Job / Colas y Trabajos: Procesar cola

Vamos a procesar la cola y ver su funcionamiento.

32 Queues y Job / Colas y Trabajos: Enviar correo y pase de parámetros

Vamos a crear un trabajo para enviar un email

33 Queues y Job / Colas y Trabajos: Algunas opciones y trabajos fallidos

Vamos a conocer algunas opciones y ver como manejar trabajos fallidos.

34 Queues y Job / Colas y Trabajos: Pruebas adicionales

Veremos varios ejemplos de cuando el driver no está configurado, uso de redis entre otros.

35 Instalar Redis en Laragon

Vamos a instalar redis en Laragon

36 Queues y Job / Colas y Trabajos: Procesar Imagen, crear procedimiento

Vamos a crear el proceso para escalar una imagen.

37 Queues y Job / Colas y Trabajos: Procesar Imagen, job

Vamos a implementar un job en base a la implementación anterior.

38 Queues y Job / Colas y Trabajos: Atributos de clase Job

Vamos a hablar sobre los atributos de las clases jobs.

39 Manejo de excepciones: Presentación

Vamos a dar una presentación para el manejo de las excepciones.

40 Manejo de excepciones: $exceptions->render()

Vamos a conocer como renderizar errores en base a respuestas json o vistas.

41 Manejo de excepciones: $exceptions->respond()

Vamos a ver un ejemplo de cómo podemos capturar la excepción desde la respuesta.

42 Manejo de excepciones: Páginas de errores personalizadas

Vamos a aprender a crear páginas para mostrar los errores 40X y 50X.

43 Laravel a producción, Apache: Claves

Vamos a hablar sobre los aspectos claves a tener en cuenta para subir nuestra app a producción, Apache, requisitos, variables de entorno y Node, npm run build.

44 Laravel a producción, Apache: FTP

Vamos a hablar sobre subir la app mediante FTP.

45 Laravel a producción, Apache: Configuraciones finales

Vamos a hablar sobre el resto de las configuraciones que debes de hacer.

46 Manejo de excepciones: Excepciones personalizadas

Veremos cómo crear excepciones personalizadas.

47 Estrangulamiento/Throttling

Vamos a conocer cómo limitar las peticiones del cliente.

Paquetes imprescindibles

1 Introducción

2 De donde partimos

3 Simple QR

Vamos a conocer como generar QRs en Laravel. https://www.desarrollolibre.net/blog/php/instalar-php-imagick-en-windows-macos-con-laragon-y-laravel-herd

4 Laravel Excel: Introducción

Vamos a dar una introducción a Laravel Excel.

5 Laravel Seo: Introducción

Vamos a conocer unos paquetes para generar etiquetas para el SEO.

6 Laravel Debugbar

Vamos a instalar y emplear la barra de debug de Laravel.

7 Paypal: Presentación

Vamos a presentar el entorno de desarrollo de PayPal.

8 PayPal: Sitio web y configuraciones

Vamos a obtener las claves de acceso del sitio web.

9 PayPal: Implementar un sencillo sistema de pagos en el cliente, Configuración inicial

Vamos a implementar la página en el cliente para mostrar los botones de paypal.

10 PayPal: Implementar un sencillo sistema de pagos en el cliente, Crear Orden

Vamos a crear la orden en PayPal.

11 PayPal: Implementar un sencillo sistema de pagos en el servidor, Recibir orden

PayPal: Implementar un sencillo sistema de pagos en el servidor, Recibir orden

12 PayPal: Implementar un sencillo sistema de pagos en el servidor, Generar token

Vamos a generar el token de acceso para poder procesar la orden.

13 PayPal: Implementar un sencillo sistema de pagos en el servidor, Completar orden

Vamos a completar la orden en el servidor.

14 PayPal: Implementar un sencillo sistema de pagos en el servidor, Siguientes pasos

Vamos a hablar sobre los siguientes pasos que quedan pendiente, modo producción, ver las peticiones realizadas en paypal y el siguiente paso para procesar la orden.

15 mobiledetectlib: Detectar navegación móvil

Vamos a aprender a detectar la navegación móvil.

16 Laravel Fortify: Presentación, configuración e instalación

17 Laravel Fortify: Funcionamiento básico

Vamos a conocer algunas características básicas de Fortify para entender su funcionamiento.

Pruebas

1 Introduccion

2 Presentación

Vamos a hablar sobre el uso de las pruebas.

3 Entendiendo las pruebas

Vamos a crear una sencilla prueba de ejemplo.

4 Operaciones matemáticas

Vamos a crear unas pruebas para operaciones matemáticas.

5 Probar la API: Presentación

Vamos a dar un resumen de lo realizado y los próximos pasos.

6 Probar la API de api/category/all

Vamos a crear la primera prueba para obtener todas las categorías.

7 Cambios en la definición de PHPUnit, base de datos para el testing y en memoria

Vamos a configurar la base de datos para el testing y en memoria.

8 Probar la API de POST api/category

Vamos a implementar la prueba para crear una categoría.

9 Demo: API de POST api/category sin base de datos dedicada

Vamos a ver una demostración con las pruebas implementadas, indicando que vamos a emplear la misma base de datos para el desarrollo.

10 Demo: API de POST api/category, validar datos de salida

Vamos a mostrar cómo validar la salida de datos de la prueba anterior.

11 Tarea: API de GET api/category/, detalle

Vamos a crear la prueba para el detalle y slug de la categoría.

12 API de PUT api/category/, editar

Vamos a implementar la prueba para editar.

13 API de DELETE api/category/, eliminar

Vamos a realizar la prueba para eliminar una categoría.

14 API, errores de validaciones, título

Vamos a probar un error de validación.

15 assertContains, aclaratoria

Voy a dar un ejemplo del método de assertContains.

16 API, errores de validaciones, slug

Vamos a crear una prueba para verificar la validación por el slug que sea requerido.

17 API, errores de validaciones, slug, único

Vamos a crear una prueba para verificar la validación por el slug que sea único.

18 API, páginas de 404 en detalle

Vamos a crear una prueba para verificar la validación por el slug que sea único.

19 Probar la API de api/post/all

Vamos a crear la primera prueba para obtener todas los posts.

20 Probar la API de POST api/post

Vamos a implementar la prueba para crear un post.

21 API de PUT api/post/, editar

Vamos a implementar la prueba para editar.

22 API de DELETE api/post/, eliminar

Vamos a realizar la prueba para eliminar una categoría.

23 API, errores de validaciones, título

Vamos a probar un error de validación.

24 API, errores de validaciones, slug

Vamos a crear una prueba para verificar la validación por el slug que sea requerido.

25 API, errores de validaciones, imagen

Vamos a crear una prueba para verificar una imagen pasandole datos inválidos

26 API, errores de validaciones, slug, único

Vamos a crear una prueba para verificar la validación por el slug que sea único.

27 API, páginas de 404 en detalle

Vamos a crear una prueba para verificar la validación por el slug que sea único.

28 API de GET api/, detalle

Vamos a crear la prueba de detalle del post.

29 API, autenticación, generar token

Vamos a generar el token de usuario mediante el recurso de login.

30 API, autenticación, logout, auth mediante Api Rest

Vamos a implementar el logout haciendo antes el llamado a la api para el login y luego destruir el mismo sin pasarle el token y mediante la sesión de sanctum.

31 API, autenticación, logout, auth manual

Vamos a implementar el logout generando el token en la prueba y luego destruir el mismo sin pasarle el token y mediante la sesión de sanctum.

32 API, autenticación, check token

Vamos a realizar la prueba para probar el token.

33 API, autenticación, login inválido

Vamos a crear una prueba pasando credenciales incorrectas.

34 API, autenticación, check token inválido

Vamos a realizar una prueba para cuando el token es invalido.

35 Consumir token desde recursos protegidos

Vamos a consumir recursos protegidos por autenticación.

36 Emplear la generación de tokens en todas las pruebas

Vamos a definir un método en la clase TestCase para generar el token. Codigo https://github.com/libredesarrollo/book-course-laravel-base-api-11/releases/tag/v0.4

37 App Web: Primeros pasos

Vamos a realizar varios cambios para empezar a trabajar con las pruebas en el módulo web.

38 App Web: Login, GET

Vamos a crear la prueba para probar el GET del login.

39 Problema con los hash en el password

Vamos a hablar sobre un doble hash del password.

40 App Web: Login, POST

Vamos a realizar la petición de tipo post para hacer el login.

41 App Web: Login, GET y POST en una misma prueba

Vamos a fusionar la prueba para el login GET y POST.

42 App Web: Login invalido

Vamos a crear la prueba para el login invalido.

43 App Web: Registrar

Vamos a realizar la prueba de get y post para registrar.

44 App Web: Registrar usuario invalido

Vamos a crear una prueba para verificar el login incorrecto.

45 App Web Blog: Listado Paginado

Vamos a crear una prueba para un listado paginado de los posts.

46 TDD para desarrollar funcionalidades desde las pruebas

Vamos a presentar un poco más formalmente la técnica de TDD y unos ejemplos.

47 App Web Blog: Detalle

Vamos a crear una prueba para la página de detalle.

48 App Web Blog: Detalle, con cache

Vamos a evaluar la prueba de detalle con respuesta de una caché.

49 App Web Dashboard: Listado

Vamos a crear la prueba para el listado de post.

50 App Web Dashboard: Formulario GET

Vamos a crear la prueba para obtener el formulario, el get.

51 App Web Dashboard: método setUp() y autenticación

Vamos a conocer un método para inicializar parámetros antes de ejecutar la prueba y crear un usuario y autenticarlo.

52 App Web Dashboard: método setUp(), roles y permisos

Vamos a crear el rol y los permisos de administrador para poder ejecutar las pruebas.

53 App Web Dashboard: Formulario POSTApp Web Dashboard: Formulario POST

Vamos a crear la prueba para crear una publicación.

54 App Web Dashboard: Formulario POST, invalido

Vamos a crear la prueba para verificar un post inválido, por la regla de required.

55 App Web Dashboard: Formulario Editar, Get

Vamos a crear la prueba para editar una publicación.

56 App Web Dashboard: Formulario Editar, Put

Vamos a crear la prueba para editar una publicación con el put.

57 App Web Dashboard: Formulario Editar, invalido

Vamos a crear la prueba para verificar un put inválido, por la regla de required.

58 App Web Dashboard: Categoría

Vamos a crear las pruebas para las categorías.

59 App Web Dashboard: Role

Vamos a crear las pruebas para los roles.

60 App Web Dashboard: Permisos

Vamos a crear las pruebas para los permisos.

61 App Web Dashboard: Usuario

Vamos a crear las pruebas para los usuarios.

62 App Web Dashboard: Formulario Editar, eliminar

Vamos a implementar la prueba para eliminar.

63 App Web Dashboard: Usuario: datos inválidos

Vamos a crear algunas reglas para verificar datos invalidos del usuario.

64 Pruebas con Pest

Vamos a presentar pest como el otro framework para las pruebas.

65 Probar la API de api/category/all

Prueba para obtener todas las categorías.

66 Token de autenticación

Crearemos la estructura para generar el token auth.

67 Sin archivo Pest.php

Demo para ver qué pasa si no suministras el archivo de Pest.php

68 Probar la API de POST api/category

Vamos a implementar la prueba para crear una categoría.

69 Test para API CRUD categoría

Te muestro las pruebas para las categorías.

70 Test para API CRUD post

Vamos a traducir las pruebas para los posts de PHPUnit a Pest.

71 Test para API CRUD usuario

72 Test para Dashboard CRUD categoría

Vas a ver la prueba pest que hice para las categorías.

73 Test para Dashboard CRUD post

Vamos a crear la prueba pest para los post.

74 Resto de las pruebas

Breve resumen del resto de las pruebas definidas y consideraciones finales. Puedes consultar el resto de las pruebas que son equivalentes a la de Pest en: https://github.com/libredesarrollo/book-course-laravel-base-11/releases/tag/v0.12 https://github.com/libredesarrollo/book-course-laravel-base-api-11/releases/tag/v0.4

Inertia: Primeros pasos

1 Introduccion

2 ¿Qué es Laravel Inertia?

3 Windows y MacOS: Crear un proyecto con el instalador de Laravel y Laragon/Herd

Vamos a crear un proyecto Laravel Inertia en entorno Windows (MacOS).

4 Características de un proyecto Inertia

Vamos a presentar que es lo que tenemos en detalle, el proyecto, sus características y cómo funciona.

5 Rutas definidas por Inertia

Daremos una presentación al funcionamiento y uso de las rutas.

Integración con Inertia

1 Introduccion

2 Crear controladores y modelos

Vamos a crear los modelos y controladores que usaremos a lo largo de las secciones.

3 Create: Crear un formulario

Vamos a crear el primer formulario.

4 Create: Crear una categoría en la base de datos

Vamos a crear la categoría en la base de datos

5 Create: Crear una categoría en la base de datos

Vamos a crear la categoría en la base de datos

6 Create: Aplicar validaciones y mostrar errores

Vamos a realizar validaciones sobre el formulario.

7 Usar el layout de la aplicación

Vamos a configurar el layout de la aplicación.

8 Usar componentes Vue de Inertia

Vamos a reutilizar componentes existentes para mejorar el diseño de la aplicación.

9 Detalles del formulario

Últimos detalles del formulario, grid y padding.

10 Create: Terminar implementación

Vamos a terminar la implementación.

11 Editar registro: Crear un formulario

Vamos a crear el apartado de edición.

12 Editar registro: Actualizar una categoría

Vamos a actualizar un registro en la base de datos desde Laravel.

13 Generar SLUG de manera automática

Vamos a generar el slug desde de validación.

14 Listado: Todos los registros

Vamos a crear un listado inicial de registros.

15 Link: Enlace para crear y editar

Vamos a crear enlaces para crear y editar.

16 Listado: Paginación

Vamos a crear un listado paginado.

17 Crear un componente de paginación en Vue

Vamos a crear un componente de paginación personalizado.

18 ProgressBar

Vamos a conocer el funcionamiento de la barra de progreso.

19 ProgressBar, props array en Paginación y advertencia de Component en Vue

Vamos a tratar varios temas que quedaron pendientes.

20 Crear Container

Vamos a crear un contenedor para la aplicación.

21 Crear componente de carta

Crearemos el componente típico de carta.

22 Enlaces de acción

Vamos a mejorar el diseño de los enlaces del listado

23 Paginación

Componente de paginación y botones de acción.

24 Eliminar registro

Vamos a realizar el proceso de eliminar el registro desde el listado.

25 Eliminar registro: Renderizar el enlace como un botón

Vamos a cambiar de un enlace a un botón en el enlace de eliminar.

26 Publicar en github

https github com libredesarrollo book course laravel inertia releases tag v0 1

Inertia: Redirecciones y mensajes por sesión

1 Introducción

2 Redirecciones

Vamos a conocer cómo emplear las redirecciones junto con Inertia.

3 Mensajes Flash en Inertia

Vamos a crear un mensaje flash para mostrar en inertia.

4 Extra: transiciones

Vamos a colocar un bloque de transition para los mensajes flash.

5 Publicar en github

Puedes consultar el código fuente en: https://github.com/libredesarrollo/book-course-laravel-inertia/releases/tag/v0.2

Inertia: CRUD para los post

1 Introduccion

2 Replicar CRUD de las categorías

Vamos a replicar el esquema existente para crear categorías, para los post.

3 Crear: Formulario base

Vamos a terminar el proceso de creación.

4 Crear: Popular categoría de crear post

Vamos a obtener el listado de post.

5 Editar

Vamos a terminar el proceso de edición.

6 Extra: Fusionar creación y actualización en un solo componente de Vue

Vamos a fusionar el proceso de editar y crear en un solo componente de vista.

7 Publicar en github

Inertia: Upload

1 Introducción

2 Implementar en el servidor

Vamos a ver el esquema por defecto al momento de hacer un upload.

3 Upload en el componente de Save

Vamos a combinar el upload con la carga de archivos.

4 Carga de archivos manejada desde el formulario de crear o editar

Vamos a adaptar el formulario de upload para crear y editar.

5 Vía componente de Oruga UI: Configuración básica

Vamos a definir las configuraciones para usar Oruga UI en el proyecto.

6 Vía componente de Oruga UI: Upload

Vamos a conocer cómo extender Inertia con otros frameworks.

7 Vía Drag and Drop de Oruga UI

Vamos a conocer el proceso de upload.

8 Mostrar imagen cargada

Vamos a mostrar la imagen cargada.

9 Eliminar imagen cargada

Vamos a crear una función de upload.

10 Descargar imagen cargada

Vamos a mostrar el proceso de descarga.

11 Publicar en github

Puedes consultar el código fuente en: https://github.com/libredesarrollo/book-course-laravel-inertia/releases/tag/v0.4

Primeros pasos con Livewire

1 Introducción

2 ¿Qué es Laravel Livewire?

3 Windows y MacOS: Crear un proyecto con el instalador de Laravel y Laragon/Herd

Vamos a crear un proyecto Laravel Livewire en entorno Windows (MacOS).

4 Características de un proyecto Livewire

Vamos a presentar que es lo que tenemos en detalle, el proyecto, sus características y cómo funciona.

5 Save: Actualizar una categoría

Trabajaremos en el apartado de actualizar un registro existente.

6 Index: Crear listado básico

Vamos a crear un componente de listado.

7 Index: Listado paginado

Vamos a adaptar la paginación.

8 Index: Eliminar

Vamos a eliminar una categoría mediante un botón.

9 Index: Eliminar con diálogo de confirmación

Vamos a crear un diálogo de confirmación para eliminar.

10 Mensajes de confirmación

Vamos a mostrar un componente para mostrar información sobre las operaciones CRUDs.

11 Carga de imagen

Vamos a hacer el upload de una imagen.

12 Mostrar imagen

Vamos a mostrar la imagen por pantalla cargada.

13 Publicar en github

Código fuente del capítulo: https://github.com/libredesarrollo/book-course-laravel-livewire/releases/tag/v0.1

Livewire: Conociendo los componentes

1 Creas las migraciones

Vamos a crear las migraciones para el proyecto.

2 Crear los modelos

Vamos a crear los modelos.

3 Crear los componentes

Vamos a crear los componentes iniciales.

4 Configurar las rutas

Vamos a crear las rutas para las categorías.

5 Corregir error view not found: [components.layouts.app]

Veremos como solucionar el error anterior en caso de que te ocurra.

6 Corrección en las rutas

7 Save: Crear una categoría

Vamos a crear el proceso para crear una categoría.

8 Atributos wire:x

Vamos a presentar otros atributos que tenemos disponibles.

9 Save: Aplicar validaciones

Vamos a realizar validaciones del lado del servidor y mostrar las mismas en la vista.

10 Mostrar errores de formulario

Vamos a mostrar los errores de formulario.

11 Pruebas con componentes .live

Vamos a realizar algunas pruebas para entender cómo Livewire mantiene actualizado su estado.

12 Ciclo de vida de un componente

Explicaremos el ciclo de vida de los componentes de Livewire.

Livewire: Componentes y estilos

1 Presentación

Vamos a presentar el uso de componentes para reutilizar en nuestro propios componentes.t

2 Formulario

Vamos a adaptar el diseño del formulario con el componente de Livewire.<br />

3 Carta

Vamos a crear un componente de carta.

4 Header del layout

Vamos a definir el header para el layout.

5 Container

Vamos a crear un contenedor.

6 Diálogo de alerta para eliminar: Componente de confirmación

Vamos a trabajar en un componente de alerta.

7 Mensaje de acción realizada

Vamos a hacer un box para los diálogos de confirmación.

8 Menú: Modo PC

Vamos a colocar la opción para el menú.

9 Menú: Modo Móvil

Vamos a colocar la opción para el menú.

10 Menú: Componente Dropdown (Modo PC) Responsive

Vamos a crear el menú para los CRUD de tipo Dropdown.

11 Menú: Mover menú Dropdown

Vamos a mover el menú anterior del lado izquierdo al derecho del navbar.

12 Enlace para crear una categoría

Vamos a crear la opción para crear el enlace para la categoría.

13 Publicar en github

Código fuente del capítulo: https://github.com/libredesarrollo/book-course-laravel-livewire/releases/tag/v0.2

Videos generales sobre el desarrollo en Laravel - Sección Free exclusiva

1 Cache y condicionales en Blade la PEOR combinacion Laravel

Te muestro una anecdota sobre un desarrollo en el cual empleo cache y condicionales en blade

2 Curso Laravel Si no sabes como emplear el leftJoin relaciones polimorficas opcionales 1 N

Veremos un ejemplo de como podemos emplear las relaciones polimorficas 1 a muchos opcionales junto con los leftjoin y los closures Publicaciones https www desarrollolibre net blog laravel curso laravel si no sabes como emplear el leftjoin relaciones polimorficas opcionales 1 n

3 Reutilizacion y Modularizacion de componentes con Laravel y Vue

Te mostrar un ejemplo de un componente de pago que cre en Vue que permite gestionar los pagos por PayPal para los packs cursos y libros adem s de manejar varios casos como logr la reutilizaci n y modularizaci n

4 NO uses la carpeta public para el upload de ciertos archivos protege tus archivos en la storage

Te hablare de cual carpeta tienes que emplear para cuando quieres subir y permitir descargas de archivos que son protegidos y para acceder a la misma quieres realizar alguna l gica como una compra

5 Implementando un Filtro en Vue - Experiencia

Te muestro como implemento un filtro multiple para una aplicacion realizada en Vue y Laravel

6 Emplear Laravel Inertia o crear una app en Laravel Rest Api Vue React

Te doy MIS motivos de cuando debes de emplear una Rest API o Laravel Inertia y adicionalmente comento la importancia de conocer como funciona la herramienta Inertia para poder aprovecharla y evitar confusiones implementando hibridos Inertia Rest API

7 Laravel es Dificil de Aprender

Te dar mis razones por las cuales considero que Laravel NO es un framework f cil de aprender y tiene una curva de aprendizaje algo elevada

8 Eliminar caracteres y HTML de CKEditor Laravel Livewire

9 instanceof es tu mejor aliado en las Relaciones Polimorficas en Laravel

Te hablo sobre el uso del instanceof de PHP para emplearlo junto con las relaciones polimórficas en Laravel.

10 Manejar Preferencias de Usuario desde un campo JSON en Laravel

Te voy a mostar un esquema para manejar preferencias de usuario como el autoplay idioma o darkmode en Laravel mediante un campo

11 Obtimizar Consultas con Eloquent en Laravel

Hablaremos sobre la importancia de obtimizar consultas en Laravel

12 Configura rapidamente margenes y tama os de las tipograf as en TailwindCSS

Te muestro un paquete con el cual podras modificar la tipograf a de tu web con Tailwind

13 Manejo de dominios subdominios y agrupar rutas en funciones en Laravel

Hablaremos sobre como puedes agrupar tus rutas en dominios y como puedes agrupar para reutilizar rutas en funciones

14 Organiza y obtimiza tu codigo CSS en tus proyectos

Te mostrar como organizo mis archivos CSS dependiendo de la cantidad de m dulos y CSS compartido entre varios m dulos

15 Importancia de modularizar rutas en Laravel

Primeros Pasos

1 Introducción

2 Libro en Laravel

3 Curso grabado en Laravel 9 y actualizado a Laravel 10

4 Preparar el entorno en Windows

Vamos a aprender a instalar el ecosistema para desarrollar en Laravel, este excelente software nos trae todo lo que necesitamos desde un simple instalador.

5 Preparar el entorno en Mac

Conoceremos como preparar el ecosistema en Mac con Sail y Docker

6 Crear nuestra aplicación en Laravel (Solo si empleas Windows)

Vamos a crear nuestra aplicación en Laravel, mediante la terminal o consola de comandos que nos trae instalada Laragon y mediante composer.

7 Estructura básica de carpetas y archivos

Vamos a dar un rápido vistazo a la estructura del proyecto, conocer de manera inicial la estructura de carpetas y archivos.

8 Versiones mínimas de PHP 8.1

9 Primeros pasos con artisan

Vamos a dar los primeros pasos con la interfaz de comando de Laravel llamada artisan que nos facilitarán la vida al momento de querer implementar nuevos componentes en nuestro proyecto.

10 Demo: Actualizar path de PHP en Windows

Vamos a actualizar el path del sistema para PHP.

11 Crear proyecto en github

Subiremos el proyecto a GitHub.

12 Rutas en Laravel

Vamos a conocer las rutas en laravel, que son un elemento fundamental para conectar nuestros controladores a rutas de nuestra app como veremos más adelante.

13 Rutas en Laravel: vistas

Conoceremos el componente de las rutas junto con las vistas más a fondo.

14 Rutas con nombre

Vamos a conocer las rutas en laravel, que son un elemento fundamental para conectar nuestros controladores a rutas de nuestra app como veremos más adelante.

15 Configurar la base de datos, ejecutar las migraciones

Vamos a configurar la base de datos en un proyecto en Laravel, y para probar la conexión, presentaremos y ejecutaremos las migraciones

16 Creando un controlador con artisan

Vamos a crear un controlador mediante artisan, la interfaz de comandos de Laravel.

17 Presentar los modelos

Vamos a presentar el uso básico de modelos.

18 Referenciar modelos desde el controlador, pase de datos a la vista

Vamos a referenciar un controlador desde la sección de las rutas.

19 Extensiones para PHP

Vamos a instalar una extensión para trabajar con PHP.

Introducción a Blade: El motor de plantillas de Laravel

1 Introducción

2 Impresiones

Veremos cómo imprimir variables a la vista.

3 Escapar HTML

Vamos a conocer cómo escapar HTML en Laravel blade.

4 Comentarios

Vamos a conocer como crear comentarios.

5 Condicionales

Aprenderemos a emplear la directiva de los condicionales.

6 Ciclos

Vamos a conocer la directiva de los ciclos.

7 Procesamientos de las vistas blade

Conoceremos cómo procesa Laravel las vistas.

Vistas y Layout

1 Introducción

2 Vistas en carpetas

Reorganizamos las vistas dentro de carpetas.

3 Subvistas o fragmentos de vistas

Aprenderemos a incluir fragmentos de vistas dentro de otras.

4 Layouts (blade)

Vamos a crear un layout base.

5 Función compact

Conoceremos el uso de la función de compact para compactar la data que enviamos a la vista desde el controlador.

6 Extensiones VSC: para Laravel

Instalaremos una extensión para VSC.

Introducción a las migraciones: Gestiona tus tablas en la base de datos

1 Introducción

2 Crear migraciones: Post

Vamos a ver cómo podemos crear tablas y nuestra estructura de base de datos en Laravel mediante las migraciones.

3 Ejecutar migraciones

Con un comando, reflejaremos la estructura de una migración a la base de datos.

4 Rollback de las migraciones

Aprenderemos a revertir los cambios.

5 Tarea: Crear migraciones, Categorías

Crearas una migración para la categoría.

6 Más pruebas con el rollback de las migraciones

Aprenderemos a revertir los cambios.

7 Crear migraciones para cambiar estructura de la tabla

Conoceremos cómo podemos modificar una tabla o migración.

8 Relaciones foráneas

Vamos a crear relaciones de tipo foranea.

9 Comando refresh para las migraciones

Vamos a aprender el uso del comando refresh para recrear la base de datos con la definición de nuestras migraciones.

10 Errores en las migraciones: Columnas duplicadas y dependencias

Vamos a ver unos posibles escenarios en donde pueden suceder errores.

Creando un CRUD

1 Introducción

2 Desde dónde partimos

Vamos a aprender a configurar la base de datos en una app en Laravel en el archivo de configuración y en el .env

3 Crear un controlador de tipo recurso y modelo, Post

Realizaremos una comparación entre las rutas de recursos y tradicionales.

4 Rutas de tipo recurso vs tradicionales

Realizaremos una comparación entre las rutas de recursos y tradicionales.

5 create: Crear un formulario para los Posts

Vamos a crear nuestro primer formulario para crear un Post, para esto haremos uso de una plantilla en blade.

6 store: Obtener y procesar datos de un formulario (Request)

Vamos a conocer el objeto request.

7 Ejecutar migraciones, crear categorías y su modelo

Vamos a ejecutar las migraciones.

8 create: Popular listado de categorías y posted

create: Listado de categorías con la función de pluck

9 create: Listado de categorías con la función de pluck

create: Listado de categorías con la función de pluck

10 store: Insertar un registro

Vamos a crear un recurso mediante nuestro ORM de nuestro modelo.

11 store: Validar los datos del formulario, archivo de validación

Vamos a aprender a realizar reglas de validación en Laravel para nuestro formulario.

12 store: Validar los datos del formulario, reglas de validación

Vamos a aprender a realizar reglas de validación en Laravel para nuestro formulario.

13 store: Validar los datos del formulario, validación local, parte 1 (demo)

Vamos a conocer otro esquema, en el cual podemos validar desde el controlador.

14 store: Validar los datos del formulario, validación local, parte 2t (demo)

Conoceremos otro esquema para validar desde el controlador y tener más control de crear un flujo personalizado.

15 Mostrar errores del formulario en la vista

Vamos a aprender a mostrar errores del formulario en la vista.

16 Crear un fragmento de vista para los errores de formulario

Vamos a crear una vista aparte que vamos a anexar en la de formularios.

17 Crear layout para nuestro módulo administrativo

Vamos a aprender a crear un layout madre para nuestra aplicación y definir en el mismo el HTML básico.

18 store y prepareForValidation: Generar una URL limpia

Presentamos una función con la cual podemos procesar los datos antes de validarlos.

19 Método helper de string de ayuda, nuevo en Laravel 9

Veremos algunas variantes para trabajar con la función de ayuda.

20 Unicidad para el slug

Aplicaremos una regla para que el slug sea único en la base de datos.

21 index: Crear listado de post

Creamos una función para crear un listado de post.

22 index: Obtener listado paginado

Crearemos un listado paginado.

23 index: Crear opciones para la acciones

Vamos a crear los enlaces para la vista de show, delete y edit.

24 edit y update: Funciones para la edición

Vamos a crear todo el proceso para editar un registro

25 create: Valor anterior

Vamos a presentar una función para que recuerde el valor anterior.

26 Crear un fragmento de vista para los campos de formulario

Vamos a crear una vista aparte que vamos a anexar en la de formularios.

27 Redirección al momento de crear y editar

Vamos a aprender a redireccionar para páginas específicas

28 delete: Borrar un post

Vamos a crear la función CRUD para eliminar.

29 show: Detalle

Vamos a crear la función de detalle.

30 update: Validar el slug

Vamos a aplicar una validación en update sobre el slug.

31 Sesión Flash: Mensajes de confirmación

Vamos a emplear las secciones Flash para mandar un mensaje de confirmación a nuestro usuario.

32 Carga de archivos (imagen) para el Post

Aprenderemos a realizar el upload de una imagen de manera opcional.

33 Relaciones: Post y Categorías

Crearemos la relación entre Post y categorías a nivel del modelo para emplearla en el listado.

34 Demo: Comparación entre controlador Laravel 10 vs versiones anteriores

35 Publicar en git

CRUD categorías

1 Introducción

2 Crear el CRUD para las categorías

Vamos a crear todo el CRUD para las categorías.

3 Publicar en git

Rutas

1 Sobre las rutas

Daremos un repaso de las rutas.

2 Argumentos opcionales

Veremos las rutas con argumentos opcionales.

3 Rutas agrupadas

Veremos las rutas agrupadas con los middleware, group, y controlador.

4 Rutas de tipo recurso

Veremos otras características de las rutas de tipo recurso.

Configurar Tailwind CSS y autenticación con Breeze

1 Introducción

2 Laravel breeze con Vite

Instalaremos breeze el cual generará un esquema para el login e instala y configura tailwind.css

3 Demo: Funcionamiento Vite en Laravel breeze

4 Demo: Versiones de Node al trabajar con vite

5 Demo: Comando de run dev de Vite

6 DEMO OLD: Laravel breeze con webpack

Instalaremos breeze el cual generará un esquema para el login e instala y configura tailwind.css

7 Demo: Instalar Tailwind de manera de manera manual

Veremos la instalación de tailwind de manera manual.

8 Primeros pasos con breeze

Vamos a presentar los elementos creados por este paquete.

9 Configurar layout

10 Configurar la tabla

Vamos a configurar el estilo para las tablas empleando Tailwind.css y Laravel.

11 Configurar el formulario

Vamos a configurar el estilo para los formularios empleando Tailwind.css y Laravel.

12 Configurar el container

Vamos a configurar el estilo para el container empleando Tailwind.css y Laravel.

13 Configurar botones

Vamos a configurar el estilo para los botones empleando Tailwind.css y Laravel.

14 Configurar cartas

Vamos a configurar el estilo para las cartas empleando Tailwind.css y Laravel.

15 Aplicar estilo al resto de los componentes

Vamos a replicar el estilo en otros componentes

16 Laravel Breeze variantes - Vue

Vamos a configurar el proyecto en breeze usando Vue.

17 Laravel Breeze variantes - React

Vamos a configurar el proyecto en breeze usando React.

18 Publicar en git

Usuarios y roles

1 Introducción

2 Posibilidades para trabajar con la seguridad

Vamos a hablar del camino a elegir para implementar el esquema de roles y que opciones tenemos.

3 Columna rol usuario

Vamos a agregar la columna de rol a la entidad de usuarios.

4 Crear middleware de protección

Vamos a agregar la protección del rol vía middleware.

5 Publicar en git

Componentes: Crear el módulo web

1 Introducción

2 Estructura inicial

Vamos a crear el controlador y rutas iniciales.

3 Componentes anónimos: "Hola Mundo: Soy un componente de Blade"

Vamos a hacer el hola mundo de los componentes.

4 Pase de parámetros en los componentes, vista de index

Vamos a crear la vista de index en base a componentes.

5 Slot

Vamos a conocer el uso de los slot para pasar datos adicionales.

6 Componentes con clase, vista de detalle

Vamos a conocer los componentes en base a vistas y clases.

7 Slots resumen

Daremos un rápido repaso de lo que hemos visto de los componentes hasta ahora.

8 Slots con nombre en múltiples líneas

Presentamos los slots con nombres en la variante de poder pasar múltiples datos.

9 Slots con nombre en una línea

Veremos cómo usar los slots con nombre y pasar solamente un dato en una sola línea.

10 Atributos

Vamos a conocer el uso de los atributos en los componentes y los merges.

11 props

Veremos cómo usar los props para separar los datos del atributo bag.

12 Obtener y filtrar atributos

Conoceremos cómo usar una serie de funciones para filtrar los atributos.

13 Componentes dinámicos

Conoceremos cómo cargar componentes de manera dinámica en base a un nombre.

14 Publicar en git

Seeders: Genera datos de prueba

1 Presentación

Conoceremos el uso de los seeders, para generar datos de prueba.

2 Crear un seeder para categorías

Vamos a crear y ejecutar un seeder para las categorías.

3 Crear un seeder para los posts

Vamos a crear y ejecutar un seeder para los posts.

4 Publicar en git

5 Extra: Model factories

Presentamos y creamos un model factory para generar datos de prueba.

Api Rest

1 Presentación

2 Rest Api tipo CRUD para las categorías

Vamos a crear una Api Rest tipo CRUD para las categorías.

3 Tarea: Rest Api tipo CRUD para los posts

Vamos a crear una Api Rest tipo CRUD para las post.

4 Obtener todos los posts y categorías

Vamos a crear una función para obtener los posts y categorías

5 Obtener todos los posts en base a la categoría

Vamos a crear una función para obtener los posts dado una categoría.

6 Eloquent y Query Builder

Hablaremos sobre estos dos enfoques.

7 Obtener los posts y categorías por el slug, forma 1

Vamos a conocer una forma de obtener un post dado por el slug.

8 Obtener los posts y categorías por el slug, forma 2

Vamos a conocer otra forma de obtener un post dado por el slug.

9 Publicar en git

Publicar en git

Api Rest: Autenticación con Laravel Sanctum

1 Presentación

2 Autenticación en base a tokens

Autenticación en base a tokens

3 Autenticar una web SPA

Vamos a conocer el esquema básico de autenticación en base a cookies y sesión.

4 Publicar en git

Consumir la Api Rest con Vue 3 y Oruga UI

1 Introducción

2 Configurar un proyecto en Laravel con Vue 3 y Vite

3 Primeros pasos con Vue

Vamos a crear unas paginas con Vue y probar la instalacion anterior.

4 Configurar Oruga UI

Hablaremos sobre Oruga UI, que nos ofrece, lo instalaremos y configuraremos en el proyecto; daremos los primeros pasos con esta tecnología.

5 Configurar axios para el proyecto Vue

Agregaremos axios al proyecto en Vue.

6 List.vue: Crear listado

Vamos a crear el listado en consumiendo el recurso paginado de los post

7 Instalar iconografía

Vamos a instalar la iconografía para el Material Design.

8 List.vue: Paginado

Vamos a crear el componente de paginación.

9 Save.vue: Crear boceto

Vamos a crear las bases para el componente de creación.

10 Instalar y configurar Vue Router

Vamos a configurar Vue Router para que podamos navegar entre varias páginas.

11 Parámetros opcionales en las ruta de Vue en Laravel para Vue Router

Vamos a configurar la ruta en Laravel de Vue para que trabaje correctamente con VR.

12 Cargar y popular las categorías

Vamos a crear un listado para las categorías.

13 Crear un post

Vamos a crear un post.

14 Mostrar mensajes de errores del servidor

Vamos a mostrar los errores del formulario.

15 Actualizar un post

Vamos a actualizar un post.

16 New: Oruga UI y Tailwind.css Vite.js

17 Eliminar un post

Vamos a completar el CRUD y creamos la función de borrar.

18 Demo Old: Oruga UI y Tailwind.css - Laravel Mix

Vamos a configurar Tailwind en Vue.

19 Container

Vamos a colocar un container en Vue.

20 List.vue: Pequeños cambios

Vamos a realizar cambios variados en el componente de listado.

21 Save.vue: Pequeños cambios

Vamos a realizar cambios variados en el componente de guardado.

22 List.vue: Confirmación para eliminar

Vamos a crear un modal de confirmación al momento de eliminar.

23 Exponer y personalizar variables CSS de Oruga UI

Vamos a exponer el CSS por defecto de Oruga para poder modificarlo.

24 Mensaje de acción

Vamos a mostrar un mensaje para las acciones CRUDs.

25 Publicar en git

26 Extra: Browsersync Reloading, recargar el navegador al detectar cambios en los .vue

Laravel, Vue 3, Oruga UI y carga de archivos

1 Introducción

2 Habilitar la carga de archivos en la Rest Api

Vamos a crear el recurso rest para subir archivos.

3 Carga de archivos desde Vue, Oruga

Vamos a usar el componente de Oruga para el upload.

4 Mostrar errores de validación

Vamos a mostrar posibles errores al momento de procesar la petición de upload.

5 Extra: Carga de archivos con Drag and Drop

Vamos a ver una variante con la cual podemos realizar el upload mediante Drag and Drop.

6 Borrar archivos anteriores

Vamos a borrar la imagen anterior.

7 Publicar en git

Vue 3: Consumir Rest Api protegida por Sanctum por tokens

1 Introducción

2 Login: Crear ventana

Vamos a crear el esquema inicial para la ventana de login.

3 Login: Enviar petición y obtener token

Vamos a enviar la petición y obtener el token de acceso.

4 Manejar token de acceso

Vamos a realizar algunos cambios para poder manejar el token de acceso desde Vue.

5 Consumir el token

Vamos a guardar el token de acceso de manera global en la página global de Vue mediante variables.

6 Redirecciones

Vamos a implementar algunas redirecciones al realizar el login.

7 Enviar token en las peticiones

Vamos a conocer como podemos enviar el token mediante peticiones los recursos protegidos.

8 LogOut: Destruir Sesión

Implementaremos la opción de logout.

9 Manejo de los datos de usuario (token) mediante una cookie

Vamos a conocer como podemos registrar los datos de usuario mediante una cookie.

10 LogOut: Destruir cookie

Implementaremos la opción de logout.

11 Verificar token de usuario, conceptos claves

Vamos a explicar como funciona la verificación del token del usuario.

12 Verificar token de usuario, implementación final

Vamos a terminar la implementación anterior.

13 Logout: Destruir token

Vamos a eliminar el token del usuario.

14 Unificar Token y sesión

Vamos a integrar el token de auth y el manejo de la sesión en uno solo en el componente de Auth.

15 Proteger rutas por autenticación requerida

Vamos a crear un esquema para verificar la ruta antes de ingresar y con esto, verificar que el usuario esté autenticado.

16 Detalles finales

Vamos a terminar de configurar el resto de los componentes enviando el token de autenticación, solucionar el problema de logout y mostrar datos de usuario.

17 Demo: Logout parcial

Vamos a hablar sobre eliminar los datos de usuario de manera parcial al hacer el logout.

18 Publicar en git

Introducción a la Caché

1 Introducción

2 Introducción a la caché

Veremos una introducción al uso de la caché.

3 Cache en Rest Api All: Caso práctico

Vamos a realizar los primeros pasos con la caché con un ejemplo de un recurso para la Rest Api.

4 Cache en Rest Api All: Caso práctico 2

Veremos otro esquema del ejemplo anterior.

5 Cache en en vistas blade/HTML

Veremos como cachear un HTML

6 Tipos de controladores

Veremos los principales tipos de controladores de caché.

7 Caché de rutas

Vamos a conocer como hacer el cache en las rutas.

8 Publicar en github

Gate - Autorización

1 Cambios iniciales

Vamos a hacer algunos cambios a nivel del proyecto para agregar una nueva columna a la tabla de posts y poder utilizar la autorización.

2 Gate define y allows

Vamos a conocer el uso de los Gate para proteger recursos en base a reglas.

3 Políticas: Crear

Políticas: Crear

4 Políticas: Usar

Vamos a ver como usar la política creada antes.

5 Políticas: Tipos de respuestas

Vamos a conocer cómo devolver respuestas más completas.

6 Modificar guardado de post

Vamos a terminar la implementación para crear un post.

7 Métodos importantes

Conoceremos algunos métodos importantes para usar los Gate.

8 Métodos importantes parte 2

Conoceremos algunos métodos importantes para usar los Gate.

9 Métodos importantes parte 3

Conoceremos algunos métodos importantes para usar los Gate.

10 Introducción

11 Publicar en github

Permisos (Spatie)

1 Introducción

2 Sobre el paquete, instalar y configurar

Conoceremos cual es el paquete que tenemos para trabajar con los permisos y roles en Laravel, lo instalamos y configuramos.

3 Roles y permisos

Veremos la definición de los roles y permisos.

4 Seeder: Permisos y roles

Vamos a crear un seeder para manejar los permisos y roles.

5 Métodos para asignar: Permisos a roles, roles a permisos y usuarios, permisos y roles

Hablaremos sobre la relación entre usuarios, permisos y roles.

6 Roles a permisos y/o usuarios

Veremos cómo manejar roles a permisos/usuarios.

7 Permisos a roles

Vamos a conocer como hacer el proceso inverso.

8 Definir permisos a los roles

Asignaremos los permisos correspondientes a los roles.

9 Verificar accesos

Vamos a conocer cómo verificar si los usuarios tienen acceso a ciertos roles y permisos.

(Exclusivo de Academia y Libro) Permisos (Spatie) Dashboard

1 Introducción

2 Crear un CRUD de roles

Crearemos un CRUD para los roles.

3 Crear un CRUD de permisos

Crearemos un CRUD para los permisos.

4 Agregar/remover permisos a roles: Controlador y Componente

Crearemos las bases.

5 Agregar/remover permisos a roles: Registrar

Registramos un permiso al rol seleccionado.

6 Remover un permiso de un rol mediante un formulario

Vamos a remover un permiso del rol.

7 Asignar permisos al rol mediante peticiones HTTP mediante JavaScript, Crear petición

Empezamos a definir la estructura para migrar el desarrollo anterior a peticiones mediante JavaScript, creamos y hacemos la petición mediante axios.

8 Adaptar el método de asignación de permisos para manejar peticiones por formularios y peticiones axios

Veremos cómo diferenciar entre una petición por JavaScript (axios) y formulario.

9 Agregar un item (permiso) al listado

Vamos a crear un elemento HTML mediante JS.

10 Evitar insertar permisos repetidos en el listado

Vamos a evitar colocar permisos repetidos desde el JavaScript.

11 Remover permisos del rol seleccionado parte 1

Vamos a implementar la primera parte para remover los permisos del rol, variar la respuesta del controlador, comentar formulario, crear data-id en el botón para registrar el ID del permiso, recorrer el listado de botones y definir la llamada inicial.

12 Remover permisos del rol seleccionado parte 2

Vamos a terminar la eliminación de roles, cambios en la petición y adaptar el proceso de asignar un rol.

13 Crear CRUD de usuarios, parte 1

Vamos a crear el esquema del crud para los usuarios para manejar los usuarios-roles.

14 Crear CRUD de usuarios, Validaciones, hash

Aplicaremos algunos procesos adicionales para validar el Password, evitar el email repetido, email y hash del password.

15 Confirmar contraseña

Vamos a implementar la funcionalidad de confirmar contraseñas.

16 Factory para usuarios

Vamos a ejecutar el factory de usuarios.

17 Agregar/remover roles a usuarios, Componente

Crearemos un nuevo componente para administrar los roles a los usuarios.

18 Listar roles del usuario

Vamos a colocar el listado de roles para el usuario.

19 Agregar roles a usuarios parte 1

Vamos a crear el esquema base para asignar roles a un usuario.

20 Agregar roles a usuarios parte 2

Vamos a terminar la asignación de roles al usuario.

21 Remover roles a usuarios

Vamos a implementar la eliminación de roles al usuario.

22 Agregar permisos a usuarios

Vamos a crear el esquema base para asignar permisos a un usuario.

23 Remover permisos a usuarios

Vamos a terminar la asignación de permisos al usuario.

24 Listar permisos a usuarios

Vamos a crear el listado de permisos asignados a un usuario.

25 Verificar accesos: Crud de posts, parte 1

Vamos a hablar de la implementación de la verificación de permisos y/o roles para los posts e implementar la primera verificación.

26 Verificar accesos: Crud de posts, parte 2

Vamos a terminar de verificar los permisos en el módulo de post.

27 Reto: Verificar accesos: Crud de categorías

Vas a realizar la permisología para las categorías.

28 Verificar accesos: Crud de usuarios parte 1, controlador

Vamos a aplicar los permisos bases al controlador de usuarios.

29 Verificar accesos: Crud de usuarios parte 2, vistas/blade

Vamos a bloquear el acceso a la gestión de permisos y roles desde la vista.

30 Reto: Verificar accesos: Crud de posts, cate y usuarios, vistas/blade

Vamos a ocultar/mostrar los botones de acciones desde los listados.

31 Permitir acceso a los editores al dashboard

Realizaremos algunos cambios en la política de los posts, modelo de usuario y middleware de acceso.

32 Limitar tipos de usuarios (editores y admin) a usuarios editores, Index

Vamos a mostrar todos los usuarios si el usuario es admin y solo los editores si es un usuario regular/editor.

33 Limitar tipos de usuarios (editores y admin) a usuarios editores, Gate

Vamos a crear un gate para bloquear la edición de los usuarios admin si es editor.

34 Limitar tipos de usuarios (editores y admin) a usuarios editores, Gate, resto de los métodos

Vamos a proteger el resto de los recursos.

35 Verificar accesos: Crud de roles y permisos

Vamos a proteger los crud de roles y permisos.

36 Demo: Migrar verificación de permisos a Gate para los usuarios

Vamos a fusionar unos condicionales con el Gate de acceso a modificar el usuario en el controlador y componente de gestión del usuario.

37 Proteger componente de gestión de rol

Vamos a proteger el componente de gestión de permisos.

38 Definir enlaces a los CRUDs en las vistas

Vamos a colocar los enlaces de navegación para los cruds en la vista para del dashboard.

39 Verificación de accesos a los CRUDs en las vistas

Vamos a colocar los condicionales para ocultar los enlaces a los CRUDs desde la vista.

40 Diseño

Vamos a aplicar ciertas reglas de estilo para mejorar la visualización de los componentes de gestión creados en esta sección.

41 Publicar en github

Vue 3: Detalles visuales

1 Introducción

2 Ventana de login

Trabajaremos en la ventana de login, una carga centrada.

3 NavBar

Crearemos la estructura del header.

4 NavBar: Enlaces de navegación

Crearemos el diseño de los enlaces de navegación.

5 NavBar: Logo

Crearemos un logo para el navbar.

6 Container

Vamos a definir el container para la app.

7 NavBar: Avatar

Vamos a crear el avatar en el header.

8 Pruebas con los Flex y NavBar: Detalles finales

Vamos a aplicar detalles finales para alinear el contenido.

9 Carta para los componentes CRUD

Vamos a aplicar el CSS de carta a los componentes de listado y guardar.

10 Carta para los componentes CRUD

Vamos a aplicar el CSS de carta a los componentes de listado y guardar.

11 Publicar en git

Extra: Más aspectos generales que podemos hacer en Laravel

1 Laravel en producción en un servidor Apache

Vamos a hablar un poco de qué es lo que necesitas en tu proyecto Laravel para poder funcionar en un servidor con PHP y Apache.

2 Conocer la versión actual de tu Laravel y actualizar

Vamos a conocer como podemos obtener la versión que tengamos instalado de Laravel en nuestro proyecto y de cómo podemos actualizarla.

3 Validaciones personalizadas

Vamos a aprender a crear validaciones personalizadas para nuestro formulario.

4 Redireccionar a un módulo dependiendo del rol del usuario autenticado

Vamos a aprender a redireccionar a un módulo u otro dependiendo del rol en el login.

5 Políticas de Acceso

6 Mostrar errores en formato json solamente para peticiones en la Api Rest

Vamos a conocer un mecanismo con el cual podemos discriminar el tipo de petición, que sí es una petición a la Api Rest devolver un posible error a la misma en formato json y en caso contrario emplear el esquema original.

7 Archivos de lenguaje: Traducir la aplicación

Vamos a crear archivos de lenguaje para traducir nuestra aplicación al español.

8 Personalizar mensajes de errores de los campos de formulario

Vamos ha realizar la misma operación que vimos anteriormente pero empleando archivos de lenguaje.

9 Personalizar mensajes de errores de los campos de formulario: lang

Vamos ha realizar la misma operación que vimos anteriormente pero empleando archivos de lenguaje.

10 Personalizar el nombre de los campos de formulario

11 Instalar iconografía fontawesome

Vamos a personalizar el nombre del campo que aparece cuando hay un error.

12 Cambiar iconos de nuestros botones

13 Paginación simple

Vamos a ver una variación de la paginación que vimos en anteriores secciones.

14 Demo: Paginación personalizada: Paginator

Vamos a aprender a paginar elementos de manera manual.

15 Demo: Paginación personalizada: LengthAwarePaginator

Vamos a ver una variación del Paginator anterior.

16 Demo: Autenticación con parámetros personalizados

Vamos a ver cómo podemos crear una autenticación personalizada con parámetros personalizados.

17 Demo: Crear funciones de ayuda

Vamos a crear una clase para manejar funciones de ayuda en toda nuestra app.

18 Conociendo las Colas, trabajos y conexiones

Vamos a conocer el uso de las colas para poder procesar trabajos en segundo plano.

19 Creando nuestro primer trabajo/job: Procesar imágenes

Vamos a ver un caso de estudio que sería procesar una imagen mediante un trabajo.

20 Creando un trabajo/job para manejar los correos

Ahora, vamos a ver cómo podemos crear otro job para procesar correos.

21 Vamos a conocer algunos detalles sobre los middleware en Laravel.

Vamos a conocer algunos detalles sobre los middleware en Laravel.

22 Logging básico

Vamos a conocer como podemos configurar un log básico en Laravel.

23 Logging básico: Crear un formateador para el log

Vamos a crear un formateador para los logs en Laravel.

24 Importar y Exportar tu proyecto en Laravel a otra PC

Vamos a conocer como podemos exportar e importar un proyecto en Laravel de manera manual y mediante github.

25 Castear una propiedad de un modelo con Carbon

26 Crear comandos personalizados para PHP artisan

Para extender las funcionalidades de nuestro proyecto, podemos crear nuestros propios comandos.

27 Generar metatags o meta etiquetas en Laravel para el SEO

Aprende a emplear un PLUGIN o paquete sencillo para manejar las metatags del SEO, son FUNDAMENTALES en Blogs, tiendas Online y similares

28 Obtener registros aleatorios

Veremos como podemos obtener registros de manera aleatoria.

Paquetes imprescindibles para Laravel

1 Introducción

2 Laravel Charts

Vamos a aprender a instalar una librería para manejar gráficas en nuestro proyecto.

3 Laravel Intervention Image

Vamos a conocer una librería o paquete que nos permitirá generar imágenes y hacer operaciones sobre las ya existentes como rescalarlas, watermark, etc.

4 Simple QrCode

Vamos a conocer cómo podemos generar códigos QR y personalizarlos en formato, color, tamaño y por supuesto, contenido.

5 Laravel Excel

Vamos a trabajar con archivos excel empleando este paquete; vamos a ver cómo exportar una colección a un xlsx.

6 Laravel Excel: Importar

Vamos a trabajar con la importación de registro mediante Laravel Excel.

7 Google Translate PHP

Vamos a emplear un paquete para traducir textos de la aplicación de manera dinámica.

8 Laravel Cashier: Instalar y configuración inicial

Vamos a instalar el paquete oficial para crear pasarelas de pago mediante Stripe.

9 Laravel Cashier: Generar claves en Stripe

Vamos a generar las claves de acceso para poder emplear Stripe con el módulo instalado anteriormente.

10 Laravel Cashier: Crear un customer en Stripe

Vamos a crear un customer en Stripe mediante Laravel, que es un paso fundamental para realizar cualquier otra operación.

11 Laravel Cashier: Formulario para guardar método de pago

Vamos a crear un formulario para poder registrar un método de pago en Stripe.

12 Laravel Cashier: Registrar método de pago

Vamos a registrar el método de pago que solicitamos en el anterior formulario.

13 Laravel Cashier: Mostrar métodos de pago

Vamos a aprender a mostrar todos los métodos de pago del usuario.

14 Laravel Cashier: Formulario para pago único

Vamos a crear un formulario para registrar un pago único.

15 Laravel Cashier: Procesar pago único

Vamos a procesar el pago único del formulario anterior.

16 Laravel Cashier: Crear una suscripción mensual

Vamos a crear un sistema sencillo de suscripción en Laravel.

17 Laravel Cashier: más operaciones con la suscripción

Vamos a explorar el resto de la información que tenemos para trabajar con las suscripciones.

18 Generar enlaces de descarga

Este paquete nos permite generar enlaces de descarga de nuestros archivos.

19 Castear una propiedad de un modelo con Carbon

Extra: Construir formularios con Bootstrap 4, Vue 2 y Laravel

1 Extensión de Vue para los navegadores

Vamos a hablar sobre el desarrollo que vamos a emplear y vamos a conocer la extensión para desarrollar en Vue en nuestro navegador.

2 Crear formulario base

Vamos a crear un formulario base con el cual trabajar.

3 Crear la unión o binding del formulario

Vamos a crear la unión o los v-model entre el campo de formulario y las propiedades.

4 Prevenir evento submit del formulario: Modificadores de eventos

Vamos a aprender a prevenir el evento submit del navegador.

5 Realizar validación sencilla al formulario

Vamos a crear una sencilla validación para verificar si el formulario es válido o no.

6 Crear un componente por defecto para los inputs

Vamos a crear un componente hijo para manejar los campos de formulario.

7 Atar el v-model al componente

Vamos a atar nuestro v-modal al nuevo componente.

8 Emplear el componente de input en el resto de los casos

Vamos a replicar el trabajo para el resto de los inputs.

9 v-mask: Máscara para nuestro teléfono

Vamos a aprender a agregar máscaras en nuestros campos de formulario.

10 vuelidate: Validaciones en nuestros campos

Vamos a aprender a realizar validaciones más elaboradas con un nuevo módulo.

11 vuelidate: Repetir validaciones en el resto de los campos

Vamos a crear las validaciones para el resto de los campos del formulario.

12 vuelidate: Aplicar clase cuando exista un error

Vamos a dar una representación visual de cuando el campo es válido o no.

13 vuelidate: Bloquear evento submit si el formulario no es válido

Vamos a permitir el envío del formulario solamente cuando el mismo es válidos.

14 Crear recurso Rest para guardar un contacto

Vamos a crear un recurso de tipo rest para guardar el contacto enviado.

15 Agregar columna de teléfono

Vamos a agregar la columna faltante a la tabla de contactos.

16 Instalar axios y enviar la petición

Vamos a hacer una petición mediante axios para crear el contacto.

17 Limpiar o reiniciar el formulario

Vamos a conocer un mecanismo con el cual podemos reiniciar el formulario programáticamente.

18 Enviar notificación al momento de enviar un contacto

Vamos a instalar un paquete para enviar notificaciones.

19 Detalle finales del formulario (HTML - CSS)

Vamos a hacer algunos sencillos cambios visuales al formulario.

Laravel 7

1 Actualizar a Laravel 7 de Laravel 6

Vamos a actualizar nuestro proyecto a Laravel 7.

2 Creando nuestro primer componentes

Vamos a crear un componente en Laravel 7 y conocerlo básicamente.

3 Componentes en Laravel: Declaración de funciones

Vamos a presentar el uso de las funciones y los componentes.

4 Componentes en Laravel: Slots

Vamos a conocer el uso de los slots para colocar contenido adicional en los componentes.

5 Componentes en Laravel: Slots

Vamos a conocer el uso de los slots para colocar contenido adicional en los componentes.

6 Componentes en Laravel: En línea

Vamos a presentar el uso de los componentes en línea.

7 Componentes en Laravel: Atributos

Vamos a ver cómo podemos trabajar con clases así como cualquier otro atributo HTML con los componentes.

8 Componentes en Laravel: Anónimos y subvistas

Vamos a ver cómo podemos emplear subvistas en Laravel.

9 Métodos id() y foreignid() para las migraciones

Funciones para minimizar la cantidad de líneas de código para definir claves primarias y relaciones foráneas.

10 Fluent String

Conjunto de métodos que podemos emplear para trabajar con los String cómodamente, limpiamente y organizadamente.

11 Http Client: Primeros pasos

Vamos a conocer el cliente que tenemos para realizar peticiones HTTP.

12 Http Client: Método post, comprobar parámetros de la respuesta y lanzar excepción

Vamos a conocer cómo emplear el método post, lanzar excepciones y comprobar parámetros que vienen en la respuesta.

13 Http Client: Fingiendo respuestas y procesar de nuevo la petición

Vamos a realizar aprender a fingir las peticiones, pasando datos falsos con el fake.

14 Http Client: Inspeccionar la petición

Vamos a aprender a interceptar la petición y realizar avalúos en la misma.

15 Http Client: Métodos put, path y delete y timeout

Vamos a conocer el resto de los métodos y cómo podemos dar un tiempo máximo para procesar la solicitud.

Extra: Autenticación requerida en la Rest Api con Passport

1 Primeros pasos con la autenticación en la Rest con Laravel Password

Vamos a hablar un poco sobre las opciones que tenemos para integrar la autenticación requerida en la Rest Api.

2 Instalar y configurar Laravel Passport

Vamos a instalar y configurar Laravel Passport en nuestro proyecto.

3 Crear recurso rest para la autenticación

Vamos a crear el recurso para realizar el login desde nuestra Rest Api.

4 Demo: Modificar la vigencia o tiempo de expiración del token

Vamos a ser una demostración para cambiar atributos de la entidad del token generado.

5 Proteger un recurso de la Rest Api y realizar consulta

Vamos a proteger un recurso y hacer una consulta a la rear api.

6 Crear recurso rest para obtener detalle del usuario

Vamos a crear un recurso rest par obtener la información del usuario autenticado.

7 Crear recurso rest para cerrar sesión

Extra: Autenticación social con Laravel Socialite

1 Introducción

2 Instalar paquete y explicar funcionamiento

Vamos a conocer como podemos emplear el login social en Laravel con Laravel Socialite.

3 HTTPS según el proveedor y extensión .com: activar en Laragon Windows

4 Autenticación social con Twitter: Configurar en la app

Vamos a probar el login vía Twitter.

5 Autenticación social con Twitter: Crear credenciales

Vamos a crear las credenciales para el login via Twitter.

6 Autenticación social con Twitter: Probar login

Vamos a probar el login social con Twitter.

7 Configurar proveedor dinámico en las funciones sociales

Vamos a colocar el uso del provider de manera dinámica en las funciones para el login social.

8 Autenticación social con Facebook: Crear credenciales

Vamos a crear las credenciales para el login via Facebook.

9 Autenticación social con Facebook: Probar login

Vamos a probar el login vía Facebook.

10 Autenticación social con Google/Gmail: Crear credenciales

Vamos a crear las credenciales para el login via Google.

11 Autenticación social con Google/Gmail: Probar

Vamos a probar el login vía Google.

12 Definir migración para el login social

Vamos a crear la migración y modelo para los usuarios sociales.

13 Crear el login social

Vamos a crear el esquema para lugar el login social.

14 Diseño para los botones sociales en la página de login

Vamos a crear un sencillo diseño para nuestro botones para realizar el login.

Extra: Laravel Livewire Crear un CRUD - Componentes principales

1 Introducción

2 Sobre este paquete

Vamos a conocer un paquete que nos genera un esqueleto base a nuestra app en Laravel.

3 Sobre los siguientes vídeos

Sobre los siguientes vídeos

4 Crear un proyecto en Laravel con JetStream

Vamos a crear un proyecto en Laravel JetStream.

5 Ejecutar migraciones y registrar usuario de prueba

Vamos a ejecutar las migraciones y hacer las primeras pruebas con un usuario.

6 Hacer las primeras pruebas con Laravel Jetstream

Vamos a realizar otras pruebas sobre nuestra app y conocer de manera superficial que es lo que tenemos.

7 Manejo de los equipos

Vamos a ver cómo funcionan los equipos.

8 Des/Habilitando características en JetStream

Vamos a conocer como podemos deshabilitar opciones en nuestro Laravel.

9 Conociendo la generación de la ruta dashboard

Vamos a conocer como esta formada la ruta de dashboard generada por defecto.

10 Conociendo las vistas: Estructura en base a componentes

Vamos a conocer cómo están formados los templates que tenemos definidos por defecto y su estructura en base a componentes.

11 Creando un componentes para el listado de usuario

Vamos a crear un controlador para personalizar nuestra app.

12 Creando una ruta agrupada para el dashboard

Vamos a crear una ruta para el controlador de usuario y conocer un poco más de los template que tenemos.

13 Publicando las vistas de JetStream

Vamos a publicar un conjunto de vistas o componentes templates de JetStream a nuestro proyecto.

14 Publicando el proveedor de JetStream

Vamos a publicar un proveedor de JetStream para conocer cómo funcionan los controladores.

15 Generar la versión de desarrollo de Tailwind

Vamos a generar una versión de desarrollo para nuestro Tailwind.

16 Crear un listado de usuarios

Vamos a crear un listado de usuarios en nuestra app.

17 Crear un componente anónimo para las cartas

Vamos a crear un componente anónimo para poder rehutilizar en nuestra app.

18 Iconografía

Vamos a emplear una iconografía para nuestra app.

19 Crear un componente para los enlaces

Vamos a crear un componente para manejar los enlaces.

20 Creando nuestro primer componente en Livewire y renderizarlo

Vamos a crear nuestro primer componente en Laravel Livewire para un listado de usuarios como hicimos anteriormente con el controlador.

21 Crear un listado de usuarios

Vamos a crear una lista de usuarios en nuestro componente.

22 Emplear el componente de Livewire en la ruta

Vamos a crear la ruta y consumir directamente el componente.

23 Explorando el componente reactivo en Livewire

Vamos a explorar un poco el componente reactivo de Liveware entre los componentes y las vistas.

24 Creando el componente de paginación

Vamos a trabajar con la paginación en Liveware.

25 Creando un filtro por el nombre

Vamos a crear el filtro con la propiedad name que creamos anteriormente.

26 Creando un filtro por el nombre y por el email

Vamos a potenciar un poco más el filtro para que trabaje con el email.

27 Limpiar los filtros

Vamos a crear una función para limpiar los filtros.

28 Eliminando un registro

Vamos a crear una función para eliminar un registro/usuario.

29 El componente para el query String

Vamos a definir nuestro campos filtro de tipo query string.

30 Componente para crear un usuario

Vamos a crear un usuario mediante un componente.

31 Reglas de validación básicas y mostrar errores

Vamos a aplicar reglas de validación básicas para nuestro formulario.

32 Editar Usuario: Recibir el id del usuario a editar

Vamos a modificar el componente para que soporte también recibir un id del usuario que vamos a poder editar.

33 Editar Usuario: Modificar componente SaveUser para crear y actualizar

Vamos a hacer el resto de las modificaciones sobre el componente de creación para editar un usuario.

34 Editar Usuario: Definir validaciones personalizadas en editar y crear

Vamos a crear el componente de validación para evitar colocar un email repetido y cambiar el mismo cuando estamos en fase de edición.

35 Editar Usuario: Definir enlace

Vamos a definir el enlace desde el listado para editar un usuario.

36 Editar/guardar Usuario: Limpiar campos de formulario

Vamos a ver un par de mecanismos para limpiar campos de formulario.

37 Editar/guardar Usuario: Carga/upload de imágenes

Vamos a hacer el proceso de carga de imágenes en Laravel Livewire.

38 Editar/guardar Usuario: Carga avatar al modelo User

Vamos a cargar un avatar a nuestro usuario empleando un proceso existente para el usuario.

39 Editar/guardar Usuario: Hash del password

Vamos a convertir el password en un hash.

40 Editar/guardar Usuario: Mensajes de confirmación de la operación

Vamos a mostrar un mensaje en caso de que la operación de creación o actualización fueran correctas.

41 TailwindCSS: Página de listado

Vamos a acomodar un poco el diseño de la página de listado.

42 TailwindCSS: Formularios

Vamos a acomodar un poco el diseño de la página de creación y/o edición.

Extra: Laravel Livewire 1: Aspectos generales

1 3 formas de tener menos solicitudes al servidor en Livewire

Vamos a evaluar 3 mecanismos con los cuales podemos diferir peticiones en Livewire.

2 Carga de archivos via Drag and Drop: Aspectos generales

Vamos a empezar la implementación de una caja Drag and Drop para cargar imágenes del avatar.

3 Carga de archivos via Drag and Drop: Implementar controlador y derivados

Vamos a terminar la implementación indicando ruta de carga, nombre de los parámetros, token y controlador.

4 Carga de archivos via Drag and Drop: Implementar carga del archivo

Vamos a definir el proceso de carga del avatar.

5 reset, reiniciar propiedades

Vamos a conocer una función para limpiar las propiedades definidas en la clase componente.

6 Enviar y recibir eventos entre el componente y la vista

Vamos a conocer el uso de eventos para enviar de manera duplex entre componente y vista y viceversa.

7 Reto: Crear modal de confirmación al crear un usuario

Vamos a crear un modal que se mostrará cuando se cree o actualice el usuario.

8 Crear un datatable para nuestro listado

Vamos a crear un datatable, lo que significa que sería una tabla paginada, con ordenación por columnas y campo de búsqueda.

9 Registrar datos personalizados al momento del Login (Eventos)

Vamos a crear un proceso en cual nos permitirá ingresar más datos al momento del login, por ejemplo, la ip del usuario.

10 Demo: Drag and Drop

Aprende a emplear el drag and drop en Laravel con o sin Livewire sobre elementos HTML o componentes de Livewire.

11 Demo: Laravel + Livewire + CKEditor

Laravel Inertia crear un CRUD y componentes principales

1 Introducción

2 Crear un proyecto con Inertia

Vamos a explicar que es Inertia.js, su relación con Laravel y crear un nuevo proyecto.

3 Ejecutar migraciones y registrar usuario de prueba

Vamos a ejecutar las migraciones y hacer las primeras pruebas con un usuario.

4 Hacer las primeras pruebas con Laravel Inertia

Vamos a realizar otras pruebas sobre nuestra app y conocer de manera superficial que es lo que tenemos.

5 Crear nuestro primer ruteo en Inertia: Comunicación entre Laravel y Vue

Vamos a crear un componente funcional en Laravel con Inertia para conocer cómo funciona el proceso de creación de una página enlazada a una ruta.

6 Crear un Controlador

Vamos a crear un controlador para reemplazar el esquema actual.

7 Construir una tabla

Vamos a crear una tabla con estilo para mostrar los registros.

8 Crear enlace y componente de creación

Vamos a crear un enlace de y componente de creación.

9 Crear carpetas para las páginas

Vamos a crear una carpeta para almacenar nuestros componentes de listado y creación.

10 CRUD: Proceso de creación, base

Vamos a implementar el proceso mínimo y necesario para la creación de registros empleando Inertia.

11 CRUD: Proceso de creación, validaciones

CRUD: Proceso de creación, validaciones

12 CRUD: Proceso de creación, Mostrar errores con un componente de Jetstream

Vamos a mostrar los errores con una mejor representación, la cual sería con un componente en Vue empleando las clases de Tailwind ya existentes, en el paso, vamos a aprender a cargar componentes de Vue de Jetstream.

13 Refactorización de los propiedades en Vue

Vamos a refactorizar las propiedades para los model que tenemos definido en Vue.

14 Dar un mejor estilo a los campos de formulario

Vamos a aplicar componentes que existen en Jetstream y definir clases para dar un mejor estilo a nuestros campos.

15 Propiedad $page

Vamos a hablar sobre la propiedad page para obtener información del componente.

16 CRUD: Componente de show

Vamos a crear la vista de show y cambiar el nombre de las propiedad de usuario.

17 CRUD: Componente de eliminación

Vamos a crear la siguiente y última opción CRUD, la de eliminar.

18 CRUD: Componente de eliminación con diálogo de confirmación

Vamos a adaptar el dialog de tipo confirmación de JS en nuestra opción de borrar.

19 Componente de ModalDialog, uso básico

Vamos a presentar un componente existente dentro de Jetstream, un modal en Vue.

20 CRUD: Componente de Modal de Jestream adaptado para opción de eliminar

Vamos a adaptar el componente de ModalDialog para la opción de eliminar.

21 Diseño para los botones CRUD

Vamos a definir un diseño en CSS y un icono representativo a la acción.

22 Generar datos de prueba

Vamos a crear usuarios de prueba para tener más registros.

23 Paginación

Vamos a crear el esquema de paginación para nuestros registros.

24 Búsqueda, primera parte

Vamos a comenzar con la búsqueda como lo haríamos en Laravel nativo.

25 Búsqueda, implementar mediante ajax con Inertia

Vamos a adaptar la búsqueda con Laravel Inertia.

26 Pasar el parámetro de búsqueda por la paginación

Vamos a hacer que trabajen la paginación y la búsqueda en conjunto.

27 Mensaje por sesión: Flash

Vamos a adaptar los mensajes flash a nuestro CRUD.

28 Configurar Mensaje Flash en la aplicación

Vamos a colocar los mensajes flash en los componentes CRUDs correspondientes.

29 Vamos a darle un estilo al momento de desplegar un mensaje

Vamos a crear un contenedor para los mensajes de tipo flash.

30 Limpiar campos de formulario

Vamos a crear la función para limpiar los campos de formulario.

31 Carga de archivos, caso estudio avatar del usuario

Vamos a aprender a cargar archivos empleando Laravel Inertia.

32 Mostrar imagen cargada

Vamos a desplegar el avatar del usuario.

33 Agrupar las rutas

Vamos a trabajar en la agrupación de las rutas con atributos comunes.

34 Eliminar avatar del usuario

Vamos a crear la opción de eliminar el avatar del usuario.

35 Mostrar u ocultar opciones según existe avatar o no

Vamos a variar las opciones en la vista de editar según el estado del avatar.

36 Limpiar filtro de búsqueda

Vamos a limpiar el campo de búsqueda.

Laravel en Producción

1 Apache: Exportar el proyecto vía FTP, archivos a emplear y primeros pasos

Vamos a dar algunos tips y procesos para lanzar la app de Laravel a Producción.

2 Configurar Laravel en un dominio

Vamos a adaptar la app de Laravel a un dominio.

3 El archivo .env

Vamos a hablar sobre las configuraciones que tienes que realizar a nivel del proyecto.

Extra: Introducción a tailwindcss

1 Presentación de la documentación oficial

Vamos a presentar la documentación oficial de tailwind.css.

2 Instalar tailwindcss mediante Node

Vamos a instalar tailwindcss mediante Node en un proyecto desde cero.

3 Crear ambiente de trabajo

Vamos a crear el espacio de trabajo como archivo html y css.

4 Creando un botón con esquinas redondeadas

Vamos a crear nuestro primer componente para dar los primeros pasos con este framework.

5 Tamaños de ventana: Responsive Design

Vamos a presentar los tamaños de ventana que son fundamentales para el responsive.

6 Creando un botón con esquinas redondeadas reutilizable

Vamos a crear un componente reutilizable para el botón empleando la directiva apply.

7 Introducción a las transiciones

Vamos a presentar el uso de las transiciones css en tailwind.

8 Tarea: Crear un botón rojo que cambie de tamaño según la distribución de pantalla

Vas a crear un botón rojo reutilizable adaptativo a la pantalla.

9 Crear un tema personalizado (Introducción)

Vamos a crear un sencillo tema, específicamente sobre el container.

10 Crear un componente de alerta

Vamos a crear un componente de alerta.

11 Tarea: Crear componente alerta reutilizable

Vas a convertir el componente anterior para que sea reutilizable fácilmente.

12 Tarea: Crear componente alerta info, warning y success

Vas a crear otros componentes a partir del componente de alerta.

13 Crear componente de carta

Vamos a crear un componente de carta.

14 Tarea: Componente de carta reutilizable

Ahora vamos a crear el componente de carta anterior para que sea reutilizable.

15 Tarea: Componente de imagen

Vas a crear un componente de imagen.

16 Tarea: Componente de imagen + Carta

Vas a hacer otro ejercicio para crear un componente de carta con una imagen.

17 Componente de mensaje o tip

Vamos a crear un componente de tipo mensaje emergente (la UI).

18 Componente "Card Flex"

Vamos a crear una variación del componente de tipo carta que vimos anteriormente.

19 Hola Mundo en Vue

Hola Mundo en Vue

24-07-2024 - Andrés Cruz

Bootstrap PHP Node Json JavaScript Vue tailwind CSS HTML Http

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz En Udemy

Curso y Libro Laravel 11 con Tailwind Vue 3, introducción a Jetstream Livewire e Inerta desde cero - 2024

Comprar el Curso en Laravel 11

Contenido del curso

Integrar Laravel 11 con Vue 3

Sobre el curso

¿Para quién es este curso?

Requisitos del curso

¿Qué puedes esperar del curso y qué no?

El curso en detalle

1 Primeros pasos con Laravel

2 Introducción a Blade: El motor de plantillas de Laravel

3 Vistas y Layout

4 Introducción a las migraciones: Gestiona tus tablas en la base de datos

5 Sistema CRUD de datos

6 Rutas

7 Configurar Tailwind CSS y autenticación con Breeze

6 Módulo de login y protección del dashboard o módulo administrativo

7 Rest Api en Laravel con manejo de errores y respuestas genéricas personalizadas

8 Protección de la Rest Api

9 Creación de una web SPA con Vue 3 Oruga UI, Laravel y la Rest Api

Legacy: Creación de una web SPA con Vue, Laravel y la Rest Api

10 Potenciando el módulo administrador

11 Creación de un formulario con Vue, Vuelidate y Laravel

12 Enviar Laravel a producción

13 Manejar nuestros pagos para una tienda en línea con Stripe

14 Paquetes para Laravel

15 Laravel Jetstream

Extra: TailwindCSS

Temática de la aplicación

Por qué aprender Laravel

Secciones y clases del curso

Sobre el curso

1 Introducción

2 Realizar preguntas

Introducción a Laravel

1 Introducción

2 Software necesario: Global

3 Ambiente de desarrollo para Windows: Laragon

4 Ambiente de desarrollo para MacOS y Windows: Laravel Herd

5 Ambiente de desarrollo para MacOS y Linux: Composer y Laravel Sail

6 Crear un proyecto en Laravel en Windows

7 Crear un proyecto en Laravel en MacOS y Windows

8 Crear un proyecto en Laravel en MacOS mediante Sail

9 Estructura de carpetas

10 Reparar could not find driver en Windows

11 Ejecutar migraciones (solo si creastes el proyecto por composer)

12 Primeros pasos con Laravel

13 Rutas: Introducción

14 Modelo vista controlador

15 Demo: Configurar la base de datos MySQL

16 Configurar la base de datos MySQL: Mac o Linux con Sail y Docker

17 Artisan la línea de comandos: Introducción

Rutas, controladores y vistas

1 Tarea: Crear dos rutas con nombre y vistas asociadas

2 Redirecciones

3 Directivas de blade: if y for

4 Layout o vista maestra

5 Controlador: Primeros pasos

6 Rutas de tipo recurso

7 Parámetros en las rutas

8 compact

Migraciones

1 Introducción

2 Presentación

3 Crear una migración: Categoría

4 Crea una migración: Post

5 Publicar en github

MVC y CRUD

1 Introducción

2 Crear un controlador tipo recurso (CRUD)

3 Crear un registro

4 Actualizar un registro

5 Eliminar un registro

6 Tipos devueltos en los métodos de los controladores

7 Relaciones foráneas

8 Publicar en github

CRUD y formularios

1 Introducción

2 Crear: Configurar formulario

3 Crear: Controlador, create