Sklep z naturalnymi kosmetykami

Zastosowane w projekcie technologie i dlaczego.

Zastosowane technologie to HTML5, CSS oraz JavaScript. Był to mój pierwszy poważny projekt z projektowania stron internetowych, dlatego ich dobór był niejako strzałem w ciemno. Jednak po zakończeniu prac nad projektem, chętnie podzielę się wnioskami.

HTML5

Był to niejako wybór narzucony, jednakże trafny. Jest uniwersalny, wspierany przez wszystkie przeglądarki internetowe, co zapewnia spójne działanie na różnych urządzeniach i platformach. Ponadto, HTML jest stosunkowo łatwy do nauki, co sprawia, że jest atrakcyjny dla początkujących programistów i twórców stron internetowych. Dostępnych jest też wiele źródeł, które wspierają korzystanie z tej technologii.

CSS

Język ten okazał się być również całkiem przyjemnym doświadczeniem. W połączeniu z HTML udało się stworzyć czytelny i jednocześnie przyciągający uwagę wygląd strony. Nie jest to biała karta z domyślną czcionką, a twór, po którym ktoś mógłby się poruszać i czerpać z tego przyjemność. CSS odpowiada za prezentację elementów, czyli ich wygląd, styl i układ na stronie. Bez CSS, strony internetowe byłyby pozbawione estetyki i trudniejsze do czytania.

JavaScript

Część projektu poświęcona przygotowaniu kodu w języku JavaScript okazała się być najmniej trywialna. Zmiany w kodzie bowiem nie miały bezpośredniego odwzorowania na stronie, jak w przypadku HTML i CSS. Należało poświęcić chwilę na zagłębienie się w jego składnie. Jest to wszechstronny język programowania, który umożliwia tworzenie interaktywnych i dynamicznych aplikacji internetowych, jednakże może być on podatny na problemy związane z implementacją w różnych przeglądarkach (osobiście nie doświadczyłam tego).

Pozostałe technologie.

Do przygotowania projektu zastosowałam także pliki cookies oraz bazę danych umieszczoną na serwisie firebase. Pliki cookies są technologią wykorzystywaną przez strony internetowe do przechowywania informacji na urządzeniu użytkownika, co umożliwia personalizację treści, śledzenie zachowań użytkowników oraz zapewnienie lepszej funkcjonalności strony. Zostały one zastosowany do przechowywania produktów w koszyku przez 15 minut i nie "gubienie ich" w przypadku korzystania z różnych plików js. Najwięcej trudności sprawiło mi zapisywanie i odczytywanie ich w poprawnym formacie, ale po utworzeniu działającej treści, implementacja sprawdza się dobrze w tej roli, strona jest bardziej profesjonalna i nie generuje problemów związanych z nieprawidłowo działającym koszykiem. Dzięki nim także, każdy użytkownik posiada własny koszyk, który nie jest przechowywany masowo, np. w bazie.

Baza danych pozwala na przechowywanie produktów dostępnych w sklepie. Przechowywane tam są także adresy do zdjęć, dzięki czemu aplikacja może przechowywać duże ilości danych z zachowaniem ich dostępności bez zważania na miejsce dostępu do aplikacji. Baza ta nie generowała żadnych problemów, a korzystanie z niej było proste i dość intuicyjne. Przejrzyste GUI firebase'a również ułatwiło pracę.

Spełnienie wymagań

Uważam, że mój projekt spełnia wymagania narzucone przy pisaniu tego projektu.