Suscríbete a mi canal para más contenido de cómo iniciar en el mundo de la programación, además de encontrar contenido específico de programación en Ruby.

Ejemplo de pequeño sistema de registro de productos en HTML y Javascript

Este sistema es un pequeño ejemplo de cómo hacer un sistema de registro de productos básicos. Permite grabar en una base de datos local y traer los datos de la misma cuando se recargue la página.

Requerimientos

• Debe ser un sistema web
• Que guarde los registros ingresados en una base de datos local
• Que muestre los registros en una tabla
• Que permite eliminar los registros existentes

Instalar

1. Clonar el proyecto con https://github.com/damuz91/mi-bodega-html-js o descargando el repositorio como ZIP

Ejecutar

1. (Opcionalmente) Iniciar un servidor web
2. Abrir [la ruta del servidor web] ó [la ruta del archivo index.html] en un navegador web que soporte HTML5 (Chrome, Edge, Firefox, Safari)

Dependencias

• Para darle algo de estilos a los botones, a la fuente de text y a la tabla se carga de un CDN (Sitio que aloja scripts y archivos en la nube) se carga Bootstrap 5, por lo que require conexión a internet. Si no está disponible la conexión a internet el sistema igual funciona pero no va a mostrar los estilos gráficos.

• El navegador web debe permitir la escritura del LocalStorage, normalmente todos los navegadores tienen esto habilitado por defecto, si aparece un mensaje indicando que no tiene acceso a la base de datos entonces debe actualizar el navegador y permitir la escritura del LocalStorage en la configuración avanzada del nevagedor

Continuadad

Se anima a los participantes de este proyecto de hacerle un FORK de github a este proyecto para darle continuidad a las funcionalidades, por ejemplo:

• Validar que el ID no se pueda repetir a la hora de crear un producto
• Validar que el precio sea de tipo numérico
• Validar que los campos no sean vacíos
• Agregar funcionaliidad para que haya varias bodegas y los productos estén separados por bodegas
• Consumir una API gratis en la nube (Puede ser de Google Firebase) para guardar los registros en internet y no en local
• Agregar un sistema de autenticación para permitir el ingreso solo con usuario y contraseña

Más contenido de programación

Te invito a suscribirte en mi canal de Youtube donde publico constantemente más contenido gratuito acerca de programación y desarrollo de software.

Otros recursos:

• ☁️ Obtén $200 en crédito de DigitalOcean

• 📚 Construye tu propia experiencia - 12 Apps para construir portafolio

• 📚 Tips para conseguir trabajo como programador:

• 📚 Debo estudiar ingeniería de sistemas?

• 📚 Estudiar programación en el 2023:

• 📚 Cómo aprendí a programar:

• 📚 Por qué aprender Ruby?

• 📚 Los programadores deben saber inglés:

• 📚 Curso de fundamentos de programación:

• 📚 Lista de reproducción de conceptos de desarrollo web:

• 📚 Curso de introducción a la programación

• 👾 Únete a la comunidad en Discord