Javascript : Ejemplo de CRUD con ES6

Antes de comenzar con un poco de TypeScript, quisiera compartirles un ejemplo muy simple de las bondades que nos está ofreciendo el EM6 para facilitarnos la vida.

Sobre el ejemplo solo tenemos 5 archivos en total y nos apoyamos de bootstrap para darle una mejor pinta, dentro del ejemplo bueno trate de ser lo más completo para que sea más entendible entre los conceptos a usar pues bueno son : POO, funciones arrow, herencia, import, promise,y fetch para hacer peticiones HTTP.

Para la parte del Back-End , seguiré reutilizando unos servicios montados en PHP donde los podrán ver a detalle aqui.

 

Nuestra estructura del proyecto queda de la siguiente manera:

 

Sin más preámbulos les dejo el código y su ejemplo.

 

index.html

main.css

main.js

Producto.js

 

Servicio.js

 

Pos aquí podrán ver una pequeña demostración del ejemplo y más abajo el enlace para que lo puedan descargar o bien si lo quieres probar ustedes mismos el enlace directo al demo.

 

 


Leave a Reply

Your email address will not be published. Required fields are marked *

*