Actualización semana 2Dic - 9Dic - Testing Inertia Livewire, Alpine CkEditor GridVIew Flutter +

Youtube, Testing en Laravel Livewire ListVIew a GridView y Detectar navegación Flutter, Condicionales y bloque Script Alpine Cursos/Libros Testing para el Blog y Dashboard categoria Livewire - Testing Todo App y Carrito Blog

Hola a todos bienvenidos a otra semana en la cual paso a comentar las actualizaciones de la semana del 2 de diciembre al 9 de diciembre.

Youtube

Comenzando como siempre por el canal de YouTube por aquí aparte de todo el contenido que puedes ver también subí las introducciones los videos introductorios para el curso de Livewire que sería lo mismo que hicimos para la semana antes pasada o como se diga la semana anterior que sería para el carrito compras la aplicación de todo y poco más realmente por aquí.

Tenemos como primera clase un video especial ya que comenzamos aquí las pruebas de integración o unitarias son dos cosas diferentes pero para nosotros que estamos introduciendo poco nos importa son los aspectos básicos que tienen que tener estas pruebas para hacer cualquiera de los tipos señalados anteriormente ya que otra vez comenzamos finalmente el último de los módulos que tengo al menos pensado para ese curso que es el de las pruebas ahí lo tenemos.

Actualiación de la semana pasada aquí también tenemos siguiendo con el caso anterior los primeros pasos con las pruebas de laravel Livewire ya que al igual que el arabel inertia podemos emplear Laravel base es decir lo mismo que tenemos en Laravel  base pero tenemos ahí un agregado específicamente el módulo de Livewire::test que nos permite evaluar directamente el componente y hacer los mismos métodos de aserción que hacemos con Laravel como si vemos esto si está establecida cierta Data etcétera.

Aquí también un video específico o exclusivo para el canal de YouTube que es como detectar conexión internet en Flutter para eso tenemos que emplear un paquete ya con esto por ejemplo si no tenemos internet no hacer la petición y mostrar una pantalla que diga que no hay internet poco más realmente.

Aquí también tenemos un video especial para el canal de YouTube que es ListView a GridView en Flutter precisamente con la aplicación de Academia yo migré aquí lo puedes ver todos los listados a un ListView qué significa esto que estoy colocando un item al lado del otro y no lo estoy colocando como un leview que este sería el enfoque que se aplicaría en todo lo demás es decir independientemente del tamaño de la de la pantalla y esto es para prepararla para por ejemplo tabletas o directamente que en algún momento exporte la aplicación a escritorio como es la que está viendo en pantalla tenemos esta ganancia ver más información en un mismo espacio entonces aquí te muestro un poco cómo es el proceso ya que es una migración muy sencilla y es lo bonito de Flutter que tenemos todo muy modularizado.

Aquí también tenemos siguiendo el curso del á bas que voy exportando poco a poco el inicial el original La carga de archivos con Vue y Laravel condicionales en Alpine cómo aplicar los condicionales poco más que decir.

También cómo puedes en caso de que tengas un componente muy grande en Alpine también podemos seguir aquí el esquema clásico que es convertirlo o separar la lógica es decir el script en un bloque de script aparte ya que por defecto la característica principal que tenemos en Alpine es que podemos en un solo bloque html en un una sola etiqueta html por así decirlo que encapsule otras etiquetas podemos crear nuestro componente en Alpine y así podemos crear varios por página pero aquí también en caso de que sea necesario lo podemos separar en un bloque de script cosa que para nosotros para la aplicación que queremos elaborar que al final viene siendo una aplicación tipo todolist nos viene perfectamente ya que va a tener muchas funcionalidades y lo podemos separar según lo mencionado.

Aquí también otro video exclusivo para YouTube que es es decir no forma parte de los cursos en que es instalado CKEditor que ya tengo varios videos sobre sobre lo mismo te muestra cómo puedes crear eventos de teclado es precisamente por ejemplo aquí que tengo un CKEditor puedo por ejemplo señalar este teclado esta este texto y en vez de colocar aquí la opción por ejemplo esta que es la que yo trabajé le doy a mi teclado por ejemplo f12 en este caso es la tecla que yo coloqué y aparece el siguiente resultado cosa 1ue obviamente es una ganancia ya que no tengo que estar cada rato señalando y dándole esto para esto lo que hice fue interceptar el evento clck o mejor dicho aplicar el evento click sobre este elemento que lo detectamos mediante una un selector simplemente lo aplicamos al texto seleccionado ni siquiera nos tenemos que preocupar por el texto seleccionado simplemente le pegamos aquí un click y ya ese que editor se encarga de todo lo demás

