Todas las entradas de: admin

S-004 – Alternativas para Data-Calendar

Disponer de una solución  de «data-Calendar», es decir, poder representar datos en un calendario es básico en casi todos los desarrollo, dado que mucha de nuestras informaciones están asociadas a una echa.

La solución «histórica» de Open Source es FullCalendar que es la que hemos utilizado en PHPRunner en mis ejemplos y en los Templates de XlineSoft.

Este producto, también, ha creado una «saga» de seguidores y de creadores de solución similar en diversas plataformas.

Objetivo

Disponer de solución para incorporar FullCalendar en plataforma Svelte 5 y disponer de una alternativa nativa de Svelte, que disponga de la funcionalidad de FullCalendar (svelte-calendar).

DEMOS:

Estos ejemplos simples los he hecho son la IA Gemini. Me ha costado mucho llegar a ellos, porque en esta sesión Gemini nada más que hacía deducir erróneamente los parámetros de configuración  por más información de la documentación que le facilitaba, no era capaz de interpretar adecuadamente los contenidos de los manuales.

Si te interesa este tema y deseas acceder a los fuentes, lee el artículo completo en este enlace.

S-003 – Excelente DataGrid para Svelte 5

Algo que en todas las aplicaciones se usa mucho, mucho es un DataGrid, Cuadrícula o Rejilla, que de muchas formas se llama dependiendo del país en donde nos hayamos educado.

Consultando las IA’s me comentaron de la solución de la empresa SVAR y como podréis ver tiene excelente solución para los DataGrid y Gantt, en el entorno Svelte.

Estuve intentando trabajar con Gemini, ChatGPT, Deep Seek y Copìlot, y en este caso os tengo que decir que fue un tremendo fracaso. Se inventan las cosas «Alucinaciones en el argot» y cansado de ellas me puse a analizar la información en metodología clásica y el resultado, a mi entender, me parece estupendo.

Objetivo

Disponer de una solución de DataGrid para aplicar a mis proyectos de Svelte. Además, de que tiene que ser sin coste (Free), debe disponer de muchísimas funcionalidad y disponer de buena documentación y ejemplos.

DEMO: https://fhumanes.com/demo-datagrid

Si estás interesado en este tema sigue este enlace para leer todo el artículo.

S-002 – Típico CRUD con Bootstrap 5+ y Server SLIM PHP

Creo que este ejemplo os va a mostrar lo fácil o difícil, que es trabajar en esta plataforma, de acuerdo a vuestros conocimientos.

Es un ejemplo típico de LIST, ADD, EDIT, VIEW y DELETE, de una tabla «Películas», con la, también, gestión de las talas auxiliares de «Temas» y «Soportes».

El desarrollo lo ha hecho GEMINI (la IA de Google), con mi revisión. El proceso que he seguido es facilitarle el modelo de datos, que he hecho con MySQL Workbench y le he especificado que de backend quería que utilizara SLIM 4.0 y MySQL. Y como Frontend quería Svelte 5 y Sveltestrap (que utiliza internamente Bootstrap 5.3. Hay que solicitar que establezca las FASES que vamos a utilizar para construir la solución y tener mucha paciencia, pues aunque el resultado final es bueno, son muchas las confusiones y pérdidas de información que tiene, con lo que hay que recordarle continuamente las soluciones que se van adoptando, porque tiende al olvidar muchos de los detalles.

Objetivo

Obtener una aplicación CRUD completa con la arquitectura de Svelte 5 + Bootstrap 5.3 + SLIM 4.0 + MySQL.

DEMO: https://fhumanes.com/my-movie-app1

Si te interesa este tema, haz clic en este enlace.

S-001 Aplicación de ejemplos de Svelte

Este, mi primer ejemplo de código de Svelte, es una recopilación de algunos de los ejemplos del tutorial de Svelte, más los 3 últimos ejemplos que son un ejemplo de mantenimiento de una gestión de películas.

Como os he indicado, en muchos de estos ejemplos he utilizado las IA’s (ChatGPT, Geminis y DeepSeek). La de DeepSeek, es la que más se confunde, pero en todos los casos, los resultados son bastantes buenos.

Objetivo

Disponer de una App, que me permita recordar los ejemplos del tutorial y algunos ejemplos adicionales, de cara a que me sirva de recordatorio rápido.

Demo: https://fhumanes.com/my-svelte-demo/

Si estás interesado en este tema y deseas acceder al código del ejemplo, sigue este enlace.

Novedades de Svelte

Para conocer las características de Svelte, te ruego que leas este artículo.

Estoy fascinado con las posibilidades de React, pero reconozco que es muy difícil para aquellos que su mayor desarrollo en informática ha sido los lenguajes 4GL’s y/o lo desarrollos de «low_code» como PHPRunner.

Estuve preguntando a las AI y al final me nombraron esta solución como ideal para aquellos que conocen HTML, CSS y JavaScript. Las herramientas de desarrollos de UI (interfaz), en estos momentos, están copadas por soluciones de JavaScript (React, Vue, etc.) por lo que creo que es ahí donde debemos estar, pero no podemos, ni debemos, olvidar nuestros conocimientos de ahí que debemos aprovechar todo lo que conocemos. Y por eso, creo , que la solución es Svelte.

Estoy trabajando en una solución de:

  • Frontend .- Svelte, desarrollando APP de sólo una página (SPA para móvil) o multi-página, para optimizar SEO
  • Backend.- PHP, con SLIM, para los Rest Api necesarios para comunicar los datos de las bases de datos persistentes y los procesos masivos, que los sistemas requieran.

Svelte tiene una excelente documentación y tutoriales en https://svelte.dev/. Os aconsejo que estudies con el Tutorial. Te va a explicar todos los conceptos y sintaxis que requieres para empezar y te lo va a explicar y demostrar a través de ejercicios, muy prácticos.

También, utilizar las IA’s. Todas ellas te va a explicar qué es Svelte y te lo van a poder comparar con cualquier otro conocimiento que tengas para así comprenderlo mejor. Siempre recordar, que las IA’s os van a poder dar ejemplos completos o parciales, de lo que necesitéis. Yo he trabajado con ChatGPT,  DeepSeek, Gemini y Copilot.

Para los ejemplos que he estado haciendo y que próximamente publicaré, he estado trabajando con el complemento de Bootstrap (versión 5.3), para que así estos ejemplos se parezcan a los desarrollos en PHPrunner (pero con versiones actualizadas que todavía faltan años a que las incorpore XlineSoft).

Esta es la lista de artículos que he publicado: