Weekly Update July 16-23 - Step by Step form, books Upload Laravel Inertia Livewire+

Welcome to another week in which Im going to tell you what the updates are all the content I uploaded for that week starting as always with the YouTube channel

So as a first video here we have what is the importance of alpine js when we are using Livewire remember that we have two stat on the one hand we have the arabel inerti that uses Vue directly without needing to use a Rest API and on the other hand we have the Laravel Livewire here as the ambiguity that we have in Inertia when we are using Vue is that on the one hand we pass the data through prop from what would be the controller to what would be the component in Vue that would now be the page that is going to be rendered but what would be the hardware we do not have that layer in which the client is Vue in this case the client is still being Blade rendered what I mean So as we have a small ambiguity there we can take advantage of what is alpine js to do those operations on the client and be able to use or be able to create more easily what is a spa type web page to vary the classes the state of some component animations and other things that we can easily do in Vue with Inertia and in Livewire that additional step would be missing which in this case we do it through alpine also Livewire has a slightly greater layer of complexity because it would already be what the component is On the one hand Blade and alpine while with inertia it would only be Vue and of course what the controller is which is the equivalent of the Livewire component but here we also have the advantage that we have a full duplex communication so to speak that when we change a property we can also see it in what would be the server they are simply little things that are important to keep in mind

So the next video would be for what are the modal and dialog components with Vue in this case it is used by inertia Of course in this case it is another video that I published from the course or book

Here we also have a couple of tips that I give you for the component reuse part whether it is Livewire

Here below we also have the one from inertia here is the update from last week this is a very personal video in which I am telling you that if for example you want to protect your files that you are uploading through Laravel through the upload process and again you want them to be hidden or simply to access them it is controlled in this case for logical reasons you do not have to use the public folder you have to use any other in this case I recommend the storage since it is another folder that also moves a lot around there or you create one directly as you want but obviously the public folder is where they are accessed directly it is the public folder for redundancy purposes and it is the direct connection that it has when we access the application from for example a web browser That is the folder that is accessed therefore everything that is there is for redundancy purposes public and it is precisely what I use for the books that I go there I save them here in the storage folder which is not a public folder to access them obviously I already do it through a controller that I also show you there in this video it is already something controlled what I mean

Here is an introduction in this case of Laravel for what is the Livewire course for the use of component components step by step that I have already finished a video also of promotion a little of what I tell you that well in case you want to acquire any of my books I have already enabled another option that is cheaper which is through the Academia website where you can get them all at a lower price with a discount of between  and apart from this that if you have already acquired any other resource be it a book or a course you will also have an added coupon that has Or you can change in the next 30 days for or if the purchase is individual and for  if the purchase is a pad and you can also attach it to what is the subsequent purchase of a resource therefore as a base you already have a discount of for example  for example for the Laravel course And if you also have that coupon you can have a discount of either one or 2 depending on the value of it

The next video we have here is the demo well in this case or three of components but in this case of inert components that I am handling a little to Show errors of forms in this case Livewire and these are videos of the basic Laravel course that I am publishing little by little

Remember that I am publishing little by little on the YouTube channel also the previous videos of the old course that in this case is with Laravel 10

Courses

As for the blog Were going there Im going to go here directly to leave the mail to what are the updates in the course Well a little bit of what I commented before You saw here that I already published the introductions So you can see that I finished what are the sections for the Livewire course and the Inertia course that to date can only be accessed through the Academy website since I have not uploaded them to Emi here we have what is the completion of the step by step for both the Inetia course as you can see as well as for the iware course what is simply finishing final details to go to what is the previous step css details visual details some html repairing some errors that we had there really little thing details of endings again And from here on what is the Inertia course we already begin with what is the filter that would be what we have here these filters we are starting this section before that also here is what is the crud that should also be reflected here here it is and we also begin the filter what is In this case Livewire in this case I have it on the Mac And that would be all we did here Here we start with the HTML the definition of what the filter itself is that is using queries with Eloquent and little else

 

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

As for the publications more or less the same rhythm Here I also remember that I am uploading some videos of what is the channel attached to the original in this case focused a little more on what is Gaming development in Gaming among other things that I will upload little by little and it is for

In this case to make a platform fall on contact the same but in this case that we have an automatic jump

In this case the wire object in with alpine here several things because as I tell you the alpine part is crucial in Livewire And we have several things there we have some things that can be considered ambiguous and it is a bit what is discussed in this video if for example you want to synchronize what is a property defined in the controller well in the component what I mean on the server with what is a client code in this case using alpine we can expand what is the entangle here a bit the same

Well what I was telling you before about Where you can buy or acquire my videos where you can buy my books cheaper about the carpet that I was telling you about before the importance of reusing and modularizing components in this case focused on vue this is not being done with inertia it is simply a small experiment that I did a couple of weeks ago that I had already published the video in which I showed you How I created a plugin I call it a component in this case using View of course for what is the payment which would be the component that we have here to pay which has several steps depending on the state it is in if it is authenticated it is not authenticated what you select if you are going to give away the resource then one option or another may appear to finally place the PayPal plugin here which is the only mechanism that I have for purchasing the date a little bit of what was commented here

Otherwise the updates from last week We continue here a little bit with real in this case something very important which is nesting or placing a component as a parent and a component as a child and that they behave together when you move one you can move the other some very important things that you have to keep in mind there for the rest Those are the updates that I made for this week So without further ado Ill see you next week

- Andrés Cruz

En español

Andrés Cruz

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

Andrés Cruz En Udemy

Acepto recibir anuncios de interes sobre este Blog.

!Cursos desde!

10$

En Udemy

Quedan 2d 00:51!

Udemy

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
¡Hazte afiliado en Gumroad!
© 2024 Copyright | Contacto | Acerca de | Versión PC