Rozwój strony internetowej Meta Quest 2"

Zadanie polegało na opracowaniu strony głównej dla witryny internetowej oraz utworzeniu zestawu gulp do optymalizacji witryny. Witryna „Meta Quest 2” to interaktywna platforma stworzona do promowania i sprzedaży rzeczywistości wirtualnej. Na tej stronie użytkownicy mogą zapoznać się z opisem produktu, jego cechami, zaletami i dostępnymi promocjami.
Wykorzystane technologie:

HTML/CSS/JavaScript: Główne języki programowania do tworzenia struktury, designu i funkcjonalności witryny.
SCSS: Preprocesor CSS, który ułatwia organizację stylów i szybsze tworzenie designu.
Gulp: Narzędzie do automatyzacji do budowania, optymalizacji i wdrażania projektu. Używane do kompilacji SCSS do CSS, łączenia i minifikacji plików JavaScript, optymalizacji obrazów oraz automatycznego odświeżania stron internetowych podczas tworzenia.
gulp-sass, gulp-concat, gulp-uglify-es, gulp-autoprefixer, gulp-clean, gulp-avif, gulp-webp, gulp-imagemin, gulp-newer, gulp-fonter, gulp-ttf2woff2, gulp-svg-sprite, gulp-include: Rozszerzenia Gulp do różnorodnych zadań, takich jak kompilacja SCSS, optymalizacja obrazów, konwersja czcionek itp.

Proces tworzenia:

Tworzenie układu strony: Tworzenie statycznych stron za pomocą HTML/CSS do wyświetlania treści i grafiki.
Dodawanie funkcjonalności: Implementacja interaktywnych elementów i dodatkowej funkcjonalności za pomocą JavaScript.
Optymalizacja obrazów i czcionek: Użycie Gulp do optymalizacji i minifikacji obrazów oraz konwersji do formatów AVIF i WebP, a także konwersji czcionek do WOFF2 w celu poprawy wydajności witryny.
Testowanie i dostosowywanie: Sprawdzanie działania witryny na różnych urządzeniach i przeglądarkach internetowych, wykrywanie i usuwanie ewentualnych błędów.
Wdrożenie gotowej witryny internetowej na serwerze internetowym dla dostępu użytkowników.