Update for week 14-21Oct - Livewire Inertia Shopping Cart instanceOf, whereBetween

Welcome to another week where I talk about the updates I posted from the week of October 21st through October 28th.

Youtube

Starting here with the updates to the YouTube channel.

Here I will start, remember that I am gradually publishing several videos or at least I will see if I gradually publish the entire course, the original Laravel course for free, so it is the YouTube channel. I am gradually publishing some videos, so I will start
with this pack of videos that Remember that here we are consuming to date what is the RestAPI that we created previously with a vio application, it is not using inertia but rather creating an application in vi directly through the arabel project using node according to the integration that we have there we are in the crud part, the crud for the posts, so here we are creating the sketch so that we can create a save component for the posts, here below we have the selection list part and we also configure what is Vue router, that would be, I think, the main thing.

Here we are also configuring it here it would be for the parameters part that I have here below and this would be the initial configuration so well the updates last week

Here I also have what is the process of creating and editing a crud for Laravel Livewire posts, a video that combines both operations and there you can grab several tricks

Here another opinion video in which I tell you what is better if you use Laravel inertia or directly use Laravel plus a RestAPI plus Vue React or whatever you want to use it to consume it is another opinion video in this case precisely associated with what is the free development application of Academia Mejor said in which it is available both in web and mobile format in this case an application in Flutter so from that example I can get some criteria and I will tell you what could be better for a similar project or that meets these types of characteristics to which we are going to want to expose or extend the application on multiple platforms using other technologies and it is precisely for this that a rapid relationship is created Many-to-many polymorphic relationships, in case someone doesn't know about polymorphic relationships or wants a refresher, I recommend this video, a promotional video of the application I just told you about, the Academy for Flutter.

Here is also the Bottom sheet on how you can use the Bottom sheet using Flutter, some tips that you have to keep in mind, especially for the part on state management in Flutter.

Also this one that I have not forgotten that is also a video for me always very important remember that I am working or have been working for a while with Udemy is my main platform although I have a bit of a love-hate relationship with it because there are many things that I really do not like how it works and one does not understand why they work like that And from certain things that one interacts with them one can find out Why it works so badly and it is precisely what I comment here that Udemy does not receive feedback what I mean by this what things so obvious that well may seem obvious to us and that they should keep in mind it seems that they overlook it for whatever reason in this case I give the example that every time that I am uploading a blessed course that are software development courses I always use here you can see it and that is why I open the web academy here I always use what are the logos of the technologies with which I am going to work especially here for the part of the abel or web technologies that are always used many things already for example to flow well simply flow and now but for example for what is the Arabic courses especially that is used that the Node environment is obviously php I always put in a little bit of Livewire from Inertia from Tailwind also some Bootstrapsi is necessary that lot of things there also Vue then placing what are the logos of the technologies Here also remember that being development technologies always the logos sometimes don't help much for example the dango one is simply a text that says Django with a typography and I think that all this is a bit common since it becomes a bit difficult to create a logo of a technology that works to create that is used to simply create applications at least in my opinion and that is why they always see themselves directly to place many times the name of the technology with a typography a bit well personalized and to take by the sack little more to say then going back a bit to what I was telling you here that Udemy does not do feedback they are always putting buts with this that they say that the image has text and they themselves place the alert there the only way that the text is allowed is that they are allusive to the technology, that is, the logos of the technology, which always happens, so it seems incredible to me that every time I publish a course they are still putting hairs on me, like look at this one, for example this image, well it was with this one, the Livewire, this was the last one I uploaded that they say has text and of course it has text, it has the php text which is the php logo, the node one which is the node logo, the js one also in quotes is the js logo and the Livewire text that I placed here, so they are still giving you problems with this, the same thing happened to me with inertia which is a little higher up and what I mean is that they are already technologies as common as php, node or npm or directly js, which I find incredible that they still have not taken that claim, I am not the only one who uploads the images, so you check on the udem platform, search for node or whatever, many of them will have the technology logo for the reason mentioned before and it seems incredible to me that even at this point in life they have not taken that claim. people do it precisely or as who says the defense that you alleged for them to publish your course saying that it is okay that these are logos, they are not texts that I placed at will but they are the logos of the technologies. It seems incredible to me that they still have not taken that criticism to improve the process and with this publish the course once and for all without caring about these texts that again are allowed because they are part of the logo or the logos of the technologies with which they are working, which in the end so that it is understood I precisely told them that and in the end they accept, that is to say without making any changes and you can see the images of the em courses and you will see that they are exactly the same.

 

Courses

