Este proyecto es realizado en el curso de fundamentos de SASS de Platzi. En este proyecto pude realizar un moke-up además de añadir nuevas características al momento de realizar el responsive design.
Un elemento importante de resaltar es el uso del moke-up, como sabemos este es el template que nosotros como desarrolladores le entregamos a nuestro cliente, sin embargo implementarlo en este proyecto me hace entender de manera más profunda el uso de esta herramienta. Adquirí conocimientos fundamentales al momento de generarlo en un proyecto profesional o laboral, gracias al curso aprendí las formas en cómo se puede implementar esta herramientas además de reutilizar código al momento de empezar con el diseño de la página web.
En este link se puede observar el mock-up: https://joscalcor22.github.io/ECO-STORE/Mock/mockup.html
Durante la creación de proyectos pasados tuve problemas al momento de implementar una galería con overflow hidden o un scroll horizontal. Siempre tenía el problema de que la pantalla obtenía el scroll o directamente se me rompía todo el código pero en este proyecto pude realizar esta característica de manera satisfactoria.
Como tal para el diseño implementé SCSS como preprocesador de CSS, me gusta este preprocesador porque te ahorra código, te permite ser más organizado y mucho más eficaz al momento de crear código.
No implemente JS pues no fue necesario, principalmente me quería enfocar en el diseño y estilo usando este preprocesador.
En este link se puede observar la landing page: https://joscalcor22.github.io/ECO-STORE/
--------- // --------- // --------- // --------- // --------- // --------- // --------- // --------- // --------- // --------- // ----
This project is done in Platzi's SASS Fundamentals course. In this project I was able to make a layout in addition to adding new features at the time of making the responsive design.
An important element to highlight is the use of the mock-up, as we know that this is the template that we as developers deliver to our client, however, in this project it makes me understand the use of this tool in a deeper way. I acquired fundamental knowledge when generating it in a professional or work project, thanks to the course I learned the ways in which these tools can be implemented in addition to reusing code when starting with the design of the web page.
In this link you can see the mock-up: https://joscalcor22.github.io/ECO-STORE/Mock/mockup.html
During the creation of past projects I had problems when implementing a gallery with hidden overflow or a horizontal scroll. I always had the problem that the screen would get the scroll or all the code would directly break, but in this project I was able to perform this feature satisfactorily.
As such for the layout I implemented SCSS as a CSS preprocessor, I like this preprocessor because it saves you code, allows you to be more organized and much more efficient when creating code.
I didn't implement JS as it wasn't necessary, I mainly wanted to focus on design and styling using this preprocessor.
In this link you can see the landing page: https://joscalcor22.github.io/ECO-STORE/