Czym jest serwer i po co jest Node.js

Pamiętasz formularz bez odbiorcy?

Na poziomie 2 zbudowałeś formularz, który sprawdzał wiadomość, dziękował… i wyrzucał ją. Nie było gdzie zapisać. Twoja strona do tej pory potrafi tylko dostarczać gotowe pliki – nie odbierać i pamiętać. Do tego potrzebujesz serwera. I właśnie tego się nauczysz budować.

Frontend i backend

Każda duża aplikacja (Instagram, szkoła online, sklep) ma dwie połowy:

• Frontend – wszystko w przeglądarce odwiedzającego. HTML, CSS, JavaScript, React. To już znasz!
• Backend – program na serwerze. Odbiera żądania, zapisuje dane, stosuje reguły. Dzięki Node.js można go pisać w języku, który znasz: JavaScript.

Jak rozmawiają? Przez API (Application Programming Interface) – ustalone adresy, pod którymi backend odpowiada. Przykład rozmowy:

Frontend:  GET /api/messages         ("Send me all the messages.")
Backend:   [{ "name": "Grandma", "text": "Lovely website!" }]

Frontend:  POST /api/messages        ("Here's data, save it: ...")
Backend:   { "saved": true }

• GET = „daj dane” (przeglądarka robi to przy każdym otwarciu strony).
• POST = „oto dane, zapisz” (tak działa twój formularz).

Dane lecą w formacie JSON – wygląda prawie jak obiekty JavaScript z quizu. Przypadek? Nie – JSON to JavaScript Object Notation. Jest po twojej stronie.

Gdzie działa taki backend?

Podczas pracy na twoim komputerze (localhost – znasz z Vite). W produkcji na komputerze zawsze włączonym i podłączonym – wynajęty fragment serwera (VPS) albo usługa typu Render, Railway… Wdrożenie w ostatniej lekcji.

Teraz ty 💪 (mini-misja z ciekawości)

1. Otwórz ulubioną stronę, F12, zakładka Network. Odśwież i patrz na lawinę żądań – każda linia to rozmowa przeglądarki z serwerem.
2. Znajdź żądanie GET i takie, które zwraca JSON (kolumna Type: json albo fetch). Kliknij i zobacz odpowiedź – dane, z których buduje się strona.
3. Wpisz w konsoli, jak frontend sam prosi o dane:

fetch("https://api.chucknorris.io/jokes/random")
  .then((response) => response.json())
  .then((data) => console.log(data.value));

fetch(...) to rozkaz JavaScript „zadzwoń do API.” W lekcji 9 użyjesz go, żeby podłączyć formularz do własnego serwera.

Co wyniesiesz z tej lekcji

• Frontend działa u odwiedzającego, backend na serwerze; rozmawiają przez API z GET (daj) i POST (zapisz).
• Dane krążą w JSON – wygląda jak obiekty JavaScript.
• fetch() to sposób, w jaki frontend prosi serwer o dane.

© 2026 Ing. Martin Polak / AlgoRhino · Warunki korzystania z treści