MastersHub
Programowanie stron internetowych
Opracowanie responsywnej strony internetowej od podstaw bez użycia bibliotek JS.
Zrealizowane niestandardowe suwaki, okna modalne, zakładki, akordeony i menu hamburgerowe w czystym JavaScript.
Strona jest w pełni responsywna dla dowolnych rozmiarów ekranów.
Szczególną uwagę zwrócono na wydajność i Core Web Vitals: stabilny układ (CLS = 0), brak blokad głównego wątku (TBT = 0 ms).
Końcowa ocena PageSpeed — 78 na urządzeniach mobilnych jest ograniczona obecnością zewnętrznych zasobów wideo, ładowanych z innej domeny, co jest ograniczeniem architektonicznym, a nie wadą optymalizacji.
Projekt został zrealizowany w celach demonstracyjnych i portfolio.
Służył do opracowania architektury komponentów frontendowych, niestandardowej logiki JavaScript i optymalizacji Core Web Vitals.
#web-programowanie #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #zakładki #suwak #modal #MenuBurger #wydajność #Responsywny #UX
Zrealizowane niestandardowe suwaki, okna modalne, zakładki, akordeony i menu hamburgerowe w czystym JavaScript.
Strona jest w pełni responsywna dla dowolnych rozmiarów ekranów.
Szczególną uwagę zwrócono na wydajność i Core Web Vitals: stabilny układ (CLS = 0), brak blokad głównego wątku (TBT = 0 ms).
Końcowa ocena PageSpeed — 78 na urządzeniach mobilnych jest ograniczona obecnością zewnętrznych zasobów wideo, ładowanych z innej domeny, co jest ograniczeniem architektonicznym, a nie wadą optymalizacji.
Projekt został zrealizowany w celach demonstracyjnych i portfolio.
Służył do opracowania architektury komponentów frontendowych, niestandardowej logiki JavaScript i optymalizacji Core Web Vitals.
#web-programowanie #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #zakładki #suwak #modal #MenuBurger #wydajność #Responsywny #UX