Actualización de la semana 16-23 Julio - Paso por paso form, libros Upload Laravel Inertia Livewire+

Bienvenidos a otra semana en la cual voy a comentarte Cuáles son las actualizaciones todo el contenido que subí para dicha semana comenzando como siempre con el canal de YouTube

 

Así que como primer video aquí tenemos lo que es la importancia de alpina js cuando estamos empleando Livewire recordemos que tenemos dos stat por una parte tenemos el arabel inerti que emplea Vue de manera directa sin necesidad de emplear una Rest API y por otra parte tenemos el Laravel Livewire aquí como que la ambigüedad que tenemos en Inertia cuando estamos usando Vue es que por una parte le pasamos los datos mediante prop desde lo que sería el controlador a lo que sería el componente en Vue que ahora sería la página que se va a renderizar pero lo que sería el hardware no tenemos esa capa en la cual el cliente viene siendo Vue en este caso cliente todavía viene siendo Blade renderizado a lo que me refiero Entonces como tenemos ahí una pequeña ambigüedad podemos aprovechar lo que es alpine js para hacer esas operaciones en el cliente y poder emplear o poder crear más fácilmente lo que es una página web de tipo spa para variar las clases el estado de algún componente animaciones y demás cosa que podemos hacer fácilmente en Vue con Inertia y en Livewire faltaría ese paso adicional que en este caso lo hacemos mediante alpine también Livewire tiene una capa de complejidad un poco mayor porque ya sería lo que es el componente Por una parte Blade y alpine mientras que con inertia solamente sería Vue y por supuesto lo que es el controlador que es el equivalente al componente Livewire pero aquí también tenemos la ventaja de que tenemos una comunicación entre comillas full duplex de que cuando cambiamos una propiedad también la la podemos ver en lo que sería el servidor son simplemente cositas que es importante tenerlas presentes.

Entonces el siguiente video Sería para lo que es los componentes modal y diálogos con Vue en este caso es emplee de inertia Claro está en este caso es otro video que publiqué desde el curso o libro.

Por aquí también tenemos un par de tips que te doy para la parte de reutilización de componentes ya sea Livewire.

Por aquí abajo También tenemos el de inertia aquí está la actualización de las seman pasada esto es un video muy personal en la cual te estoy comentando de que si por ejemplo quieres proteger tus archivos que estás subiendo mediante el Laravel mediante el proceso upload y otra vez quieres que estén ocultos o simplemente para acceder a los mismos sea controlado en este caso por lógicas razones no tienes que emplear la carpeta public tienes que emplear cualquier otra en este caso te recomiendo la de storage ya que es otra carpeta que también se mueve mucho por ahí o te creas una directamente como tú quieras pero obviamente la carpeta public es donde se acceden de manera directa es la carpeta pública valga redundancia y es la conexión directa que tiene cuando nosotros accedemos a la aplicación desde por ejemplo un navegador web Esa es la carpeta que se accede por lo tanto todo lo que está ahí es valga la redundancia pública y es precisamente lo que yo utilizo para los libros que yo voy para allá yo los guardo aquí en la carpeta de storage que no es una carpeta Pública para acceder a los mismos obviamente ya lo hago mediante un controlador que también te muestro ahí en el en este video ya es algo controlado a lo que me refiero.

Aquí una introducción en este caso de Laravel para lo que es el curso de Livewire para el uso de los componentes de componente el paso por paso que ya lo terminé un video también de promoción un poco de que te digo de que bueno en caso de que quieras adquirir alguno de mis libros ya habilité otra opción que es más económica que es mediante la web Academia que aquí puedes obtenerlos todos a un menor precio con un descuento de entre un $ y aparte de esto que si ya Has adquirido cualquier otro recurso ya sea un libro o un curso ya vas a tener también un cupón agregado que tiene O puedes cambiar en los siguientes 30 días por ó si la compra es individual y por $ si la compra es un pad y también lo puedes anexar a lo que es la compra posterior a un recurso por lo tanto ya de base tienes un descuento de por ejemplo $ por ejemplo para el curso de laravel Y si también tienes ese cupón puedes tener un descuento ya sea de un o 2 dependiendo del del valor del mismo.

