• click - klikniecie mysza
• submit - proba wyslania formularza (NA FORM, nie na button!)
• input - kazda zmiana tresci pola
• change - po zatwierdzeniu zmiany
• load - po wczytaniu strony
• mouseover - najechanie kursorem
• keyup - puszczenie klawisza
• focus/blur - wejscie/wyjscie z pola

// Skladnia
element.addEventListener("nazwa-zdarzenia", funkcja);

// Przyklad
przycisk.addEventListener("click", function(e) {
  e.preventDefault();  // anuluje domyslne dzialanie
  console.log("Kliknieto!");
});

// Kod po zbudowaniu DOM
document.addEventListener("DOMContentLoaded", function() {
  console.log("Strona gotowa");
});

7. Local Storage i ciasteczka

// LOCAL STORAGE - dane przetrwaja zamkniecie przegladarki
localStorage.setItem("klucz", "wartosc");
localStorage.getItem("klucz");     // "wartosc"
localStorage.removeItem("klucz");
localStorage.clear();

// Zapis obiektu jako JSON
const koszyk = [{nazwa: "Mysz", cena: 79}];
localStorage.setItem("koszyk", JSON.stringify(koszyk));
const odczyt = JSON.parse(localStorage.getItem("koszyk"));

// SESSION STORAGE - dane znika po zamknieciu karty
sessionStorage.setItem("krok", "2");
sessionStorage.getItem("krok");

// CIASTECZKA - male (4KB), wysylane na serwer
document.cookie = "jezyk=pl; max-age=2592000; path=/";
document.cookie = "jezyk=; max-age=0; path=/";   // usuniecie

IV. Jezyk zapytan SQL

1. Podstawy - SELECT, WHERE, ORDER BY

-- Wszystkie kolumny
SELECT * FROM uczniowie;

-- Wybrane kolumny
SELECT imie, nazwisko FROM uczniowie;

-- Z usunieciem duplikatow
SELECT DISTINCT profil FROM klasy;

-- Warunki WHERE
SELECT * FROM oceny WHERE ocena > 3;
SELECT * FROM oceny WHERE ocena BETWEEN 4 AND 5;     -- obustronnie domkniety!
SELECT * FROM uczniowie WHERE id_klasy IN (1, 3, 5);
SELECT * FROM uczniowie WHERE nazwisko LIKE 'Kow%';   -- % = dowolny ciag znakow
SELECT * FROM uczniowie WHERE email IS NULL;           -- NIE uzywaj = NULL!

-- Sortowanie
SELECT * FROM uczniowie ORDER BY nazwisko ASC;   -- rosnaco
SELECT * FROM uczniowie ORDER BY nazwisko DESC;  -- malejaco

-- Ograniczenie wyniku
SELECT * FROM oceny ORDER BY ocena DESC LIMIT 5;       -- 5 najwyzszych
SELECT * FROM uczniowie ORDER BY nazwisko LIMIT 10, 5;  -- strona 3 (pomin 10, wez 5)

-- Aliasy i kolumny obliczaniowe
SELECT nazwisko AS 'Nazwisko ucznia', imie FROM uczniowie;
SELECT CONCAT(imie, ' ', nazwisko) AS pelne_imie FROM uczniowie;

2. DDL - tworzenie i zmiana struktury

-- Tworzenie bazy danych
CREATE DATABASE szkola DEFAULT CHARACTER SET utf8mb4;

-- Tworzenie tabeli
CREATE TABLE uczniowie (
  id_ucznia INT AUTO_INCREMENT PRIMARY KEY,
  imie VARCHAR(30) NOT NULL,
  nazwisko VARCHAR(50) NOT NULL,
  email VARCHAR(80) UNIQUE,
  id_klasy INT,
  FOREIGN KEY (id_klasy) REFERENCES klasy(id_klasy)
);

-- Modyfikacja tabeli
ALTER TABLE uczniowie ADD COLUMN telefon VARCHAR(15);
ALTER TABLE uczniowie MODIFY COLUMN nazwisko VARCHAR(80);
ALTER TABLE uczniowie DROP COLUMN telefon;

-- Usuwanie
DROP TABLE uczniowie;          -- usuwa tabele i strukture
TRUNCATE TABLE uczniowie;      -- usuwa dane, zostawia strukture, zeruje AUTO_INCREMENT
DELETE FROM uczniowie WHERE id = 1;  -- usuwa wiersz, AUTO_INCREMENT rosnie dalej

3. DML - INSERT, UPDATE, DELETE

-- Wstawianie danych
INSERT INTO klasy (nazwa, profil, wychowawca)
VALUES ('3A', 'programista', 'Anna Kowalska');

-- Wiele wierszy
INSERT INTO klasy (nazwa, profil) VALUES ('3B', 'grafik'), ('4A', 'sieciowiec');

