Actualización semana 9Dic-16Dic - Testing Inertia Livewire, JS Nativo Vue App Academia, Flutter FAB+
Vue Upload Laravel, App de Academia movil y web, Alpine ToDo y ref, FAB position en Flutter, JS nativo y Vue Cursos y Libros Testing ToDo y upload en Inertia, Testing paso por paso Livewire. Blog Sistema de vidas y daño en Unreal
Hola a todos y Feliz Navidad y por aquí paso a hablarte sobre las actualizaciones de todo el contenido que he subido para la semana del 9 de diciembre al 16 de diciembre Así que comenzando.
YouTube
Como siempre por los videos subidos en el canal de YouTube aquí tenemos las actualizaciones de la semana pasada aquí también tenemos
Un par de videos para ya cerrar la sección de los videos del curso antiguo de Laravel que es para la carga de archivos mediante Oruga Vue laravel y la restapi que comunica ambos frameworks
Aquí también tenemos un par de videos promocionales que son para que conozcas la aplicación de Academia que sería la web que siempre te presento por acá de manera ejemplificada para varias cositas y también su versión móvil que la desarrollé con flurer que sería el otro video que tenemos por aquí
También tenemos lo que es la aplicación de todolist con alpin es decir estoy subiendo poco a poco ya has podido apreciar varios videos sobre Alpine para aprender alpine js y este sería para desarrollar la aplicación de todolist una las funcionalidades que sería el campo de búsqueda el local obviamente es decir en el cliente
También tenemos aquí el x-ref para que conozca cómo funciona con alpine
Siguiendo aquí con las referencias de elementos html qué es lo que hace esto puede referenciar un elemento html como si fuera mediante el DOM de javascript Nativo o vanila avascript
Aquí también tenemos un video personal que es para incluir javascript nativo en Vue aunque también se pudiera emplear que es Me faltó comentarlo el ref para el ejemplo que te estaba comentando en este video no podía emplearlo porque porque era un bloque de html que lo tenía en la base de datos por lo tanto no forma parte como tal de componente en Vue así que directamente tuve que emplear selectores de javascript Nativo o vanila javascript
Este último video este que tengo por acá que es para poder variar las posiciones de un botón flotante en Flutter claro está es decir colocarlo en el centro derecha o izquierda ahí te muestro un par de maneras.
Ya con esto terminamos las actualizaciones en el canal de YouTube
- Actualización semana 2Dic - 9Dic - Testing Inertia Livewire, Alpine CkEditor GridVIew Flutter + - https://www.youtube.com/watch?v=JLL-Blvnpo0
- x-ref para crear referencias de elementos HTML en Alpine.js - https://www.youtube.com/watch?v=1Agnt7zMqWk
- Extra: Carga de archivos con Drag and Drop con Oruga UI Vue y Laravel - https://www.youtube.com/watch?v=d_YqDs46pxc
- Academia Aplicación, Cursos, Libros, Publicaciones Programación Gratis y Pago - Versión 9 - https://www.youtube.com/watch?v=CkNXbH42BD0
- Aplicación de To Do List con Alpine JS - Campo de Busqueda Local - 15 - https://www.youtube.com/watch?v=8xAKO_xd_iY
- Primera prueba de Integración en Laravel Livewire - 2 - https://www.youtube.com/watch?v=yCB-rN2ufMc
- Academia App, Cursos, Libros, Publicaciones Programación Gratis y Pago - Versión 9 para Android - https://www.youtube.com/watch?v=AWB4KsOeUXw
- Incluir JavaScript nativo en Vue - https://www.youtube.com/watch?v=OF6QHooIqWA
- Borrar archivos anteriores - Rest API Laravel con Vue - https://www.youtube.com/watch?v=RJ3Az_InCfU
- floating action button position en Flutter o como cambiar la posición del botón flotante - 2FORMAS - https://www.youtube.com/watch?v=NZ_UvaH_PNo
Cursos y Libros
Ahora vamos a pasar con las actualizaciones a nivel de los cursos y libros a futuro comenzando aquí con liveware en la cual ya estamos cerrando también lo que es el curso y el libro aunque estamos iniciando la última sección que sería para las pruebas de integración aquí comenzamos con lo que es el dashboard al igual que siempre aquí seguimos con el dashboard para las pruebas para los post y algunas aserciones adicionales ya que duplicamos fue a partir de las categorías entonces para el post que es una entidad más compleja aprovechamos para agregar algunos métodos de aserciones adicionales y a partir de aquí ya estamos en el paso por paso que es la que todavía me encuentro elaborando a la fecha que sería obviamente comenzando en el paso uno el método get luego enviamos la petición es decir sería el post en cualquier otra tecnología en este caso es una petición o una acción como si fuera un javascript el evento click mediante submit del formulario y el resto de los pasos que ser el segundo paso exactamente lo mismo en este caso hicimos todo realmente esto no iría implementamos los factories para cada uno de los pasos y poder generar esa Data de prueba para poder probar el resto de los pasos que sería el de la persona y el de detalle aquí también aprendimos a utilizar el método de aserción dispach que es para poder evaluar parámetros y los eventos y comenzamos con la parte de edición para el paso por paso ya a partir de aquí para el curso y libro del Laravel inertia ya lo estoy terminando finalmente ya voy a cerrar el curso creo que mañana lo termino si todo va bien seguimos con las pruebas de integración en las cuales estamos probando último módulo que sería el de la aplicación de todol list tal cual puedes ver ya estamos en la parte ya completamos el CRUD así que estamos en marcar el todo completado o incomplet como se pronuncie o como se diga ordenarlos todos hacer las pruebas para esto errores de validaciones prueba de Download ya en este punto ya lo cerramos y quise agregar algunas pruebas adicionales ya rompiendo un poquito el flujo que que teníamos que habían faltado que era para la parte de los upload es decir el upload de archivos que también le podemos crear algunas pruebas entonces aquí conocemos varias cositas aquí duplique esto el upload básico para la fase de crear en este caso es asociado al post y por aquí también que tenemos que chequear que la imagen anterior que la imagen anterior se haya eliminado cuando estamos cargando la nueva imagen es decir el post con una imagen ya tiene configurada luego le subimos otra y se supone que se tiene que eliminar la imagen anterior ya que no lo vamos a emplear Entonces entonces hicimos una prueba para exactamente eso y eso sería prácticamente todo por acá y el cupón de la semana.
Integración con Livewire - Pruebas
Dashboard: Pruebas para el Post
Crearemos las pruebas para el post, partiendo de las pruebas de las categorías.
Dashboard: Pruebas para el Post, aserciones adicionales
Vamos a implementar algunos métodos de aserciones adicionales.
Paso por Paso: Primer paso, Get
Vamos a crear las pruebas para el primer paso del formulario paso por paso, el get.
Paso por Paso: Primer paso, enviar petición
Vamos a crear las pruebas para el primer paso del formulario paso por paso, el post.
Paso por Paso: Segundo paso, Company, Get
Vamos a crear las pruebas para el segundo paso del formulario paso por paso, el get.
Implementar Factories para los pasos
Implementamos los facades de los pasos por pasos.
Paso por Paso: Segundo paso, Company, enviar petición
Vamos a crear las pruebas para el segundo paso del formulario paso por paso, enviar el evento.
Paso por Paso: Segundo paso, Person
Vamos a crear las pruebas para el segundo paso del formulario paso por paso, el de personas el GET y enviar petición.
Paso por Paso: Tercer paso, Detail
Vamos a crear las pruebas para el tercer paso del formulario paso por paso, GET y enviar petición.
assertDispatched para Step
Presentamos un nuevo método de aserción para evaluar parámetros de los eventos despachados.
Paso por Paso: Primer paso, Editar, Get
Vamos a crear las pruebas para el primer paso del formulario paso por paso, para editar.
Paso por Paso: Segundo paso, Company
Integración con Inertia - Pruebas
Todo: In/Completado
Vamos a crear las pruebas para probar si el To Do fueron in/completados.
Todo: Reorden
Vamos a implementar la prueba para probar la reordenación.
Todo: Error de validación
Vamos a implementar la prueba para errores de validación en el nombre del todo.
Prueba para upload
Vamos a realizar una prueba para conocer el upload.
Prueba para upload: Crear
Vamos a realizar una prueba para conocer el upload al momento de crear un post.
Prueba para upload: Imagen eliminada
Vamos a realizar una prueba para verificar si se elimina la imagen anterior el upload.
Blog
En cuanto al blog más o menos lo mismo aquí también tengo un contenido específico para el nuevo canal de YouTube que es para el desarrollo de videojuegos en este caso es para implementar un sistema de daños y la salud obviamente en un ryal 5 y más o menos lo mismo como te comentaba en este caso es para la parte de incluir Ja
nativo en View el drac Dr en View ahí te explico cómo lo puedes implementar el xre de alpin como te comentaba antes seitor para crear eventos de teclado personalizados los condicionales en alpin y ya creo que con esto cerramos ya la semana Así que pues nada 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