Proyectos desarrollados con HTML

Un ejemplo práctico de cómo crear un formulario multipasos moderno y responsivo utilizando solo HTML, CSS y HTMX, sin necesidad de frameworks JavaScript complejos. Este formulario permite a los usuarios completar un proceso de registro o envío de datos de manera fluida y organizada, dividiendo la información en pasos manejables.

Código    

Sistema de autenticación moderno que utiliza HTMX para crear una experiencia de usuario fluida sin necesidad de recargar la página. El proyecto incluye formularios de inicio de sesión y registro con validación del lado del cliente y transiciones suaves.

Código    

Evitar Reenvío del Formulario con JavaScript busca emplear eventos y funciones JavaScript para interceptar la acción predeterminada de enviar formularios. Se enfoca en validar datos, mostrar confirmaciones y prevenir envíos accidentales, mejorando así la experiencia del usuario en páginas web.

Video Código    

Proyecto que demuestra cómo capturar y procesar el valor seleccionado de un elemento `<select>` usando HTMX, sin necesidad de escribir JavaScript. El ejemplo utiliza una lista de frutas, pero la implementación puede adaptarse a cualquier tipo de datos.

Código    

Eliminar dinámicamente filas de una tabla HTML. Proporciona una funcionalidad interactiva que permite a los usuarios eliminar fácilmente registros directamente desde la interfaz web, mejorando la experiencia de usuario y la gestión de datos en tiempo real.

Video Código    

Sistema de envío de formularios HTML utilizando Flask, Python y MySQL. Proporciona una solución integral para la gestión eficiente de datos ingresados en formularios, garantizando la conexión fluida entre el frontend y el backend mediante Flask.

Video Código    

Este proyecto trata de como poder enviar un formualrio HTML al gestor de BD MySQL usando express como servidor y ejs como motor de plantilla para express.

Video Código    

Enviar datos de formularios HTML a una base de datos MySQL con Django, suele ser una tarea muy cotidiana. Este proyectogarantiza una interacción fluida entre el frontend y el backend, permitiendo la gestión eficiente y segura de la información ingresada a través de formularios HTML

Video Código    

Aplicación que demuestra cómo crear un formulario multi-paso (multi-step-form) elegante y funcional usando únicamente HTML, CSS y JavaScript vanilla. No se requieren frameworks complejos ni librerías adicionales.

Código    

Proyecto que muestra cómo crear un formulario en Svelte, capturar la entrada de los usuarios y procesar los datos al enviarlo. El ejemplo incluye la validación de los datos antes de enviarlos y muestra cómo usar notificaciones (toast) para informar al usuario sobre el éxito o error del proceso.

Código    

El proyecto 'Select Múltiple Dinámico con Python y Django' permite a los usuarios seleccionar múltiples opciones de manera dinámica dentro de un formulario web, facilitando la selección y asociación de datos en aplicaciones Django. Utiliza tecnologías web como Python, Django y JavaScript para lograr una experiencia de usuario interactiva y eficiente.

Video Código