Actualización semana 18-25Nov - Test en Inertia, Introducción Alpine TodoApp, tipografia Tailwind +

Bienvenidos a otra semana en la cual paso a hablar sobre las actualizaciones de la semana del 18 de noviembre al 25 de noviembre comenzando.

YouTube

Como siempre con el contenido subido al canal de YouTube por aquí tenemos bueno otra vez subiendo contenido para el curso original de Laravel que estoy publicando poco a poco del Laravel 10 que era el curso antiguo que lo estoy subiendo por el canal de YouTube en este caso es el model de confirmación Modal en Vue es decir un model de confirmación para cuando vayamos a eliminar o uno operación similar en este caso empleando otra vez oruga UI.

Por aquí también tenemos varios videos sobre el pin tenemos este que es para mostrar un contenido html mediante el evento click y variar algún contenido mediante es decir ahí podemos conocer la reactividad que tenemos con alpine como si fuera cualquier otro framework moderno que lo es como Vue React angular etcétera y por aquí abajo también tenemos el x-bind es decir el bind de atributos medie Alpine aquí otro ejemplo para el x-model y el x-text ahí por ejemplo tal cual ocurre en Vue si tenemos un v-model escribimos algo vemos el contenido reflejado en x-text porque tenemos aquí la reactividad otra vez conocida en al pin por aquí también tenemos lo que es el binding de clases es decir seguimos trabajando un poquito con el binding de atributos solo que vemos varias clases porque dependiendo del atributo con el cual estemos trabajando obviamente va a variar cómo tenemos que implementar el mismo voy a subir un poco otra vez.

Las actualizaciones de la semana pasada un video personal para YouTube en este caso te estoy comentando un plugin que puedes emplear para Tailwind ccs en caso que estés empleando Tailwind ccs para que puedas configurar rápidamente lo que es el tamaño y el espaciado entiendase margen o padding para la tipografía es decir los párrafos h1 h2 hx etcétera con un plugin lo podemos configurar prácticamente todo para evitar estar haciéndolo de manera manual que siempre nos queda mal entonces.

El siguiente es otro video personal en este caso para exportar un contenido html que lo podemos hacer desde Google docs aquí tenemos archivo descargar y por aquí tenemos página web que en este caso nos genera un documento html pero el problemilla es que nos genera un documento html con un montón de atributos usualmente queremos limpiar entonces te estoy comentando un poquito sobre todo eso lo cual es una clave para mí ya que estoy exportando poco a poco para mis libros en la app de Academia.
Mensaje tipo toast para mostrar alguna acción que se haya realizado.

Un video también bastante personal este siguiendo con otro que había publicado sobre la ma mini la cual considerocuál es la mejor
Mac mini relación calidad precio que se el modelo base de unos 579 y el peor sería justamente cuando agarramos ese modelo base y le colocamos lo que es un poquito más de memoria RAM y un poquito más de almacenamiento con el cual el precio que nos da puede duplicar o inclusive un poco más lo que es el modelo base es decir con el mismo con ese mismo valor te puedes comprar dos Mac minis con el modelo base cosa que es una locura porque simplemente aumentar un poquito de RAM y un poquito de disco duro ya se dispara lo que es el
precio de la misma por lo tanto esa sería la que tiene peor calidad precio entonces vamos hablando un poquito sobre eso y también ahí muestro cuál sería la siguiente que tiene la mejor relación calidad precio 

Aquí seguimos con las pruebas unitarias y de integración en inertia en este caso con el método de aserción llamado where del aserción inertia y vemos cómo funciona 

