Actualización de la semana 30S- 7 Oct - Filtros Ordenación Datatable Livewire Inertia Datos C4 y +

Youtube, Laravel dificil de aprender, Cuando emplear CodeIgniter 4, comunicación padre hijo Livewire, Filtro de listado en Laravel y Flutter, Sanctum Token Auth Cursos, Inertia y Livewire: Filtros y ordenación de un Datatable Alpine + Livewire, debounce en Vue 3 Actualización de la semana, de los puntos mostrados arriba

hola bienvenido a otra semana en este caso es la semana del 30 de septiembre en la cual vamos a ver más actualizaciones todo el contenido que subí para la dicha semana en este caso comenzando

YouTube

Como siempre con el canal de YouTube por aquí el primer video que se encuentra por acá sería una introducción en este caso para la parte de filtros ya te voy a hablar esto un poquito más aquí este sería el de Livewire y por abajo está el el de inertia ya que voy llevando todo en paralelo.

Por aquí te comento sobre un video muy personal en este caso se considero que Laravel es difícil de aprender y yo diría que sí en pocas palabras por dos sencillas razones una es porque cuando quieras hacer cualquier cosa tenemos múltiples formas de hacer lo mismo si quieres crear algo para mostrar en pantalla tiene los componentes tiene las rutas tiene los controladores tienes también lare tienes también componentes con inertes si tienes como cinco formas al menos diferentes y esto por dar un ejemplo entonces si considero que es difícil de aprender precisamente por esa característica que tenemos en Livewire que es la bifurcación de características que se pueden hacer de de la misma forma aparte de que como Laravel va evolucionando poco a poco todos los años y usualmente hace cambios es en el inicio la persona que está aprendiendo y quiera buscar material en internet usualmente no va a encontrar la última versión por lo tanto va a tener que hacer match entre los nuevos cambios que seguramente estoy utilizando la última versión de Laravel con lo que está leyendo por en internet Entonces son cosas que yo considero por lo cual Laravel es difícil de aprender sobre todo al inicio no tanto pero ahí lo tenemos aparte de que un proyecto en Laravel costa de muchísimos archivos por lo tanto puede ser bastante intimidante la primera vez.

La actualización de de la semana pasada.

Por aquí tenemos un video que forma parte del curso que lo liberé por aquí por YouTube que sería la comunicación del padre al hijo en Livewire en este caso mediante eventos y lo más recomendado aquí que sería pasarle directamente los parámetros ya que es el padre tiene contenido a los hijos no pasa nada que le pase los parámetros con los datos que tiene que tener para que se construya el hijo y poco más pero también podemos utilizar los eventos y ahí hablo sobre algunas cositas interesantes.

Por aquí la demo lo comentado antes el filtro pero en este caso para Inertia.

Este también es un video específico para YouTube en la cual te mostré cómo cree el filtro en este caso de la aplicación de Academia que si no la descargado lo puedes descargar de la de la tienda de de Google Play al menos de momento por ahí te muestro cómo creé un filtro en este caso para los ListVieww que viene siendo listado bueno como lo implemente en este caso era para si era los precios erá gratis será de pago la tecnología y otras cositas más.

Por ahí el demo ahorita también te hablo sobre esto esto también ya lo completé para inertia y Livewire que debe estar por aquí abajo creo que era este que es la ordenación de columnas es básicamente esto si vengo por acá esto es el filtro que ya lo terminamos filtrar y aquí la ordenación.

Por aquí otra vez el filtro múltiple en este caso es para lo que sería que tuve que colocarle aquí la Sí lo coloqué Vue en este caso también lo implemente para Vue ya que recuerda que llevo una dualidad entre lo que es la aplicación móvil con lo que hago aquí en Academia y bueno son cositas que desarrollo considero interesante me gusta compartirlas contigo esto es el filtro también lo hice con con Flutter y es esto el más complejo sería est o el que tiene una opción más que sería el idioma inglés y español y aquí la tecnología.

• Demo: Curso/Libro Laravel 11 Livewire - Filtros y busqueda en listados #8 - https://www.youtube.com/watch?v=2Ns93yf1IMo
• ¿Laravel es Dificil de Aprender? - https://www.youtube.com/watch?v=E-7Rq_-NVfc
• Actualización de la semana 23-30 Sep - Filtros Livewire, Vue, Dark Mode, SEO  Laravel CRUD y + - https://www.youtube.com/watch?v=15mgTFQzprc
• Laravel Livewire Eventos del padre al hijo y uso de parámetros - https://www.youtube.com/watch?v=EYRYqEUsioQ
• Demo: Curso/Libro Laravel 11 Inertia - Filtros por Selección, Busqueda y rango - Datatable #11 - https://www.youtube.com/watch?v=cKkIbHmV1lc
• Filtrar List View de un listado local y de Inernet, Search, Switch  Flutter - https://www.youtube.com/watch?v=PWovkkqhvCI
• Demo: Curso/Libro Laravel 11 Inertia - Ordenación de columnas en tablas - Datatable #12 - https://www.youtube.com/watch?v=QFWE5mhFXc0
• debounce, retardo en los eventos en Vue 3 - https://www.youtube.com/watch?v=7_K_fHRX0D0
• Demo: Curso/Libro Laravel 11 Livewire - Ordenación de columnas en tablas - Datatable - https://www.youtube.com/watch?v=hBDWh2F_YDM
• Curso Laravel - Entendiendo las pruebas con PHPUnit 2 - https://www.youtube.com/watch?v=CBxmuwuljic
• Curso Laravel - Autenticación en base a tokens - https://www.youtube.com/watch?v=ez6MN9zhXzs
• Implementando un Filtro múltiple en Vue, Experiencia - https://www.youtube.com/watch?v=PhGC2Vw35tg

