Actualización semana 27En-03Fe - CKEditor Upload Laravel - Vue 3 + RestApi CodeIgniter 4

Hola a todos y bienvenidos a otra semana en la cual paso a hablar sobre las actualizaciones todo el contenido que subí para la semana del 27 de enero hasta la del 3 de febrero Así que pasamos como siempre con el contenido subido al canal de YouTube 

Youtube

La actualización de la semana pasada por aquí también tengo algunos videos que son específicos otra vez al curso antiguo de larabel en la cual seguimos trabajando con lo que es Vue sanctum para la protección de las rutas y por supuesto larabel ya que esto es un tema siempre un poco grueso entonces son varios videos entre lo que es la generación del token el login para generar el token el logout guardar el token en la Cookie finalmente proteger las rutas y todo lo demás justamente estamos en esa fase Aquí van un video para guardar el token en la Cookie proteger algunas rutas de autenticación para ver el chiste de todo esto y finalmente Aquí también destruir la Cookie mediante logout es decir cuando hacemos el logout también eliminar la Cookie por aquí también tenemos un video para lo que es alpine y configurar junto con Bootstrap 5 

El drag and Drop en lo que es la Laravel inertia ya esto forma parte también del curso básico de la rabel inertia que fue renovada el año bueno pasado sería 2024 Aquí un video que también me había quedado pendiente sobre la suscripción en bi strip en la cual podemos emplear el plugin de vue stripe no solamente para hacer un pago único sino al momento de generar lo que es el checkout también podemos indicar que el pago no va a ser de tipo inmediato o de tipo único sino va a ser de tipo secuencial y ya con eso se convierte automáticamente en un pago recurrente y con esto sería lo que estamos viendo ahí que podemos emplear el mismo plugin para tal fin 

Aquí también tenemos algunos videos para configurar CKEditor que ya estoy terminando también lo que es la implementación que tenemos por acá justamente esta la puedes ver que estamos trabajando en la fase Download entonces que viene siendo lo interesante aquí estoy publicando o publiqué varios de estos videos por el canal de YouTube aquí lo puedes ver lo que es integrar CKEditor en este caso con un formulario existente el de los post 

Aquí también los primeros pasos con cadit para ver qué opciones nos ofrece para la fase Upload lo que es empleando herramientas existentes que son Premium es decir son de pagos y también las que son de pobres que sería el simple adapter que es la que tenemos que emplear en el 99. 9 de los casos pero también podemos generar o crear un adaptador personalizado para complicarnos la vida y tener un proceso más paso a paso de lo que es la fase Upload aquí también tenemos lo que es el CKEditor usándolo en el proyecto laravel esto es parte también del mismo proceso 

Aquí también tenemos algunos videos sobre lo que es generar o cómo puedes habilitar en CodeIgniter 4 el uso de los CORS para que puedan consumir la RestAPI realmente cualquier URLdepende como lo quieras configurar desde una aplicación de terceros es decir tenemos una URL llamado Codeigniter4.test Y tenemos otra otra llamada Vue.test entonces vamos a querer desde la aplicación View test consumir la resapi inicialmente lo bloquearía precisamente por los cons ya que no es la misma URL entonces ahí vamos a ver la forma fácil es decir la forma que no es tan oficial que es simplemente modificando el init. php y agregar ahí un par de headers para que permita esta acción aquí también tenemos voy a regresar aquí arriba que me faltó 

Un video también muy personal un poquito largo pero lo vi un poquito necesario y también me gusta hacer este tipo de contenido de vez en cuando en la cual estoy aquí actualizando mi máquina justamente la máquina que estoy grabando este video le Estaba cambiando el procesador de un Intel de 12ava generación y5 a un Intel de 14ava generación un i7 entonces Bueno un poco lo obvio porque quería como quien dice tener una de las últimas versiones de del procesador y así aprovechaba para cambiarlo entonces te mostré un poco el paso a paso algunos aspectos que tienes que tener en cuenta un poco más realmente que decir y un poco lo mismo 

Ya tú sabes que ya yo tengo otro canal de YouTube que lo puedes seguir en el cual Voy subiendo algunos videos deal para desarrollar un para aprender un poco a desarrollar en ural ciertas mecánicas en base a un juego que estoy implementando también que en algún punto espero lanzar pero también me gusta ya que es un poco el enfoque el enfoque Gamer que le di a ese canal hablar sobre algunos juegos que voy jugando en este caso no es una como quien dice un análisis per sé como pueden hacer otros canales sino yo lo hago más de que todo un un punto de vista técnico es decir explorando un poco lo que son las mecánicas de jugabilidad escenarios etcétera para que nosotros cuando queramos hacer un juego con mecánicas similares o simplemente copiar o adaptar una mecánica ver qué aspectos p pudiéramos mejorar y obviamente todo esto es mi opinión tal cual comento por acá Así que ya todo esto es lo referente al canal de YouTube 

Blog