Aquí también un video bastante personal que me quiero detener un poquito más para explicar algunas cositas estos videos son un poquito nuevos para mí los que son así de
opinión entonces estoy ahí como quien dice todavía definiendo en mi ritmo y puede que algunas cositas se me escapen porque son son temas tan abiertos que a veces puede que bueno se puede malinterpretar algo entonces voy hablando un poquito sobre eso aquí mi impresión sobre todo es la escasez de nuevo contenido que tenemos en Udemy ya que si nosotros revisamos por ejemplo aquí la web personal fíjate que el único curso nuevo que que al menos me está recomendando a mí se le este que aparece por acá todos los demás son cursos antiguos y esto es algo que lo vi o se ve de una mejor manera si venimos acá a desarrollo y simplemente aquí seleccionas cuál es la tecnología qué es lo que quieres ver en mi caso o en el caso del video vimos lo que a mí me interesa que es desarrollo web desarrollo móvil y desarrollo de videojuegos por ejemplo vamos a meternos en desarrollo web que uno pensaría que tiene más contenido que desarrollo de videojuegos o directamente móvil por todo el ecosistemas que tenemos y fíjate lo que me está aquí recomendando un curso de jquery ojo entiendo que jquery todavía se emplea mucho en páginas web antiguas pero vale de verdad no sé no me parece que esté recomendando algo tan tan antiguo pero en fin porque realmente y actualizado en diciembre de este ni siquiera lo había visto diciembre de 2013 Imagínate tú estamos en el 2024 un curso de 11 años y actualizado es decir que más vijo todavía entonces es una locura con esto y aquí puedes ver otra vez que prácticamente no hay ningún curso nuevo que está está recomendando todos son cursos antiguos lo demás vendidos es bueno lo más vendido según ellos según algún criterio pero no hay ningún material nuevo cosa que me parece un poco extraño ya que se supone que en esta época tal cual pudiste ver que es la época del Black frider se supone que hay muchas más ventas de lo normal entonces cualquier persona pensaría que es una buena opción para lanzar un nuevo curso y por lo tanto tener algunas ventas potenciales pero precisamente por este tipo de cuestiones ojo esto otra vez es opinión personal es que yo veo que Udemy se encuentra un poco estancada porque siempre te está recomendando cursos antiguos tal cual te mostraba que ahora no lo encuentro el de query creo que lo movieron entonces un poco eso ahí también te ahí también lo comparaba con lo que era en el desarrollo móvil si entro por acá Aquí está desarrollo móvil que como primer curso aparecía vamos a ver si todavía aparece correcto otro curso Legacy es decir otro curso bastante antiguo que es de el Fernando Herrera que es el de desarrollo en Flutter que sacó una nueva versión hace algunos años y por aquí está creo que era este este que está aquí abajo y todavía te recomiendan esto entonces aquí y hago un poco la comparación con lo que sería YouTube es decir Imagínate que YouTube te esté recomendando simplemente los videos que tengan más visualizaciones o más manitos arriba te estuviera recomendando videos de hace muchos años como estación de Udemy entonces se supone que esto no debería ser así porque esto también dañaría la plataforma y con esto también dañaría a las personas que están vendiendo el contenido aquí porque una persona que te aparezca como primer resultado un curso antiguo puede que no busque más y por lo tanto estás empeorando la experiencia ya que se supone y sobre todo de esta persona de Fernando Herrera que el nuevo curso va a tener mucho mejor material va a ser mucho más actual va a corregir errores que habrá cometido en la primera en el primer versionamiento y por lo tanto por aquí la persona va a tener una peor experiencia si lo comparas con el nuevo curso y esto lo puedes aplicar con cualquier otro tipo de material ya sea de la misma persona ya sea de diferentes personas entonces todo esto a final es un estancamiento de lado y lado es decir entonces esto a la final se traduce en un estancamiento y con esto unas peores condiciones tanto a nivel de la plataforma como las personas que están intentando vender aquí su contenido cosa que bueno a final no beneficia a nadie entonces realmente no entiendo por qué no se toma cartas en el asunto y otra vez todo esto es mi opinión y eso era básicamente todo lo que vimos con la parte de el canal de YouTube.

• Curso Laravel  - Modal de Confirmación para eliminar + RestAPI y Vue 19 - https://www.youtube.com/watch?v=Vu8EIrnU-cc
• Mostrar contenido HTML con variables reactivas: x-data, click y x-show - 4 - https://www.youtube.com/watch?v=2Pafe-7--zg
• Actualización semana 11-18Nov - Pruebas en Inertia, Introducción Alpine TodoApp, optimizar Querys + - https://www.youtube.com/watch?v=vQC2FZ3_9lc
• Configura rapidamente margenes y tamaños de las tipografías en TailwindCSS - https://www.youtube.com/watch?v=Aawv213yOv8
• Campos de textos y variables: x-model y x-text en Alpine JS - 5 - https://www.youtube.com/watch?v=gsiP93GCAww
• Exporta contenido HTML de Google Docs a tu página, claves - https://www.youtube.com/watch?v=USEfaAmDhVY
• Curso Laravel  - Mensaje de acción o Toast en Vue 21 - https://www.youtube.com/watch?v=-8EPFEelH-c
• Atributos: x-bind en Alpine.js 6 - https://www.youtube.com/watch?v=KOTmm3VrRdQ
• La Mejor/Peor/ Mac Mini Calidad Precio (Y mi opción) / M4 vs M4 Pro - Benchmark - https://www.youtube.com/watch?v=NVSwkE2KSRY
• Atributos: binding de clases Alpine JS 7 - https://www.youtube.com/watch?v=a00QIhNhOns
• Método de aserción where Laravel Inertia - 6 - https://www.youtube.com/watch?v=SVfNqnHjT60
• ¿Udemy estancada? - ¿Nuevos cursos? - Pésimo diseño para llamar a la acción - https://www.youtube.com/watch?v=FPDOx9wshJs

Cursos

