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
Działanie strony internetowej w przeglądarce
Błędy JavaScript - jak ich skutecznie unikać?
Refaktoryzacja JavaScript – jak poprawić Interaction to Next Paint (INP)