Pasos que me he creado para poder terminar este proyecto 

1. Crear todos los documentos necesarios tanto de html como .js y tambien .css y asegurarme que estan bien conectados.
Obs: no es necesario repetir la palabra "defer", con una vez al ultimo script es suficiente;

2. Empezamos a crear el array  de articulos en el data.js y despues de esto la creacion estatica de que forma va a tener un articulo en nuestra pagina.
- aqui, al mismo tiempo creamos en el fichero .css los estilos para todas nuestras clases.

3. Pasamos nuestro codigo del fichero html (estatico) al fichero main.js y le damos la funcionalidad de crear de manera dinamica nuestros articulos en nuestra pagina web.
- muy importante no olvidarse de llamar a las funciones y que aunque tengamos varios ficheros js si las variables u objetos estan declarados en el ambito global , tendremos acceso a esos valores.

4. Completamos y rellenamos todos los datos necesarios para la descripcion de nuestros articulos de la tienda.
- no se nos olvide del boton del carrito y sus funcionalidades 

5. Construimos la barra de navegacion de forma dinamica , creamos el carrito de compra y le damos las propriedades de esconderse y aparecer cuando el usuario lo requiere;

6. Verificamos que los productos se anaden de manera correcta al carrito cuando el usuario desea comprarlos.

7. Creamos las funcionalidades de sumaTotal del carrito con sus eventos especificos para refrescar el carrito cada vez que se realiza una accion dentro de el.

8. Creamos las funciones para actualizar y calcular el stock disponible.

10. Verificamos que la pagina sea responsive para varios dispositivos.