Vamos a pasar a las actualizaciones a nivel de blog que es más o menos lo mismo aquí un poco lo hablado anteriormente lo último que hablé los cons en coner 4 el bendito plugin de caditor que también voy sacando las publicaciones las actualizaciones de la semana pasada el tema del procesador que te acabo de comentar y por aquí sería básicamente todo el contenido que subí aquí otra vez lo de entro producción al pin conrat aquí tienes la fase o el modo escrito en caso de que quieras ver algún detalle de lo subido en el canal de YouTube vue Stripe tal cual puedes ver para un pago único y ya esto sería prácticamente todo por acá 

Cursos y Libros

En cuanto a las actualizaciones a nivel de los cursos y a futuros libros aquí también tenemos lo que es CodeIgniter 4 restapi más Vue un poco lo mismo con los conos en CodeIgniter aquí utilizamos nuevamente oruga yui tal cual hicimos en el curso del arabel y esto lo hago por bueno Obviamente CodeIgniter 4 en Laravel o php entonces quise utilizar la misma herramienta para no complicarme la vida entonces aquí estamos un poco desde lo básico instalar y configurar oruga UI y para que lo podamos emplear sus componentes aquí en este caso utilizamos el componente de tabla para oruga y el de listado 

Aquí también vemos otra forma de generar la tabla o utilizar la tabla algunas opciones de la tablas para poder personalizar por ejemplo la ordenación los colorcitos seleccionable etcétera el paquete de iconos que en este caso es el de material de icons para que podamos ver algunos ic conitos de oruga y finalmente aquí vamos a utilizar Vue router para obviamente crear otro componente poder linkear lo para que sea una aplicación real es decir mediante una ruta aquí lo instalamos y hablamos un poquito sobre vi router lo configuramos y finalmente aquí creamos un esbozo o una base de lo que es el safe component para poder linkear lo su ruta y luego vamos a pasar a la implementación en cuanto el curso del arab el arab base que lo volví a retomar estamos aquí trabajando con sacaditos tal cual puedes ver entonces básicamente sería los procesos de que va desde qué demonios podemos hacer que es un poco lo que también publiqué por el canal de YouTube y empezamos a por una parte implementar el controlador pero esto no lo sub en el canal de YouTube ya que viene siendo lo mismo pero bueno no lo quise subir implementar mediante el simple adapter que es la forma que yo te recomiendo que utilices para la fase upload en el cliente es decir en el CKEditor en el Javascript y bueno por aquí nos vamos viendo un poco en eso finalmente aquí que esto fue el último que grabé las opciones para el turb en las imágenes es decir que cuando aquí agarres una imagen este tar que tenemos acá de opciones y por aquí también hablar un poco sobre el adaptador personalizado que no te lo recomiendo pero por más que sea está ahí y lo quería mencionar por aquí vamos a tener también el cupón para Udemy de la semana y sin más que decir este fue todo el contenido subido para la semana mencionada y nos vemos la semana próxima

CodeIgniter 4 + Rest Api + Vue

  1. Instalar y Configurar Oruga UI

    1. Vamos a instalar y configurar un paquete para la UI.

  2. Componente de Listado y Oruga UI

    1. Vamos a crear un listado para la tabla.

  3. Componente de Listado y Oruga UI: Segunda forma

    1. Vamos a crear otra configuración para el listado.

  4. Opciones de la tabla

    1. Vamos a mostrar algunas configuraciones a nivel de la tabla.

  5. Paquete para los iconos

    1. Instalamos el paquete de iconos.

  6. Vue Router

    1. Hablamos e instalamos Vue Router.

  7. Vue Router: Configurar

    1. Vamos a configurar VR en la app.

  8. Reto: SaveComponent.vue: Componente base y ruteo

    1. Vamos a crear un componente de base y su ruteo.

Laravel + CKEditor

  1. CkEditor, upload: Primeros pasos

    1. Vamos a hablar sobre las formas que tenemos para cargar imágenes o archivos en CKeditor.

  2. CkEditor, upload: SimpleUploadAdapter, Controlador en Laravel

    1. Vamos a implementar el controlador para la carga de imágenes.

  3. CkEditor, upload: SimpleUploadAdapter, Cliente

    1. Vamos a implementar los cambios en el cliente.

  4. CkEditor, upload: SimpleUploadAdapter, Variar nombre

    1. Vamos a colocar un nombre único en el archivo cargado.

  5. CkEditor, upload: Opciones en el toolbar

    1. Vamos a hablar sobre las opciones para personalizar la imagen.

  6. CkEditor, upload: Adaptador personalizado

    1. Vamos a hablar sobre el adaptador personalizado.

Acepto recibir anuncios de interes sobre este Blog.

YouTube, CKEditor, Suscripción Vue Stripe, Drag And Drop Inertia, Alpine Bootstrap, Cors CodeIgniter 4 Blog Cursos CodeIgniter 4 + Rest API + Vue y Oruga UI - CKEditor Laravel Upload imagen Actualizaciones en base a lo definido arriba.

- Andrés Cruz

In english

© 2025 Copyright | Contacto | Acerca de | Versión PC

Su experiencia en este sitio será mejorada con el uso de cookies.