Frontend

Frontend to część aplikacji lub strony internetowej, z którą użytkownicy bezpośrednio wchodzą w interakcję. Jest to wszystko, co widzisz na ekranie, czyli interfejs użytkownika, wygląd i interaktywność strony czy aplikacji. Celem frontendowca jest stworzenie estetycznego, funkcjonalnego i responsywnego interfejsu, który działa płynnie na różnych urządzeniach.

Elementy składające się na frontend:

1. HTML (Hypertext Markup Language):

   • Podstawowy język do tworzenia struktury strony internetowej.
   • Określa, jakie elementy znajdują się na stronie (np. nagłówki, akapity, listy, obrazy).

2. CSS (Cascading Style Sheets):

   • Odpowiada za wygląd strony – kolory, układ, czcionki, marginesy, itd.
   • Umożliwia tworzenie responsywnych układów, które dostosowują się do rozmiaru ekranu (np. na komputerze, tablecie i telefonie).

3. JavaScript:

   • Umożliwia interaktywność strony.
   • Dzięki JavaScriptowi można tworzyć dynamiczne elementy, jak formularze, galerie zdjęć, animacje, przyciski do nawigacji czy interaktywne mapy.

4. Frameworki i biblioteki JavaScript:

   • React.js, Angular, Vue.js: Używane do budowy aplikacji frontendowych, które wymagają interakcji użytkownika.
   • Bootstrap, Tailwind CSS: Pomagają w szybkim tworzeniu responsywnych i estetycznych interfejsów.

5. Responsywność i mobile-first design:

   • Tworzenie stron, które dobrze wyglądają na różnych urządzeniach (komputery, smartfony, tablety), zapewniając płynne i wygodne korzystanie.

6. Optymalizacja wydajności:

   • Szybkość ładowania strony i optymalizacja zasobów (np. obrazów, skryptów), aby użytkownik miał jak najlepsze doświadczenia.

Cele frontendowca:

• Stworzenie estetycznego, użytecznego i dostępnego interfejsu.
• Zapewnienie płynności działania na różnych urządzeniach.
• Ułatwienie użytkownikowi interakcji z aplikacją/stroną poprzez dobrze zaprojektowaną nawigację i funkcje.