Czym jest front-end?
Front-end to część aplikacji, z którą bezpośrednio kontaktuje się użytkownik. W aplikacjach internetowych jest to warstwa uruchamiana głównie w przeglądarce, odpowiedzialna za wygląd, układ strony oraz obsługę interakcji.
Front-end tworzy się najczęściej z użyciem technologii:
- HTML - struktura strony,
- CSS - wygląd i rozmieszczenie elementów,
- JavaScript lub TypeScript - logika działania po stronie klienta.
Do popularnych narzędzi front-endowych należą frameworki i biblioteki, takie jak Angular, React czy Vue.
Za co odpowiada front-end?
Front-end odpowiada między innymi za:
- wyświetlanie danych użytkownikowi,
- formularze i ich podstawową walidację,
- reakcję na kliknięcia i inne zdarzenia,
- komunikację z back-endem przez API,
- responsywność widoku na różnych urządzeniach.
Przykład prostego elementu front-endowego:
<button onclick="alert('Kliknięto')">Kliknij</button>
Front-end a back-end
Front-end działa po stronie klienta, czyli zwykle w przeglądarce. Back-end działa po stronie serwera i odpowiada za logikę biznesową, dostęp do bazy danych, uwierzytelnianie oraz przetwarzanie żądań.
W typowej aplikacji Angular jest front-endem, który wysyła żądania HTTP do back-endu i prezentuje otrzymane dane użytkownikowi.
Ważne na egzaminie
Jeżeli pytanie dotyczy Angulara, poprawne skojarzenie to aplikacja rodzaju front-end, a nie back-end, aplikacja desktopowa ani typowo mobilna.