Actualización semana 10Fe-17Fe - Políticas vs Spatie - Vue 3 + RestApi + C4 +Tailwind -Django Store

Youtube, Políticas vs Spatie, CKEditor sobre, CORS C4 fetch axios listado, Django Online Blog Cursos/Libros Django Tienda Online y CodeIgniter + Rest Api + Vue + Oruga UI + Tailwind

Hola a todos y bienvenidos a otra semana en la cual paso a hablarte sobre las actualizaciones que realicé a nivel de mi blog el YouTube y por supuesto los cursos y a futuro los libros de la semana del 10 de febrero hasta la del 17 de febrero 

YouTube

Así que comenzando como siempre sobre las actualizaciones ocurridas a nivel del canal de YouTube aquí tenemos las actualizaciones la semana pasada obviamente.

Aquí un video personal fue el único que subí para esta semana que es las políticas y y spatie recordemos que spati viene siendo un sistema de roles y permisos aquí te hablo sobre cuando usar una o la otra ya que ambos por más que sea manejan la permisología Entonces te doy un video un poco de opinión las políticas yo la veo un poco de uso más general por ejemplo si un usuario compra un libro compra un acceso paga una suscripción entonces tú la puedes verificar perfectamente como una política mientras que la parte de roles y permisos yo la veo como un poco más general Por ejemplo tú le configuras un usuario que tiene acceso a determinado módulo o no en base a simplemente una etiqueta mientras que esta es o tiene una integración más fuerte con lo que sería la lógica de negocio de tu aplicación otra vez si un usuario compró un libro entonces haces la consulta y lo verificas de eso va este video

Aquí también tenemos un video que bueno ya esto forma parte de lo que es los cursos de de bueno de mis cursos de pago este sería ya de sec editor en este caso que lo estamos integrando con Laravel te voy hablando un poquito sobre él sobre este plugin y lo empleo aquí lo puedes ver

Estos forman parte del curso básico de codiner que lo estoy actualizando un poco tenía rato que no lo tocaba entonces ya creo que era ahora y todos estos son en base a una apir que estamos consumiendo la apir que creé hace 3 años estoy creando aquí la aplicación con viw para consumirla y por aquí vamos aquí lo puedes ver con oruga ui entonces por aquí voy publicando algunas cosas lo primero es como es una aplicación aparte no es lo mismo que tenemos el de Laravel que tenemos la integración directamente en el proyecto sio esto es un proyecto. Lo primero que hacemos acá una forma fácil de configurarlos luego vamos a ver la forma como quien dice recomendada al al final de la sección Aquí hacemos algunas pruebas con los fch para familiarizarnos con todo esto al igual que con axios también ahí consumimos el listado no perdón este es para conocer el ciclo de vida de un componente la parte de crear y todo lo demás es decir esto lo utilizamos para que cuando se cargue el componente mediante la función de create podemos cargar toda la lógica y por aquí ya vamos con tn aquí puedes ver que voy brincando un poquito feo pero en esta parte como es un poco separado de esto quise publicarlo que hace poco salió Tailwind ccs en su versión 4 cambió un poco la instalación me gusta mucho más ahora como es la instalación mucho más amigable menos pasos menos cosas extrañas menos abstracta y por aquí vemos como puedes configurarla con vi3 aunque los pasos que vamos a ver aquí sirven para instalarlo en cualquier proyecto en node la única diferencia es que en Vue ya ya tuviéramos el archivo de vite entonces ahí simplemente lo agregamos y si lo estás instalando en un proyecto nuevo ya depende si está o no y si no está lo tienes que crear o te lo crea mediante un comando vo a sa ver luego

Aquí te hablo un poquito este debería ser antes pero ahí lo dejé para después un poco presentando algú ccs para qué emplear por qué utilizar y poco más en pocas palabras utilizar porque es una librería excelente que te permite fácilmente crear tus componentes tener tu código organizado muy fácil de escalar y obviamente muy fácil de personalizar y a diferencia de boostrap no no estás obligado a estar cargando un montón de ccs o estilos que no vas a emplear sio aquí puedes o vas a exportar producción únicamente el estilo las clases que tú vas a utilizar entonces es un poco lo hablado en este video el canal.