Para las actualizaciones en el curso seguimos un poco lo mismo en este caso para lo que es la aplicación o el proyecto que estamos llevando a cabo con Laravel Livewire que es la aplicación de todo estamos aquí haciendo lo que es la gestión del todo Tal cual puedes ver y algunos errores que van sucediendo en el camino ya que aquí estamos trabajando con múltiples tecnologías estamos trabajando con Livewire también tenemos laravel también tenemos Alpine por algún lado tenemos un plugin ahí para manejar en este caso solamente javascript que es el de sortable que es netamente para javascript es decir no tiene absolutamente nada que ver con Alpine y por supuesto Laravel y estamos intentando que todo funcione en conjunto para el curso de inertia que lo estoy llevando en Windows seguimos con las pruebas ya casi las voy a terminar finalmente y ahí me puedo dedicar a otra cosa estamos haciendo las pruebas para el formulario paso por paso y viene siendo un poco lo mismo el típico crud es decir para editar y para crear elementos y ahí vamos hablando un poco
sobre eso y algunos problemas que tenemos para probar algunos en particular por ejemplo los de shareData es decir por ejemplo en este caso la variable llamada Step que era para mantener o para indicar qué paso vamos a a mostrar se hace muy difícil de evaluar por cómo funciona un poco inertia y esto sería todo con la parte de las actualizaciones a nivel de los cursos y libros.

 

Aplicación de To Do con Livewire y Alpine

1. Introducción

2. $wire.get $wire.entangle

3. Eliminar un to do

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

4. Eliminar todos los to do

   1. Vamos a eliminar todos los to do.

5. Editar un todo

   1. Vamos a actualizar un to do.

6. Marcar completado un to do

   1. Vamos a marcar como completado un to do.

7. Sincronizar Array de Todos en la creación

   1. Vamos a arreglar el problema de sincronizar el listado al momento de crear.

8. Reparar error en el drag and drop

   1. Vamos a reparar un error que cuando reordenamos se dispara el evento de update sobre el todo.

9. Extra: Reordenación de los to do por axios

 

Integración con Inertia - Pruebas

1. Paso por Paso: Segundo paso, Person

   1. Vamos a crear las pruebas para el segundo paso del formulario paso por paso, el de personas el GET y POST.

2. Paso por Paso: Tercer paso, Detail

   1. Vamos a crear las pruebas para el tercer paso del formulario paso por paso, GET y POST.

3. Paso por Paso: Primer paso, Editar, Get

   1. Vamos a crear las pruebas para el primer paso del formulario paso por paso, el GET para editar.

5. Paso por Paso: Primer paso, Editar, Put

   1. Vamos a crear las pruebas para el primer paso del formulario paso por paso, el de detalle para editar en Put.

6. Paso por Paso: Segundo paso, Company, Get

   1. Vamos a crear las pruebas para el segundo paso, el de company del formulario paso por paso, editar en Get.

8. Historial y Shared data

   1. Hablaré sobre la comprobación del shared data.

9. Paso por Paso: Segundo paso, Company, Edit

   1. Vamos a crear las pruebas para el segundo paso, el de company del formulario paso por paso, editar en Put.

11. Paso por Paso: Segundo paso, Person

    1. Vamos a crear las pruebas para el segundo paso, el de person del formulario paso por paso, editar.

12. Paso por Paso: Tercer paso, Detail

    1. Vamos a crear las pruebas para el tercer paso, el de detail del formulario paso por paso, editar.

Blog

En cuando al blog por aquí recuerda que voy haciendo un poco más de lo mismo que es que voy publicando en el canal de YouTube estos son actualizaciones que estoy aquí limpiando un poquito la presentación de los cursos que tengo aquí publicado en la pestaña de cursos entonces realmente no hay nada nuevo ahí un poco lo mismo lo que que te comentaba que Udemy ya la veo bastante estancada y realmente no entiendo por qué no intenta mejorar un poquito lo comentado voy a bajar esto aquí también tenemos lo que es cómo puedes hacer un movimiento circular sobre una superficie en un real en caso que te interese esto también forma part del nuevo canal de YouTube que estoy publicando el contenido para el pin que te había comentado hace algunos momentos para el canal de YouTube lo que te comentaba con el modelo base que cuesta alrededor de unos 00 si lo duplicas un poquito la r y el disco duro para obviamente tener un poquito mejores prestaciones básicamente te puedes comprar dos Mac minis del modelo base cosa que es una locura porque obviamente una Mac mini es mucho más que simplemente una un poquito de memoria RAM y un poquito de disco duro entonces realmente no entiendo esa relación de calidad precio que tiene tan extraña Apple aquí otra vez los videos que te comentaba sobre alpine y ya creo que con esto termino lo que son las actualizaciones a lo que es para la semana mencionada todo el contenido que cargué ya que por aquí tal cual puedes ver Es simplemente los mismos contenidos que subía para YouTube pero en formato así que sin más que decir nos vemos en otro video.

27-11-2024 - Andrés Cruz

In english