Actualización semana 25Nov 2Dic - Testing Inertia Livewire, Introducción Alpine Upload Vue Laravel +
Hola a todos bienvenidos a otra semana en la cual paso a explicar o a mencionar las actualizaciones todo el contenido que subí para la semana del 25 de noviembre al 2 de diciembre comenzando.
YouTube
Como siempre con el canal de YouTube subí varias introducciones videos introductorios de los cursos que estoy grabando que sería el de Livewire en este caso que tenía ahí pendiente entre ellos sería el de primeros pasos con alpine pero también la intro de los carritos de compra y la ación tipo todo list.
Siguiente contenido siguiente video sería el del atributo binding de estilos son varios videos asociados al biden de clase al biden de atributos en este caso es asociado al estilo.
La actualización de la semana pasada.
Aquí también un par de vdeos para la carga de archivos empleando el árabe el view que sería el que tenemos acá y también habilitarlo del lado del lado del servidor
Aquí también otro video para lo que es alpine js una introducción alpine js en este caso el uso de ciclos y condicionales
Esto es una herramienta que se podía utilizar antes ya ahorita no le veo mucho sentido realmente ya que desde Vue podemos emplear el watch y desde el Laravel podemos emplear el dev para que haga el watch de nuestro contenido y detecte los cambios pero lo tenía ahí pendiente y simplemente lo publiqué.
Un video interesante que sería Laravel inertia cómo puedes detectar las respuestas yen base a la respuesta que tú tengas al momento de hacer una petición puedes ejecutar en el on success algún código en javascript que quieras hacer después de realizar la petición y también esto es ideal para los listados puedes preservar el scroll lo cual es ideal cuando estás eliminando un registro quieras preservar el scroll y también quieras hacer alguna operación luego de esa por ejemplo mostrar un mensaje tipo toast
Aquí también un video específico para el canal de YouTube que es como generar un listado aleatorio en Flutter para esto la forma en la cual yo lo implemente simplemente coloqué desde mi clase que sería la cual utilizamos para construir nuestro listado en widget un número aleatorio para eso tenemos en la pie de Flutter formas de generar números aleatorios y luego a partir de ese listado de widget simplemente tenemos un método llamado sort que nos permite realizar una ordenación en base a algún parámetro que en este caso es ese número aleatorio es lo mencionado aquí esto sería todo el contenido para el canal de YouTube.
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
Curso y Libro
Paso a las actualizaciones a nivel de los cursos y libros a futuro Ya por aquí ya terminé lo que es la aplicación de todoist y con eso la el video introductorio que te mencionaba antes que sería de los últimos módulos ya comencé con la fase de las pruebas pruebas de integración sería en este caso el Livewire en la cual damos un repaso a las pruebas en general empezamos a crear las pruebas y luego a partir de aquí justamente aquí aquí estamos preparando el entorno y aquí creamos la primera prueba y ya por aquí ya que estamos probando lo que es un componente lightware que no es exactamente lo mismo que un controlador básico Laravel entonces vamos a tener algunas dificultades que vamos a ir sorteando para presentar cómo podemos
comprobar o evaluar un componente de Livewire mediante las pruebas que es lo siguiente que hacemos y hasta aquí es que he adelantado por otra parte ya estoy terminando lo que es el curso de inertia específico la sección de pruebas en las cuales ya terminamos el paso por paso en este caso los errores de validación y ya estamos comenzando a evaluar el último de los módulos que sería el carrito de compras en el cual sería la fase de el listado y también la típica gestión que esto lo estoy a punto de grabar el cupón de la semana.
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
Aquí vamos a pasar a las actualizaciones en el blog que es más o menos lo mismo esto como te digo estoy actualizando el contenido de de los cursos anteriores entonces aparecen por aquí listados otro video que es específico del canal de YouTube el nuevo canal de YouTube que es cómo crear una interfaz en urre en caso de que te interese otra vez trabajar con urre por aquí Te dejo este video en el otro canal el preserve scroll que te comentaba antes generar un listado de aleatorio S flurer como también te comentaba antes y los videos de alpine ya con esto llegamos al final de todo el contenido que subí para la semana mencionada y sin más que decir nos vemos la semana próxima.
- Andrés Cruz
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter