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.
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.