MastersHub
Розробка адаптивного сайту з нуля без використання JS-бібліотек.
Реалізовані кастомні слайдери, модальні вікна, таби, акордеони та бургер-меню на чистому JavaScript. Сторінка повністю адаптивна для будь-яких розмірів екранів. Особливу увагу приділено продуктивності та Core Web Vitals: стабільна верстка (CLS = 0), відсутність блокувань основного потоку (TBT = 0 ms). Остаточна оцінка PageSpeed — 78 на мобільних пристроях обмежена наявністю зовнішніх відео-ресурсів, що завантажуються з іншого домену, що є архітектурним обмеженням, а не недоліком оптимізації.
Проект виконаний в демонстраційних та портфоліо-цілях. Використовувався для відпрацювання архітектури frontend-компонентів, кастомної JavaScript-логіки та оптимізації Core Web Vitals.
#web-програмування #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #tabs #slider #modal #BurgerMenu #performance #Adaptive #Responsive #UX
Реалізовані кастомні слайдери, модальні вікна, таби, акордеони та бургер-меню на чистому JavaScript. Сторінка повністю адаптивна для будь-яких розмірів екранів. Особливу увагу приділено продуктивності та Core Web Vitals: стабільна верстка (CLS = 0), відсутність блокувань основного потоку (TBT = 0 ms). Остаточна оцінка PageSpeed — 78 на мобільних пристроях обмежена наявністю зовнішніх відео-ресурсів, що завантажуються з іншого домену, що є архітектурним обмеженням, а не недоліком оптимізації.
Проект виконаний в демонстраційних та портфоліо-цілях. Використовувався для відпрацювання архітектури frontend-компонентів, кастомної JavaScript-логіки та оптимізації Core Web Vitals.
#web-програмування #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #tabs #slider #modal #BurgerMenu #performance #Adaptive #Responsive #UX