HTTP w praktyce: metody, kody, nagłówki

1. Wprowadzenie (2 min) - Czym jest HTTP i dlaczego każdy programista webowy musi go rozumiec
2. Teoria: Metody HTTP (2 min) - GET, POST, PUT, DELETE i ich zastosowania
3. Teoria: Kody odpowiedzi (2 min) - Kategorie 2xx, 3xx, 4xx, 5xx z przykładami
4. Demo praktyczne (4 min) - Analiza requestow w DevTools przegladarki
5. Podsumowanie (2 min) - Kluczowe wnioski i najczestsze błędy

GET /api/users?page=1&limit=10 HTTP/1.1
Host: example.com
Accept: application/json

POST /api/users HTTP/1.1
Host: example.com
Content-Type: application/json

{"name": "Jan", "email": "jan@example.com"}

DELETE /api/users/123 HTTP/1.1
Host: example.com
Authorization: Bearer token123

Przygotuj diagram pokazujacy:

• Przegladarka (klient) po lewej stronie
• Serwer po prawej stronie
• Strzałka “Request” od klienta do serwera
• Strzałka “Response” od serwera do klienta
• Przy każdej strzałce przykładowe dane (metoda, URL, kody)

Pokaz strukture pełnego requestu:

[Linia startowa: METODA /ścieżka HTTP/1.1]
[Nagłówki: Host, Content-Type, Accept...]
[Pusta linia]
[Ciało zadania (opcjonalne)]

Przygotuj czytelna tabele z 10-12 najczesciej spotykanych kodow, pogrupowanych kolorami według kategorii (2xx-zielony, 3xx-niebieski, 4xx-żółty, 5xx-czerwony).

Diagram sekwencyjny pokazujacy:

1. Użytkownik wysyła formularz (POST)
2. Serwer przetwarza i odpowiada 302
3. Przegladarka automatycznie wykonuje GET
4. Użytkownik widzi strone potwierdzenia

1. Otworz DevTools (F12) i przejdz do zakładki Network
2. Wejdz na dowolna strone (np. google.com)
3. Pokaz pierwszy request - zwroc uwage na:
   • Metode (GET)
   • Status (200)
   • Nagłówki Request i Response
   • Rozmiar odpowiedzi i czas ladowania

1. Znajdz strone z formularzem (np. wyszukiwarka)
2. Wypełnij formularz i wyslij
3. Pokaz request POST w DevTools
4. Zwroc uwage na:
   • Zakładkę Payload (dane formularza)
   • Content-Type: application/x-www-form-urlencoded
   • Ewentualne przekierowanie (301/302)

1. Wpisz nieistniejacy adres URL
2. Pokaz kod odpowiedzi 404
3. Omow, jak serwer informuje o braku zasobu

<?php
// Przykład obsługi różnych metod HTTP w PHP
$method = $_SERVER['REQUEST_METHOD'];

switch ($method) {
    case 'GET':
        // Pobieranie danych
        $id = $_GET['id'] ?? null;
        // ... logika pobierania
        http_response_code(200);
        break;

    case 'POST':
        // Tworzenie zasobu
        $data = json_decode(file_get_contents('php://input'), true);
        // ... logika tworzenia
        http_response_code(201);
        header('Location: /api/users/123');
        break;

    case 'DELETE':
        // Usuwanie zasobu
        // ... logika usuwania
        http_response_code(204);
        break;

    default:
        http_response_code(405); // Method Not Allowed
        break;
}