Słownik pojęć IT Strony internetowe i web development

Frontend

Wszystko, co odwiedzający widzi i czego dotyka: układ, teksty, przyciski i animacje.

Inne określenia: front-end, warstwa prezentacji, interfejs użytkownika

Co to jest frontend strony internetowej?

Frontend to warstwa strony działająca w przeglądarce użytkownika: wygląd, rozmieszczenie treści, nawigacja, formularze i reakcje na kliknięcia. Buduje się go w HTML, CSS i JavaScripcie. To ta część, którą klient ocenia w pierwszych sekundach i po której poznaje, czy strona jest wygodna - a zarazem ta, od której zależy szybkość ładowania i działanie na telefonie.

Co należy do frontendu

  • Układ strony i to, jak dopasowuje się do ekranu telefonu, tabletu i komputera.
  • Typografia, kolory i odstępy, czyli czytelność treści.
  • Nawigacja, menu, przyciski i formularze.
  • Animacje i reakcje na działania użytkownika.
  • Optymalizacja zdjęć i skryptów wpływająca na szybkość ładowania.

Dlaczego to pojawia się w wycenach

Oferty często rozbijają koszt na frontend i backend, bo to dwie różne prace, czasem wykonywane przez różne osoby. Przy stronie wizytówkowej frontend stanowi zwykle większość zakresu, bo nie ma rozbudowanej logiki po stronie serwera. Przy sklepie i systemie proporcja się odwraca.

Gdzie frontend spotyka się z pieniędzmi

Wolna i niewygodna warstwa prezentacji kosztuje podwójnie: odwiedzający wychodzą, a wyszukiwarka bierze pod uwagę wskaźniki szybkości. To także element oceniany przy reklamach, bo jakość strony docelowej wpływa na koszt kliknięcia.

FAQ

Częste pytania o Frontend

Czy frontend to to samo co projekt graficzny?

Nie. Projekt graficzny to makieta, jak strona ma wyglądać. Frontend to zbudowanie z niej działającego interfejsu, który poprawnie zachowuje się na każdym ekranie i w każdej przeglądarce.

Czy da się zmienić sam frontend, zostawiając resztę?

Tak i bywa to sensowna forma odświeżenia: nowy wygląd na tej samej strukturze adresów i tym samym systemie zarządzania treścią. Ryzyko dla pozycji w wyszukiwarce jest wtedy niewielkie, bo adresy się nie zmieniają.

Bezpłatna wycena projektu

Porozmawiajmy o Twoim biznesie.

Przedstaw nam swoje potrzeby - zaproponujemy rozwiązanie i konkretną wycenę. Bez zobowiązań.