bypixel.pl logo
PL EN

Front-end: zakres i nowoczesne technologie

Nie możesz zdecydować się na jakiej technologii się skupić? A może nie do końca jest dla Ciebie jasny zakres front-endu? W tym artykule postaram się zdefiniować powyższe.

Frontend czy front-end, front-end developer wymagania i wiele innych...

Najprościej rzecz ujmując, jest to wszystko co widzi użytkownik i z czego korzysta przeglądarka internetowa.

Najbardziej podstawowe narzędzia z których korzysta developer to HTML, CSS i JavaScript - to one wpływają na aspekt wizualny strony internetowej oraz definiują jej strukturę oraz wygląd. Elementy te odpowiadają za design, layout, treść, przyciski, obrazki, nawigacje, linki itp.

Obrazowo można ująć to w następujący sposób: front-end to implementacja projektu graficznego w przeglądarce.

bypixel.pl - Front-end technologies

W ten sposób działają zawodowcy

W dzisiejszych czasach front-end developer ma jednak narzucony znacznie większy zakres obowiązków. W praktyce profesjonaliści korzystają ze zdecydowanie bardziej zaawansowanych rozwiązań niż HTML, CSS czy JS.

Są to frameworki JavaScript pozwalające rozwijać bardzo rozbudowane i szybkie aplikacje klienckie (wszystkie akcje odbywają się po stronie przeglądarki). Potocznie nazywa się je SPA (Single Page App).
W przeciwieństwie do klasycznych stron internetowych, poszczególne widoki / komponenty w SPA ładowane są asynchronicznie (bez przeładowania strony) co diametralnie wpływa na szybkość tego rozwiązania.

Narzędzia te stosuje się raczej w projektach rozbudowanych, zaawansowanych i wysokobudżetowych, wybór tej technologii front-endowej sprawi, że aplikacja będzie niesamowicie wydajna, skalowalna oraz łatwa w utrzymaniu.

bypixel.pl - Front-end technologies

Do wiodących frameworków należą: REACT, AngularJS oraz Vue.js, z którego korzystają programisci ByPixel.

Zalety SPA

  • szybsze działanie aplikacji
  • mniejsze obciążenie serwera
  • mniejsze obciążenie urządzenia klienckiego (przeglądarki)
  • płynne przejścia bez przeładowania strony

Wady SPA

  • możliwość braku kompatybilności ze starszymi przeglądarkami
  • możliwość wystąpienia trudności z pozycjonowaniem
Zaciekawiło Cię to rozwiązanie? Skontaktuj się i porozmawiaj o szczegółach.
Back to articles list
,

We use cookies, read more in

Privacy Policy I accept cookies