-- Aktualizacja
UPDATE uczniowie SET id_klasy = 3 WHERE id_ucznia = 7;

-- Usuwanie
DELETE FROM uczniowie WHERE id_ucznia = 12;

4. JOIN - laczenie tabel

-- INNER JOIN - tylko pasujace wiersze z obu stron
SELECT u.imie, k.nazwa AS klasa
FROM uczniowie AS u
INNER JOIN klasy AS k ON u.id_klasy = k.id_klasy;

-- LEFT JOIN - wszystkie z lewej + pasujace z prawej (NULL gdy brak)
SELECT u.nazwisko, o.ocena
FROM uczniowie AS u
LEFT JOIN oceny AS o ON u.id_ucznia = o.id_ucznia;

-- RIGHT JOIN - wszystkie z prawej + pasujace z lewej
SELECT u.nazwisko, k.nazwa AS klasa
FROM uczniowie AS u
RIGHT JOIN klasy AS k ON u.id_klasy = k.id_klasy;

-- Laczenie wielu tabel
SELECT k.nazwa AS klasa, u.nazwisko, p.nazwa AS przedmiot, o.ocena
FROM oceny AS o
INNER JOIN uczniowie AS u ON o.id_ucznia = u.id_ucznia
INNER JOIN przedmioty AS p ON o.id_przedmiotu = p.id_przedmiotu
INNER JOIN klasy AS k ON u.id_klasy = k.id_klasy;

-- Uczniowie BEZ ocen (LEFT JOIN + IS NULL)
SELECT u.imie, u.nazwisko
FROM uczniowie AS u
LEFT JOIN oceny AS o ON u.id_ucznia = o.id_ucznia
WHERE o.id_oceny IS NULL;

5. Agregacja, GROUP BY, HAVING

-- Funkcje agregujace
SELECT COUNT(*) AS ile FROM uczniowie;
SELECT COUNT(email) AS z_mailem FROM uczniowie;  -- NULL nie jest liczony
SELECT AVG(ocena) AS srednia FROM oceny;
SELECT MIN(ocena) AS najnizsza, MAX(ocena) AS najwyzsza FROM oceny;
SELECT SUM(liczba_godzin) AS suma FROM przedmioty;

-- GROUP BY - grupowanie
SELECT k.nazwa AS klasa, COUNT(u.id_ucznia) AS liczba_uczniow
FROM klasy AS k
LEFT JOIN uczniowie AS u ON k.id_klasy = u.id_klasy
GROUP BY k.nazwa;

-- Srednia kazdego ucznia
SELECT u.nazwisko, ROUND(AVG(o.ocena), 2) AS srednia
FROM uczniowie AS u
INNER JOIN oceny AS o ON u.id_ucznia = o.id_ucznia
GROUP BY u.id_ucznia, u.nazwisko;

-- HAVING - filtrowanie po grupowaniu
SELECT k.nazwa, COUNT(u.id_ucznia) AS ilu
FROM klasy AS k
INNER JOIN uczniowie AS u ON k.id_klasy = u.id_klasy
GROUP BY k.nazwa
HAVING COUNT(u.id_ucznia) > 25;

-- Podzapytania
SELECT id_ucznia, ocena FROM oceny
WHERE ocena > (SELECT AVG(ocena) FROM oceny);

SELECT imie, nazwisko FROM uczniowie
WHERE id_klasy IN (SELECT id_klasy FROM klasy WHERE profil = 'programista');

6. DCL - uprawnienia

-- Tworzenie uzytkownika
CREATE USER 'nauczyciel'@'localhost' IDENTIFIED BY 'Haslo1';

-- Nadawanie uprawnien
GRANT SELECT ON szkola.* TO 'nauczyciel'@'localhost';
GRANT SELECT, INSERT, UPDATE, DELETE ON szkola.* TO 'sekretariat'@'%';
GRANT ALL PRIVILEGES ON szkola.* TO 'admin'@'localhost' WITH GRANT OPTION;

-- Odbieranie uprawnien
REVOKE DELETE ON szkola.* FROM 'sekretariat'@'%';

-- Usuwanie uzytkownika
DROP USER 'nauczyciel'@'localhost';

V. Programowanie po stronie serwera (PHP)

1. Podstawy skladni

<?php
  // Zmienne - zaczynaja sie od dolara, bez deklaracji typu
  $imie = "Anna";
  echo "Witaj, " . $imie;           // kropka = konkatenacja
  echo "<p>Witaj, $imie</p>";     // zmienna w cudzyslowie sie rozwija

  // Cudzyslow vs apostrof
  echo '$imie';    // wypisze: $imie (doslownie)
  echo "$imie";    // wypisze: Anna (rozwija zmienna)

  // Tablice
  $tab = [1, 2, 3];
  $tab_asoc = ["imie" => "Anna", "wiek" => 17];
  echo $tab_asoc["imie"];   // Anna

  // Petla foreach
  foreach ($tab_asoc as $klucz => $wartosc) {
    echo "$klucz: $wartosc<br>";
  }

  // Funkcje
  function podatek($kwota, $stawka = 0.23) {
    return $kwota * $stawka;
  }
  echo podatek(1000);   // 230