El siguiente video que tenemos por acá es la demo bueno en este caso o tres de componentes de componentes pero en este caso de inerte que lo voy manejando un poquito a la para Mostrar errores de formularios en este caso Livewire y esto viene siendo videos del curso básico de Laravel que voy publicando poco a poco.

 Recuerda que Estoy publicando poco a poco en el canal de YouTube también los videos anteriores del curso antiguo que en este caso es con Laravel 10.

• Alpine JS y Laravel Livewire importancia, explicación y uso en conjunto 1 - https://www.youtube.com/watch?v=r7VoF556uLk
• Curso/Libro Laravel Inertia 11 Componentes de Modals o Dialogos con Vue - https://www.youtube.com/watch?v=PLceyJaBhPo
• Curso Laravel Livewire - Entendiendo como reutilizar los componentes, Claves - https://www.youtube.com/watch?v=1yu9Qkbh_ls
• Actualización de la semana 10S - 16S Ob wire, pads, y + - https://www.youtube.com/watch?v=4p00czgTxKI
• Reutilización y Modularización de componentes con Laravel y Vue - https://www.youtube.com/watch?v=S--c292VFtc
• NO uses la carpeta public para el upload de ciertos archivos, protege tus archivos en la storage - https://www.youtube.com/watch?v=WJqdenz4rPY
• Demo: Curso/Libro Laravel 11 Livewire - Componentes de componentes #6 - https://www.youtube.com/watch?v=lNCjwncBlgw
• Donde puedes comprar mis cursos y libros más baratos que en Udemy Leanpub, Amazon, Google/Apple book - https://www.youtube.com/watch?v=__pBN9kkQoY
• Demo: Curso/Libro Laravel 11 Inertia - Componentes de componentes #6 - https://www.youtube.com/watch?v=-hEtTMW9J-0
• Curso Laravel Livewire - Mostrar errores de validación de los formularios - https://www.youtube.com/watch?v=oRAHSS44IJM
• Curso Laravel  - Presentación de los Seeders para generar datos de prueba 1 - https://www.youtube.com/watch?v=cQ0uMh-zryQ
• Curso Laravel Inertia - Windows: Crear un proyecto con el instalador de Laravel y Laragon - https://www.youtube.com/watch?v=955AjducFw4

Cursos

En cuanto al blog Ya vamos para allá voy a pasar aquí directamente para ya salir del correo a lo que es las actualizaciones en el curso Bueno un poco lo comentado antes Ya vistes aquí que ya publiqué las introducciones Entonces ya puedes ver que terminé lo que es las secciones para el curso de Livewire y el curso de Inertia que a la fecha Solamente se puede acceder mediante la web de Academia ya que no los he subido a Emi aquí tenemos lo que es la completación del paso por paso tanto para el curso de Inetia tal cual puedes ver como también para el curso del iware lo que es simplemente terminamos detalles finales para ir a lo que es el paso anterior detalles de css detalles visuales algún html reparación de algunos errores que tuvieramos por ahí realmente poca cosa detall de finales otra vez Y a partir de aquí en lo que es el curso de Inercia ya comenzamos con lo que es el filtro que sería lo que tenemos por acá estos filtros estamos iniciando esta sección antes de eso también aquí está lo que es el crud que debería estar también por aquí reflejado aquí está y también comenzamos el filtro lo que es en este caso Livewire en este caso lo tengo en la mac Y eso sería todo lo que hicimos por acá Aquí empezamos es con el html la definición de lo que es el filtro en sí es decir empleándolos consultas con Eloquent y poco más:

 

Integración con Inertia - Paso por Paso

 

1.  

   Introducción

   Paso anterior

   1. Vamos a crear la opción de paso anterior.

2. Parámetro de contacto general para los paso por paso

   1. Vamos a pasar el contacto general al resto de los pasos.

