Logo David Burdelak
Słownik · Web development

Co to jest front-end?

Ostatnia aktualizacja:

Front-end to warstwa strony lub aplikacji, którą widzi i z którą wchodzi w interakcję użytkownik. Obejmuje HTML, CSS i JavaScript wykonywane w przeglądarce.

Czym zajmuje się front-end developer?

Przekłada projekt graficzny na działający interfejs, dba o responsywność, dostępność i wydajność oraz łączy interfejs z API. Pracuje blisko projektantów UX i UI.

Front-end a back-end

Front-end to to, co widać w przeglądarce, a back-end to logika, baza danych i serwer. Oba elementy komunikują się najczęściej przez API.

Jakich technologii używa front-end?

HTML, CSS, JavaScript lub TypeScript, a także frameworki takie jak React czy Vue, narzędzia budowania (np. Vite) oraz systemy kontroli wersji.

Co robi front-end poza wyglądem?

Front-end to nie tylko układ i kolory. Obejmuje dostępność dla osób korzystających z czytników ekranu, wydajność ładowania, kompatybilność przeglądarek, obsługę formularzy oraz komunikację z API. To warstwa, którą oceniają wskaźniki Core Web Vitals, więc jej jakość wpływa na widoczność w wyszukiwarce. Część zespołów dzieli specjalizacje na programistów interfejsów i osoby od designu, a w mniejszych projektach jedna osoba łączy obie role.

Podstawowy zestaw narzędzi to HTML, CSS i JavaScript, często z biblioteką lub frameworkiem oraz bundlerem.

Rośnie też znaczenie TypeScriptu.

Praca wymaga stałej nauki.

Zobacz w praktyce

Powiązane pojęcia

Wszystkie hasła z kategorii Web development