Technologie i Architektura aplikacji WEB

Architektura aplikacji WEB (Klient-Serwer)

Nowoczesne aplikacje internetowe działają w modelu rozproszonym podzielonym na dwie główne warstwy:

[ PRZEGLĄDARKA KLIENTA (Frontend) ]
     HTML5 + CSS3 + JavaScript / React / Angular
                 |           ^
        HTTP/HTTPS   REST API / JSON
                 v           |
[ SERWER APLIKACYJNY (Backend) ]
     C# (ASP.NET) / PHP (Symfony) / Java (Spring) / Python
                 |           ^
             Sterownik Bazy (SQL / ORM)
                 v           |
[ BAZA DANYCH (Database) ]
     MySQL / MariaDB / PostgreSQL / MS SQL Server

Trzy warstwy aplikacji Webowej:

1. Frontend (Część kliencka): Renderowanie interfejsu, obsługa zdarzeń użytkownika, responsywność (RWD), walidacja wstępna formularzy w JavaScript.
2. Backend (Część serwerowa): Bezpieczna walidacja reguł biznesowych, autoryzacja (JWT, sesje), komunikacja z bazami danych, generowanie odpowiedzi JSON / HTML.
3. Baza Danych: Trwałe przechowywanie encji w tabelach relacyjnych.

Protokoły komunikacji Web:

• HTTP/HTTPS: Bezstanowy protokół żądań i odpowiedzi (Request-Response).
• WebSocket: Dwukierunkowy, pełnodupleksowy kanał komunikacji w czasie rzeczywistym (czaty, gry online, giełda).
• REST API: Styl architektoniczny oparty na standardowych metodach HTTP (GET, POST, PUT, DELETE) operujących na zasobach (URI).

Pułapki na egzaminie INF.04:

• Walidacja formularza wykonana wyłącznie po stronie klienta (w JavaScript) nie jest bezpieczna, ponieważ użytkownik może ją łatwo obejść; walidacja po stronie serwera (Backend) jest bezwzględnie obowiązkowa.