Pogoda
Aplikacja ta to dynamiczny interfejs webowy, który łączy pracę z asynchronicznymi zapytaniami oraz nowoczesnym układem. Główna logika opiera się na interakcji użytkownika z serwerem poprzez API.
Jak to działa technicznie:
Zapytanie danych (Fetching Data): Aplikacja wykorzystuje JavaScript Fetch API do wysyłania asynchronicznych zapytań do serwerów OpenWeatherMap. Użytkownik wprowadza nazwę miasta, po czym kod formuje URL-zapytanie i otrzymuje odpowiedź w formacie JSON.
Przetwarzanie odpowiedzi: Program sprawdza status odpowiedzi (na przykład, czy takie miasto istnieje). Jeśli dane zostały pomyślnie odebrane, są przekazywane do drzewa DOM w celu natychmiastowego wyświetlenia bez przeładowania strony.
Dynamiczna aktualizacja UI: W zależności od otrzymanego kodu pogody (pochmurno, deszcz, jasno), aplikacja automatycznie zmienia ikony i tła, zapewniając wizualną informację zwrotną.
Jak to działa technicznie:
Zapytanie danych (Fetching Data): Aplikacja wykorzystuje JavaScript Fetch API do wysyłania asynchronicznych zapytań do serwerów OpenWeatherMap. Użytkownik wprowadza nazwę miasta, po czym kod formuje URL-zapytanie i otrzymuje odpowiedź w formacie JSON.
Przetwarzanie odpowiedzi: Program sprawdza status odpowiedzi (na przykład, czy takie miasto istnieje). Jeśli dane zostały pomyślnie odebrane, są przekazywane do drzewa DOM w celu natychmiastowego wyświetlenia bez przeładowania strony.
Dynamiczna aktualizacja UI: W zależności od otrzymanego kodu pogody (pochmurno, deszcz, jasno), aplikacja automatycznie zmienia ikony i tła, zapewniając wizualną informację zwrotną.