MastersHub
Web Programming
Frontend development of a responsive website built from scratch without using JavaScript libraries.
Custom sliders, modal windows, tabs, accordions, and a burger menu were implemented using pure (vanilla) JavaScript.
The page is fully responsive across all device sizes.
Special attention was paid to performance and Core Web Vitals: stable layout (CLS = 0) and zero main-thread blocking (TBT = 0 ms).
The final PageSpeed score is 78 on mobile devices limited by externally embedded video resources loaded from a third-party domain, which represents an architectural constraint rather than a performance optimization issue.
This project was created as a demonstration (pet) project for portfolio purposes.
It was used to practice frontend architecture, custom JavaScript components, and performance optimization with a focus on Core Web Vitals.
#web-программирование #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #tabs #slider #modal #BurgerMenu #performance #Adaptive #Responsive #UX
Custom sliders, modal windows, tabs, accordions, and a burger menu were implemented using pure (vanilla) JavaScript.
The page is fully responsive across all device sizes.
Special attention was paid to performance and Core Web Vitals: stable layout (CLS = 0) and zero main-thread blocking (TBT = 0 ms).
The final PageSpeed score is 78 on mobile devices limited by externally embedded video resources loaded from a third-party domain, which represents an architectural constraint rather than a performance optimization issue.
This project was created as a demonstration (pet) project for portfolio purposes.
It was used to practice frontend architecture, custom JavaScript components, and performance optimization with a focus on Core Web Vitals.
#web-программирование #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #tabs #slider #modal #BurgerMenu #performance #Adaptive #Responsive #UX