Co to jest front-end?
Front-end to część strony lub aplikacji internetowej widoczna dla użytkownika i działająca głównie w przeglądarce internetowej. Obejmuje wygląd, układ elementów, interakcje oraz sposób prezentowania danych.
W pytaniach egzaminacyjnych front-end należy kojarzyć z interfejsem strony i technologiami wykonywanymi po stronie klienta, czyli w przeglądarce.
Główne technologie front-endu
Do podstawowych technologii front-endowych należą:
- HTML — tworzy strukturę strony, np. nagłówki, akapity, formularze,
- CSS — odpowiada za wygląd, kolory, rozmieszczenie i responsywność,
- JavaScript — dodaje interakcje, np. obsługę kliknięć, walidację formularzy, dynamiczne zmiany treści.
Przykład prostego elementu front-endu:
<button onclick="alert('Witaj!')">Kliknij</button>
Ten kod tworzy przycisk widoczny na stronie, a po kliknięciu uruchamia skrypt JavaScript w przeglądarce.
Front-end a back-end
Front-end nie oznacza bazy danych ani logiki wykonywanej na serwerze. Tym zajmuje się back-end, czyli część aplikacji odpowiedzialna m.in. za przetwarzanie danych, logowanie użytkowników, komunikację z bazą danych i generowanie odpowiedzi serwera.
Przykładowe rozróżnienie:
- front-end: menu, formularz kontaktowy, animacja, układ strony,
- back-end: zapis formularza do bazy, sprawdzenie hasła, pobranie produktów ze sklepu.
Najważniejsze na egzamin
Termin front-end odnosi się do tego, co użytkownik widzi i z czym wchodzi w interakcję w przeglądarce. Poprawne skojarzenie: interfejs strony oraz technologie działające po stronie klienta.