?>

2. Formularze: GET i POST

<!-- formularz.html -->
<form action="wynik.php" method="post">
  <input type="text" name="imie">
  <button type="submit">Wyslij</button>
</form>

<!-- wynik.php -->
<?php
  if (isset($_POST["imie"])) {
    echo "Witaj, " . htmlspecialchars($_POST["imie"]);
  }
?>

3. Sesje i ciasteczka

<?php
  session_start();                    // MUSI byc PRZED jakimkolwiek wyjsciem na strone

  $_SESSION["uzytkownik"] = "anna";   // zapis
  echo $_SESSION["uzytkownik"];       // odczyt

  session_destroy();                  // wylogowanie
?>

4. Obsluga plikow

<?php
  // Zapis do pliku
  file_put_contents("dane.txt", "nowa linia\n", FILE_APPEND);

  // Odczyt calego pliku
  $linie = file("dane.txt", FILE_IGNORE_NEW_LINES);
  foreach ($linie as $linia) {
    echo $linia . "<br>";
  }
?>

5. Polaczenie z baza danych (mysqli)

<?php
  // Polaczenie
  $polaczenie = new mysqli("localhost", "root", "", "baza");

  if ($polaczenie->connect_errno) {
    die("Blad polaczenia: " . $polaczenie->connect_error);
  }

  $polaczenie->set_charset("utf8");   // OBOWIAZKOWE dla polskich znakow

  // Zapytanie
  $wynik = $polaczenie->query("SELECT nazwa, cena FROM produkty");

  // Petla po wynikach
  while ($wiersz = $wynik->fetch_assoc()) {
    echo "<p>" . $wiersz["nazwa"] . " - " . $wiersz["cena"] . " zl</p>";
  }

  $polaczenie->close();
?>

6. Bezpieczenstwo

// Zapytanie przygotowane - BEZPIECZNE
$stmt = $polaczenie->prepare("SELECT * FROM uzytkownicy WHERE login = ?");
$stmt->bind_param("s", $_POST["login"]);
$stmt->execute();
$wynik = $stmt->get_result();

// Bezpieczne wypisywanie danych
echo htmlspecialchars($_POST["imie"]);

7. Podzial kodu: include i require

<?php
  // polaczenie.php - dane dostepowe
  $polaczenie = new mysqli("localhost", "root", "", "baza");
  $polaczenie->set_charset("utf8mb4");
?>

<!-- index.php -->
<?php require_once "polaczenie.php"; ?>
<header>...</header>
<main>Tresc</main>
<?php include "stopka.php"; ?>

8. Funkcje tekstowe i daty

// Tekst
strlen("tekst")              // dlugosc
substr("tekst", 0, 3)        // "tek"
str_replace("a", "b", "tekst")  // podmiana
trim(" tekst ")              // obcina spacje
explode(";", "a;b;c")        // tablica: ["a", "b", "c"]
implode(", ", $tab)          // tekst: "a, b, c"
ucfirst("anna")              // "Anna"

// Liczby
number_format(12345.678, 2, ",", " ")  // "12 345,68"
round($cena, 2)                          // 19.9 (nie 19.90!)
round($cena, 2) i number_format()        // "19,90"

// Daty
echo date("Y-m-d");                      // 2026-08-16
echo date("d.m.Y", strtotime("2026-01-14"));  // 14.01.2026
echo date("Y-m-d", strtotime("$data +7 days"));  // +7 dni

9. Wysylanie plikow na serwer

<!-- Formularz MUSI miec enctype -->
<form action="wyslij.php" method="post" enctype="multipart/form-data">
  <input type="file" name="zdjecie">
  <input type="submit" value="Wyslij">
</form>

<?php
// wyslij.php
if (isset($_FILES["zdjecie"]) && $_FILES["zdjecie"]["error"] === 0) {
  $nazwa   = $_FILES["zdjecie"]["name"];
  $tymczas = $_FILES["zdjecie"]["tmp_name"];
  $rozmiar = $_FILES["zdjecie"]["size"];

  $dozwolone = ["jpg", "jpeg", "png", "gif"];
  $rozsz = strtolower(pathinfo($nazwa, PATHINFO_EXTENSION));

  if (!in_array($rozsz, $dozwolone)) {
    echo "Niedozwolony typ pliku.";
  } elseif ($rozmiar > 2 * 1024 * 1024) {
    echo "Plik wiekszy niz 2 MB.";
  } else {
    move_uploaded_file($tymczas, "zdjecia/" . $nazwa);
    echo "Wyslano: " . $nazwa;
  }
}
?>