• Laravel Livewire Aspectos claves para las pruebas de Integración o Unitarias - 01 - https://www.youtube.com/watch?v=6kJnLBAqL0o
• Actualización semana 25Nov 2Dic - Testing Inertia Livewire, Introducción Alpine Upload Vue Laravel + - https://www.youtube.com/watch?v=E5_e_iJ__XQ
• Primeros pasos en las Pruebas en Laravel Livewire 3 - https://www.youtube.com/watch?v=Ny7ydcWd0FM
• Detectar conexión a Internet en Flutter - https://www.youtube.com/watch?v=0GPrN2EY-jU
• De ListView a un GridView en Flutter, primeros pasos - https://www.youtube.com/watch?v=AIR2UkwTzFQ
• Mostrar errores de validación en la Carga de archivos con Vue y Laravel - https://www.youtube.com/watch?v=fY_VUJuuYy8
• Condicionales: x-if Alpine JS 10 - https://www.youtube.com/watch?v=c7XAhQhjePw
• Modulariza tus componentes de Alpine JS en bloques de Script 12 - https://www.youtube.com/watch?v=tZtywCta37c
• CKEditor y crear Eventos de Teclado Personalizados - https://www.youtube.com/watch?v=e-uS6yJKhRQ

Curso

Así que es fue todo el contenido que subí para el canal de YouTube en cuanto a los cursos un poco lo comentado para Laravel ya comencé la parte de las pruebas hablamos cómo implementar las pruebas para laravel Livewire es decir los aspectos básicos Y a partir de aquí empezamos a implementarlas qué es lo que estamos haciendo trabajar la autenticación configurar la base de datos un poco lo mismo cuando es necesario y a partir de aquí hacer las pruebas para el blog que sería el módulo más sencillo detalle y e Index y aquí acto seguido sería para el dashboard comenzando otra vez con las categorías tal cual puedes ver y por aquí no hemos visto todavía los post ahí lo tenemos todas las pruebas para las categorías en cuanto a Inertia aquí también todavía sigo con las pruebas pero ya casi estamos acabando ya debería de terminar las pruebas para inercia esta semana estamos aquí con el carrito eso fue casi que lo último y a partir de aquí comenzamos es con la aplicación de todos que sería lo último que nosotros vamos a probar pero bueno hoy llega hasta acá hasta la parte de completar el CRUD se podía decir falta es la parte de la ordenación el estatus y también manejar los errores y eso sería prácticamente todo.

1. Blog: Prueba para el detalle

   1. Crearemos la prueba para el detalle de un post en el blog.

2. Dashboard: Prueba para listado

   1. Prueba para el dashboard del listado.

3. Autenticación

   1. Vamos a autenticar un usuario para los módulos protegidos por autenticación.

4. Dashboard, Categoría: Prueba para crear, GET

   1. Prueba para el formulario de creación de una categoría.

5. Configurar base de datos

   1. Vamos a configurar una base de datos de prueba.

6. Factories y adaptar pruebas anteriores

   1. Vamos a crear unos factories para generar datos de prueba.

7. Dashboard: Prueba para crear la categoria

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

8. Tarea: Dashboard: Prueba para editar categoría

   1. Vamos a crear la prueba para editar una categoría.

9. Dashboard: Prueba para eliminar categoría

   1. Vamos a crear la prueba para eliminar una categoría.

 

Integración con Inertia - Pruebas

1. Carrito: Sesión

   1. Vamos a verificar la sesión del carrito.

2. Carrito: Eliminar

   1. Vamos a crear las pruebas para cuando eliminemos un ítem existente y no existente en el carrito.

3. Carrito: Últimos detalles

   1. Hablamos sobre los cambios finales.

4. Todo: Listado

   1. Creamos la prueba para el listado de to dos

6. Todo: Crear

   1. Creamos la prueba para crear de to dos

7. Todo: Actualizar

   1. Creamos la prueba para actualizar to dos

8. Todo: Eliminar

   1. Creamos la prueba para eliminar to dos

Blog

En cuanto al blog va a ser un poco lo mismo los condicionales en alpine modularizar los componentes en Flutter detectar las conexiones php unit otras clases que voy escapando bueno en este caso si es Livewire a base la actualización de la semana pasada esto son las actualizaciones que estaba haciendo a nivel de los cursos que le estaba mejorando un poquito la presentación y realmente creo que sería esto todo lo de la semana mencionada así que sin más que decir nos vemos la siguiente semana.

09-12-2024 - Andrés Cruz

In english