With this we finish the updates on the YouTube channel. I'm going to move here for what would be the updates of the courses that I'm working on, the one on Inertia and the one on Liveware. The one on Inertia is a little more advanced here. I've already finished what the application of everything is. Here I needed to put the introduction, which is not so much creating a collection but rather creating a few, creating mini projects. In this case it would be associated with the Todolist application and with this, learning a little about the tricks of technology. Who can be used for a certain operation, etc. For example, here we enhance what Inertia is with a specific plugin for View for the reordering part and we also learned a little about how we can, as they say, tinker with View to obtain additional data. In this case, a list or an array with the IDs of the todo's that we want to order in order to then be able to apply the ordering. Here, another important or interesting point is the editing part of a todo. What we did was click on it, enable an input, then edit the input or edit the todo. we hit enter and we already have it edited, an interesting process that we can also easily do with Vue and this one also seems very interesting to me, removing a bit what is the crud as I tell you that it is some problems that exist for the synchronization of the operations, that is to say that for example when we create, delete, update, no, because of the way in which we implement the changes they do not appear reflected and it is a bit like how inertia works internally, it is a bit like what was commented here, some possible variants or adaptations that you could do with the code mentioned here we also have what is the shopping cart with lar, that is what we have here here we have the button of I go here we can add it and it appears here what would be the tooltip here we can edit the quantities here also somewhere we have the list Well here I have not logged in to the shopping cart so we are doing those operations and here we can also modify it and the value is already preserved.

So I don't implement it in this course, I already see that or we see it in the basic Laravel course since it would be the same, that would be code on the server and really there is little more to say here, I already showed you what we are doing and I am also about to finish it, well, the coupon of the week.

 

Integración con Inertia - To Do

  1. Editar un todo

    1. Vamos a actualizar un to do.

  2. Editar un todo: Mostrar errores

    1. Vamos a aplicar validaciones y mostrar errores al momento de actualizar un to to.

  3. Eliminar un to do

    1. Vamos a eliminar un to do en la base de datos.

  4. Marcar completado un to do

    1. Vamos a marcar como completado un to do.

  5. Eliminar todos los to do

    1. Vamos a eliminar todos los to do.

  6. Reordenación, e instalar el plugin

    1. Vamos a instalar el plugin de Drag and Drop para reordenar los todos.

  7. Reordenación, configuración inicial con los To Do en Vue

    1. Vamos a configurar nuestro listado de To Do con el plugin de reordenar.

  8. Reordenación, crear listado de To Dos ordenados

    1. Vamos a generar un listado con las PKs de los To Do ordenados.

  9. Reordenación, aplicar cambios en el servidor

    1. Vamos a reordenar los to do desde el servidor.

  10. Problemas con la sincronización de las operaciones

    1. Hablaremos sobre los problemas que tenemos al momento de sincronizar los datos

 

Integración con Livewire - Carrito de Compras

  1. Implementación hasta entonces

  2. Crear migración y modelo

    1. Vamos a crear la estructura para trabajar con la base de datos.

  3. Registrar cambios en la base de datos

    1. Vamos a guardar la sesión del carrito en la base de datos.

  4. Establecer sesión en el login

    1. Vamos a escuchar cuando ocurre el login y replicar en la sesión el carrito.

  5. Registrar cambios en la base de datos

    1. Vamos a guardar la sesión del carrito en la base de datos.

  6. Replicar de la base de datos a la sesión en el login

    1. Vamos a escuchar cuando ocurre el login y replicar en la sesión el carrito.

  7. Demo: Listener login mediante módulo aparte

    1. Vamos a conocer como implementar un listener mediante comandos de artisan.

  8. Plugin de mensajes toast

    1. Vamos a instalar y configurar un plugin de toast.

    2. https://www.npmjs.com/package/toast-me

  9. Definir y escuchar eventos personalizados de Livewire

    1. Vamos a escuchar los eventos desde el ítem del carrito desde JS.

Blog

Here we automatically go quickly to what the blog is, there is not much to tell here because more or less what I took out for the YouTube channel I also published here, so in the same way we review the Bottom sheet as I told you here the filters and conditional clauses when in Laravel, that is, if you want to apply a filter or some condition, a weare based on whether it exists or not some property, that is, a good condition you can use what is the wien How to create a static list in this I also published it on the YouTube channel I think I overlooked it cHow to create a static list of widgets, that is, we have a list of Strings, whole objects or whatever you want and how can you create a list like this in this case it is not using again it is not using L viw to make it simpler we simply use a column, a Road or directly a web and there we see how you can do it in case you do not remember it is simple But it may be overlooked here is to eliminate some html characters from the sec editor some tricks that I am showing to work with the se editor This is for a platform that is falling, this is from the new YouTube channel, in this case it is to install and configure CKEditor in Livewire, you can also take the same steps for Laravel, you could say a personal opinion of the metaquest device, in this case this is also from the other YouTube channel that I associate a bit with what is gaming and this type of devices and the fate udem that I mentioned at the beginning.

This is also a bit of a personal video, this was from last week and you can see it there if you are interested, so nothing more to say, this is all I uploaded for the week mentioned and without further ado, see you next week.

https://www.desarrollolibre.net/blog

- Andrés Cruz

En español

Andrés Cruz

Develop with Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz In Udemy

I agree to receive announcements of interest about this Blog.

!Courses from!

10$

On Udemy

There are 3d 19:55!

Udemy

!Courses from!

4$

In Academy

View courses

!Books from!

1$

See the books
¡Become an affiliate on Gumroad!
© 2024 Copyright | Contact | About | PC Version