Frontend

Frontend programu lub witryny internetowej obejmuje wszystko, z czym użytkownik wchodzi w interakcję. Z punktu widzenia użytkownika frontend jest synonimem interfejsu użytkownika. Z punktu widzenia programisty obejmuje projekt interfejsu oraz programowanie, dzięki któremu interfejs działa. Z kolei backend obejmuje funkcje i przetwarzanie danych odbywające się w tle.

Jednym z głównych celów tworzenia frontendu jest zapewnienie płynnego, czyli „bezproblemowego”, doświadczenia użytkownika. Innymi słowy, frontend aplikacji lub witryny internetowej powinien być intuicyjny i łatwy w użyciu. Choć brzmi to jak prosty cel, jego osiągnięcie może być zaskakująco złożone, ponieważ nie wszyscy użytkownicy i nie wszystkie urządzenia są takie same. Na przykład aplikacja opracowana na urządzenie mobilne wymaga zupełnie innego frontendu niż aplikacja komputerowa. Witryny internetowe muszą dobrze działać na wielu urządzeniach i ekranach o różnych rozmiarach, dlatego współczesne tworzenie witryn internetowych zazwyczaj obejmuje projektowanie responsywne.

Przykłady elementów frontendu:

1. układ aplikacji lub strony
2. grafika
3. elementy audio i wideo
4. treść tekstowa
5. elementy interfejsu użytkownika przyciski, łącza, (paski narzędzi, paski nawigacyjne itp.)
6. obszary wprowadzania danych (okna dialogowe), pola formularzy, obszary tekstowe itp.)
7. przepływ użytkownika (sposób, w jaki jeden interfejs prowadzi do następnego)
8. preferencje użytkownika, motywy i ustawienia niestandardowe

Dane wejściowe użytkownika są odbierane przez frontend i przetwarzane w backendzie programu lub witryny internetowej. Kod backendu odczytuje i zapisuje dane, a następnie wysyła dane wyjściowe do użytkownika za pośrednictwem frontendu. Ponieważ backend i frontend aplikacji lub witryny internetowej współpracują ze sobą, praca przy oprogramowaniu często wymaga zarówno tworzenia frontendu, jak i backendu. Tworzenie obu tych części nazywa się tworzeniem aplikacji full-stack.

NOTE: Frontend można również zapisywać jako „front end” (w funkcji rzeczownika) lub „front-end” (w funkcji przymiotnika). Dla uproszczenia zapis łączny „frontend” stał się akceptowanym określeniem obu form.