Zrozumieć działanie nowoczesnych aplikacji webowych

Kiedy wpisujesz adres strony w przeglądarce i naciskasz Enter, w ułamku sekundy dzieje się magia, która angażuje wiele różnych technologii. W nowoczesnym świecie tworzenia stron internetowych (Web Developmentu), architekturę tę dzielimy na dwa główne światy: Frontend oraz Backend.

Czym jest Frontend?

Frontend (często nazywany "po stronie klienta" - client-side) to wszystko to, co użytkownik widzi na ekranie swojego monitora lub smartfona i z czym może wejść w interakcję. Głównym zadaniem frontendu jest estetyczne, szybkie i responsywne zaprezentowanie danych.

• Technologie: Święta trójca frontendu to HTML (struktura), CSS (wygląd) oraz JavaScript (interaktywność).
• Kto to wykonuje? Kod frontendowy jest pobierany z serwera, ale jego fizyczne uruchomienie i wyrenderowanie grafiki odbywa się na Twoim komputerze, bezpośrednio w przeglądarce (np. Chrome, Firefox).

Czym jest Backend?

Backend (często nazywany "po stronie serwera" - server-side) to mózg całej operacji. To kod, który działa na zdalnych maszynach i pozostaje całkowicie niewidoczny dla zwykłego użytkownika. Backend zajmuje się ciężką logiką biznesową, autoryzacją użytkowników i komunikacją z bazą danych.

• Technologie: Do pisania backendu używa się języków takich jak PHP (na którym oparta jest ta platforma!), Python, Java, C# czy środowiska Node.js.
• Zadanie: Kiedy klikasz "Zaloguj", frontend wysyła Twoje dane do backendu. Backend sprawdza w bazie danych, czy hasło jest poprawne i odsyła frontendowi odpowiedź (sukces lub błąd).