3. Detalles finales

Integración con Inertia - Filtro

 

1. Cambios en la tabla

   1. Vamos a colocar algunas columnas adicionales para la tabla del listado de publicaciones.

2. Seeders para los post

   1. Vamos a crear seeders para generar datos de pruebas para los posts.

3. Campo de búsqueda

   1. Vamos a crear un campo de búsqueda para varios campos.

4. Campo de búsqueda: HTML

Vamos a crear los selects en el componente de Vue para los elementos del formulario para el filtro.

 

Integración con Livewire - Paso por Paso

1. Introducción

2. Varios cambios

   1. Hablaremos sobre los eventos padre a hijos y el uso de propiedades en los componentes

3. Regresar a los pasos anteriores

   1. Vamos a crear el botón para paso atrás.

4. Actualizar contacto general existente

   1. Vamos a crear una ruta para poder actualizar el formulario desde el paso general.

5. Redireccionar al crear el contacto general

   1. Vamos a implementar una redirección a editar al momento ode crear un formulario general

6. Detalles finales

   1. Pequeños detalles de CSS.

Integración con Livewire - CRUD POST

 

1. Post/Save: Crear formulario de creación y actualización

   1. Vamos a crear el proceso de crear y actualizar.

2. Post/Index: Crear listado

   1. Vamos a crear el listado de los posts y la opción de eliminar.

Integración con Livewire - Filtro

1. Seeders para los post

   1. Vamos a crear seeders para generar datos de pruebas para los posts.

2. Cambios en la tabla

   1. Aplicaremos algunos cambios a la tabla.

3. Filtros: Controlador

   1. Vamos a crear la opción de los filtros para los seleccionables.

Blog

En cuanto a las publicaciones más o menos el mismo ritmo Aquí también recuerdo que Voy subiendo algunos videos de lo que es el canal anexo al original en este caso enfocado un poco más a lo que es el Gaming desarrollo en Gaming entre otras cositas que iré subiendo poco a poco y es para,

En este caso hacer que una plataforma se caiga al contacto lo mismo pero en este caso que tengamos un salto automático.

En este caso el objeto wire en con alpine aquí varias cositas porque como te digo la parte de alpine es crucial en Livewire Y tenemos varias cositas ahí tenemos algunas cositas que se pueden considerar ambiguas y es un poco lo tratado en este video si por ejemplo quieres sincronizar lo que es una propiedad definida en el controlador bueno en el componente lo que me refiero en el servidor con lo que es un código de cliente en este caso empleando alpine podemos ampliar lo que es el entangle aquí un poco lo mismo.

Bueno lo que te comentaba antes de Dónde puedes comprar o adquirir mis videos en donde puedes adquirir mis libros más baratos lo de la carpet que te comentaba antes la importancia de de la reutilización y modularización de componentes en este caso enfocado a vue esto no viene siendo con inertia es simplemente un pequeño experimento que yo hice hace uno hace un par de semanas que ya también ya había publicado el video en la cual te mostraba Cómo cree un plugin yo lo llamo así un componente en este caso empleando View Claro está para lo que es el pago que sería el componente que tenemos aquí para pagar que tiene varios pasitos dependiendo del estado en que se encuentre si está autenticado no está autenticado lo que seleccione si vas a regalar el recurso Entonces te puede aparecer una opción u otra para finalmente colocarte aquí el plugin de PayPal que es el que único mecanismo que tengo de compra la fecha un poco lo comentado aqui.

por lo demás las actualizaciones de la semana pasada Seguimos aquí un poquito con real en este caso algo muy importante que es el anidamiento o colocar un componente como padre y un componente como hijo y que se comporten de manera conjunta cuando muevas uno puedes mover el otro algunas cositas muy importantes que hay que tener presente ahí por lo demás Esas son las actualizaciones que realicé para esta semana Así que sin más que decir nos vemos la semana próxima

26-09-2024 - Andrés Cruz

In english