Weekly Update 25Nov 2Dec - Testing Inertia Livewire, Introduction Alpine Upload Vue Laravel +
Hello everyone, welcome to another week in which I will explain or mention the updates of all the content I uploaded for the week of November 25th to December 2nd starting.
YouTube
As always with the YouTube channel, I uploaded several introductory video introductions of the courses I am recording, which in this case would be the Livewire course that I had pending, among them would be the first steps with Alpine, but also the introduction to shopping carts and the todo list type action.
Next content, the next video would be the style binding attribute. There are several videos associated with the class biden, the attribute biden, in this case it is associated with the style.
Last week's update.
Here are also a couple of videos for uploading files using Arabic, the view that would be the one we have here and also enabling it on the server side
Here is also another video for what is alpine js, an introduction to alpine js in this case the use of cycles and conditionals
This is a tool that could be used before, but now I don't really see much point in it since from Vue we can use the watch and from Laravel we can use the dev to watch our content and detect changes, but I had it pending there and I simply published it.
An interesting video that would be Laravel inertia how you can detect the responses and based on the response you have at the time of making a request you can execute in the on success some code in javascript that you want to do after making the request and also this is ideal for the lists you can preserve the scroll which is ideal when you are deleting a record you want to preserve the scroll and you also want to do some operation after that for example show a toast type message
Here is also a specific video for the YouTube channel that is how to generate a random list in Flutter for this the way in which I implemented it I simply placed from my class that would be the one we use to build our list in widget a random number for that we have in the footer of Flutter ways to generate random numbers and then from that widget list we simply have a method called sort that allows us to perform a sorting based on some parameter that in this case is that random number is what is mentioned here this would be all the content for the YouTube channel.
Demo: Curso/Libro Laravel 11 Livewire - Primeros pasos con Alpine JS #13 - https://www.youtube.com/watch?v=Qk_wUbeHk-U
Atributos/bidind style en Alpine JS 8 - https://www.youtube.com/watch?v=F5QOtABYHbU
Actualización semana 18-25Nov - Test en Inertia, Introducción Alpine TodoApp, tipografia Tailwind + - https://www.youtube.com/watch?v=7f3kvTMrJqI
Curso Laravel Upload en Vue - Introducción - https://www.youtube.com/watch?v=msHc7M-TZdg
Ciclos o Bucles: x-for Alpine JS 9 - https://www.youtube.com/watch?v=BGeWG0tOyiU
Generar Listado de Widgets Aleatorios en Flutter - https://www.youtube.com/watch?v=QujPNgvuLDM
Extra: Browsersync Reloading, recargar navegador al detectar cambios en los .vue - https://www.youtube.com/watch?v=E6IQ7c2vRgs
Laravel Inertia onSuccess en el objeto router y preserveScroll - https://www.youtube.com/watch?v=EiH9upmp_L8
Habilitar la carga de archivos en la Rest Api en Laravel y Vue 1 - https://www.youtube.com/watch?v=_RZPDpkYkLg
Ciclos/for y condicionales en Alpine.js 11 - https://www.youtube.com/watch?v=fLba_xdzh4U
Course and Book
I'm moving on to updates at the level of future courses and books. Here I've already finished what the Todoist application is and with that the introductory video that I mentioned to you before that would be one of the last modules. I've already started with the testing phase, integration tests would be in this case the Livewire in which we review the tests in general, we begin to create the tests and then from here, right here, we are preparing the environment and here we create the first test and now here, since we are testing what is a lightware component that is not exactly the same as a basic Laravel controller, we are going to have some difficulties that we are going to overcome to present how we can
check or evaluate a Livewire component through the tests, which is the next thing we do and up to here is that I have advanced, on the other hand, I am already finishing what is the specific inertia course, the testing section in which we already finished the step by step in this case the validation errors and we are already beginning to evaluate the last of the modules that would be the shopping cart in which would be the listing phase and also the typical management that I am about to record this week's coupon.
Aplicación de To Do con Livewire y Alpine
Múltiples instancias de alpine
Vamos a hablar sobre la instancia doble de Alpine.
Migrar de Bootstrap a Tailwind
Vamos a migrar la app de Bootstrap a Tailwind.
Integración con Livewire - Pruebas
Repaso
Presentamos conceptos claves e importancias de las pruebas.
Pruebas en Livewire
Daremos una introducción a las pruebas específicas para Laravel Livewire presentando sus métodos de aserción principales.
Creando la primera prueba
Vamos a crear la primera PHPUnit para la aplicación.
Primeros pasos
Hablaremos sobre elementos importantes que tenemos que tener en cuenta para implementar la prueba.
Prueba Base
Vamos a crear la prueba básica como lo haríamos en Laravel básico.
De Laravel a Livewire
Vamos a conocer el método de aserción de Livewire.
Integración con Inertia - Pruebas
Paso por Paso: Primer paso, General, Error de validaciones
Prueba para crear un contacto general con errores de validaciones.
Paso por Paso: Primer paso, General, Error de validaciones, página anterior
Prueba para crear un contacto general con errores de validaciones, página para el back.
Paso por Paso: Primer paso, General, Edit, Error de validaciones
Prueba para editar un contacto general con errores de validaciones.
Paso por Paso: Segundo paso, Company, Error de validaciones
Prueba para crear/editar un contacto compañía con errores de validaciones.
Paso por Paso: Segundo paso, Person, Error de validaciones
Prueba para crear/editar un contacto persona con errores de validaciones.
Paso por Paso: Tercer paso, Detail, Error de validaciones
Prueba para crear/editar un contacto detalle con errores de validaciones.
Carrito: Index
Vamos a crear la prueba para verificar el index del carrito de compra.
Carrito: Agregar
Vamos a crear la prueba para verificar cuando agregamos un item en el carrito en la base de datos.
Carrito: Modificar
Blog
Here we will move on to the updates on the blog which is more or less the same as this as I told you I am updating the content of the previous courses then another video appears listed here that is specific to the YouTube channel the new YouTube channel which is how to create an interface in urre in case you are interested in working with urre again here I leave you this video on the other channel the preserve scroll that I mentioned before generate a list of random S flurer as I also mentioned before and the alpine videos and with this we reach the end of all the content that I uploaded for the aforementioned week and without further ado we will see you next week.
- Andrés Cruz
Develop with Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter