El sistema es bastante sencillo y funcional, está en Javascript puro, solo tiene un poco de CSS tiene como fuente W3.CSS apenas para que se vea, relativamente bien.
El proceso se explica en el vídeo a continuación
El mini proyecto lo acabo de subir a GitHub Pages, lo puedes encontrar en el siguiente enlace:
https://configuroweb.github.io/crudjs/index.html
El sistema CRUD en Javascript registra la información en una sesión, si le das actualizar queda como estaba al comienzo.
La aplicación tiene una datos persistentes, agregados directamente en el código. Más específicamente en un Objeto Array, con objetos de dos variables, una para nombre y otra para apellido.
El funcionamiento de la aplicación es bastante intuitivo, tiene los botones de crear, actualizar y eliminar. Lista directo en el home.
Como descargar el proyecto y ponerlo a punto en un ordenador
Dado que el proyecto está solamente en html, Javascript y CSS, no requiere de un servidor ni mayores instrucciones. Solo es descargarlo en una carpeta y ejecutar el archivo index.html
En el siguiente enlace se encuentra el repositorio para su descarga:
En el vídeo a continuación explico como descargar proyectos de GitHub:
Como habilitar tu aplicación para que funcione con GitHub Pages y poder acceder a esta desde Internet
GitHub Pages es un hosting gratuito solo para páginas estáticas. Por estáticas me refiero a páginas que no harán transacciones a nivel de servidor, por ejemplo aplicaciones web desarrolladas en PHP o Python.
Para alojar páginas que interactúan con servidor puedes realizar el proceso con Heroku o con un proveedor como Hostinger donde alojo los demos de mis aplicaciones de pago. Incluso puedes realizar el proceso con bastantes limitantes, totalmente gratis con 000webhost
Para realizar el proceso primero debes subir tu aplicación a GitHub como se explica en el vídeo a continuación
Posteriormente accedes a tu repositorio, pulsas en Settings y en el apartado de GitHub Pages, en Source eliges Branch Master, si no tienes bifurcaciones de tu proyecto y root para que tomes la carpeta del proyecto tal como lo subiste. Después pulsas en Save y posteriormente aparecerá la nueva URL de tu proyecto en línea.
En el vídeo a continuación muestro como subir los proyectos a GitHub Pages y comparto tres aplicaciones más realizadas en Javascript, un generador de frases, un generador de contraseñas robustas y un generador de fondos gradientes.
Cualquier duda, me puedes dejar un mensaje o ponerte en contacto.
1 comentario sobre «CRUD en Javascript»