Cursos

Para lo que es las actualizaciones en el blot es un poco lo que comentado arriba ya liberé las introducciones la parte de la ordenación tal cual te presentado ahorita aquí puedes ver todo lo que se hizo tanto para inertia y por aquí está el de Laravel también y aparte también de lo que sería bueno aquí ya comenzamos también con el carrito de compras que vamos a implementar en inertia luego más adelante lo llevamos para iware y ahorita precisamente ahorita completé y es por eso que estoy haciendo este video con e con captura de rostro también ya completa La parte de la integración de lw con el js en la cual más que todo trabajamos fue con CKEditor y también vimos un poquito el Hood que es parte del ciclo de vida se pudiera decir haí el cliente de los componentes es decir cada vez que se actualiza el componente por aquí Livewire entonces bueno poraquí Entonces tenemos algunas algunos mensajes desde el servidor y ahí lo podemos capturar y hacer algo básicamente lo que tú quieras.

Integración con Inertia - Ordenación

1. Introducción

2. Limpiar filtros

   1. Vamos a crear un botón para limpiar el filtro.

Integración con Inertia - Web Blog

1. Introducción

2. Layout

   1. Definimos el layout.

3. Página de listado: Estructura inicial

   1. Vamos a crear el esqueleto de la app.

4. Página de listado: Diseño

   1. Vamos a trabajar en el diseño de la página de listado.

5. Página de detalle

   1. Vamos a crear la página de detalle.

6. Colocar formulario paso por paso en detalle

   1. Vamos a colocar el formulario paso por paso en el detalle del post.

Integración con Inertia - Carrito compras

1. Listado de productos: Esquema inicial

   1. Vamos a crear el esqueleto del módulo.

2. Item de carrito

   1. Vamos a crear el controlador y estructura inicial para administrar un item del carrito.

Integración con Livewire - Ordenación

1. Introducción
2. Presentación

3. Ordenación por definición de columnas

   1. Vamos a crear la estructura para la ordenación de las columnas del listado.

4. trait: Extender el esquema de ordenación a otros componentes

   1. Vamos a crear reutilizable el componente de ordenación.

5. Extra: Limpiar filtro

   1. Vamos a crear un enlace para limpiar el filtro.

Integración con Livewire - JS

1. Introducción al JS de Livewire

2. Hooks en JavaScript

3. CKeditor: Configuración y descarga

   1. Vamos a conocer el plugin y obtenerlo.

4. CKeditor Node: Instalación inicial

   1. Vamos a configurar CKEditor en Laravel Livewire.

Blog

Cupón de la semana y ahora ya con esto podemos ir a lo que sería el Blog Así que voy a abrirlo por acá todavía no he trabajado en esta página estoy haciendo muchas cosas aquí bueno por aquí esto sería para la siguiente semana pero cómo emplear cuándo emplear Codeigniter 4 que tengo mucho tiempo que no saco un video sobre codiner 4 pero es que con larabel ya tengo más que trabajo suficiente pero aú así lo considero un framework muy interesante sobre todo para las personas que no quieran estar como quien dice al día es decir como puedes hacer una comparación en el Gaming hay gente que le gusta que es entusiasta entiéndase que juega 4 5 horas al día o qué sé yo y hay gente como yo que le gusta jugar 20 minutos 30 minutos al día yo hago aquí un equivalente e en este caso para seguir Laravel tienes que estar siempre montado sobre las actualizaciones básicamente Todas las semanas cada cierto tiempo tienes que ir actualizándose sobre los nuevos cambios mientras que codin es un fro un poco más pasivo por lo tanto esto es excelente para personas que puede que su profesión inicial no sea la programación lo tenga ahí como secundario o simplemente está aprendiendo entonces CodeIgniter 4 puede ser una excelente opción porque no tiene que estar atormentado con esas actualizaciones tan recurrentes que tenemos en el árabe en la parte de lo inmenso del framework y esto lo puedes también atar un poco lo que te comentaba antes de que Laravel es un framework difícil de aprender si lo comparamos con CodeIgniter.

Un poco lo hablado aquí este también lo liberé sobre la importancia de Alpine js junto con lo que es el entangle la comunicación entre ellos que bueno es importante y como quien dice aquí son los mejores compañeros.

Aquí lo que es un filtro de Rango bueno volvemos con los filtros sería el que te presentaba por aquí Bueno este no este que tenemos acá en este caso es empleando inertia Claro está seguimos bajando un poco en este caso la publicación que te comentaba antes Recuerda que voy subo algún video también publico la publicación me la redundancia esto también saca un video con esto pero creo que me lo comí que es para retardar eventos en este caso lo que se conoce como deb si por ejemplo cuando ejecutas el evento click quieres esperar determinado tiempo aquí te muestra como lo puedes implementar con Vue ya que esta característica lo tienes que lo tienes que integrar mediante un plugin eh seguimos bajando un poco aquí Sería para la parte de filtrar.

Con esto ya llegamos aquí al final y Bueno sobre esto también es crear un componente de paginación personalizado ya que por alguna razón creo que esto lo comenté la semana pasada pero en inertia no tenemos un componente de paginación que podamos utilizar por lo tanto lo tenemos que crear y Bueno aquí te muestro cómo hacerlo y sin más que decir esto es todo nos vemos la semana próxima.

12-10-2024 - Andrés Cruz

In english