Seguimos aquí publicando algunos videos y a partir de aquí también publiqué en esto lo estoy haciendo en Windows en la otra máquina estoy comenzando aquí a actualizar un poquito lo que es el curso de dango en este caso para crear una aplicación tipo tienda en línea que lo creé en el curso original Entonces lo estoy aquí migrando hacia el nuevo framework en este caso la versión 5 y también para lo probecho y lo coloco en el libro y voy a ir publicando creo que toda la sección de cómo crear una tienda en línea una sencillita más o menos lo mismo tipo blot y luego le agregamos PayPal

Books and Courses

En cuanto a los cursos y libros ya te spol un poquito aquí tenemos lo que es la creación de la RestAPI más Vue un poco lo mismo vamos ahí poco a poco siempre comienzo con el componente de listado ya esto lo comencé a publicar la semana pasada por eso que estamos un poco más adelantados aquí la parte de eliminar y recargar el listado diálogo de eliminar es decir estamos aquí en la parte de los crut definimos los botones para las acciones vamos con telwin aquí estamos carando el contenedor y finalmente aquí los márgenes para ya que el problema que tiene oruga UI es que noene estas clases como que dice de propósito general que es básicamente telwin entonces ambos los podemos integrar de una manera casi que perfecta hay sus cositas pero en definitiva funciona bastante bien y para el curso y libro de dango en este caso con Django 5 que sería la última de la fecha estamos comenzando ahí con la sección en la cual estamos aquí creando la plantilla maestra creamos la Data en Django Talwind pero antes lo configuramos aquí creamos la Data de prueba utilizamos otra vez bura 5 que es el que yo empleo así para no complicarnos mucho la vida con el estilo con la cdn en la que me gusta gusta vamos aquí con el listado la paginación el container los enlaces de navegación es decir haciendo el listado y luego la página de detalle vamos a ir vinculando los ambos y finalmente aquí estamos creando algunos filtros para vga la redundancia filtrar desde el cliente y poder por ejemplo Buscar por determinado tipo de productos o por términos de búsqueda por lo demás el cupón de la semana y sin más que decir nos vemos la semana próxima

CodeIgniter 4 + Rest Api + Vue

  1. ListComponent.vue: Eliminar, recargar listado

    1. Vamos a eliminar la posición del array correspondiente al registro a eliminar al momento de eliminar

  2. ListComponent.vue: Diálogo de eliminar

    1. Vamos a implementar un diálogo de confirmación al momento de eliminar un registro.

  3. Botones para editar y eliminar

    1. Vamos a definir los enlaces de navegación para las operaciones CRUD en el listado.

  4. Tailwind: Sobre

    1. Vamos a hablar sobre Tailwind.

  5. Tailwind: Instalar

    1. Vamos a instalar Tailwind 4 en un proyecto Vue 3

  6. Tailwind: Container

    1. Vamos a colocar un container para todo el contenido.

  7. Tailwind: Márgenes

    1. Vamos a colocar espaciados en los componentes necesarios.

Tienda en Línea - Django 5

  1. Plantilla maestra

    1. Vamos a crear la plantilla maestra.

  2. Django Admin

    1. Vamos a asignar los modelos y crear el superusuario.

  3. Data de prueba

    1. Vamos a crear data de prueba.

  4. Configurar Bootstrap 5

    1. Vamos a configurar B5 en el proyecto

  5. Listado

    1. Vamos a construir la página de listado con B5.

  6. Paginación

    1. Habilitamos la paginación en la aplicación.

  7. Container

    1. Vamos a crear el container.

  8. Detalle

    1. Creamos la vista de detalle.

  9. Enlace de navegación

    1. Creamos el botón de navegación.

  10. Listado: Filtro en el servidor

    1. Vamos a implementar las opciones del filtro en el servidor.

  11. Listado: Filtro en el cliente

    1. Vamos a implementar las opciones del filtro en el cliente, el campo de búsqueda y la categoría.

- Andrés Cruz

In english

Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz En Udemy

Acepto recibir anuncios de interes sobre este Blog.

Udemy

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
¡Hazte afiliado en Gumroad!
© 2025 Copyright | Contacto | Acerca de | Versión PC