Podstawy HTML5 & Selektory CSS
Solidny start od zera: znaczniki semantyczne <header>, <main>, <footer>, nagłówki, listy <ol>/<ul>, tabele, linki oraz selektory CSS (klasa, id, znacznik).
Autorska baza 175 atomów wiedzy i żelaznych reguł egzaminacyjnych INF.03 opracowanych przez Pana Pawła. Żadnych skrótów myślowych, czysta logika programistyczna, pułapki CKE, kopiowanie do schowka i natychmiastowe testowanie kodu w konsoli i warsztacie.
Wszystkie moduły są aktywne i gotowe do pracy. Rozwiązuj zadania bezpośrednio w przeglądarce z natychmiastowym sprawdzaniem kodu.
Solidny start od zera: znaczniki semantyczne <header>, <main>, <footer>, nagłówki, listy <ol>/<ul>, tabele, linki oraz selektory CSS (klasa, id, znacznik).
Kluczowe zagadnienia z oficjalnych arkuszy: centrowanie margin: 0 auto, elastyczny Flexbox (justify-content, align-items), formularze, tabele z border-collapse i responsywne obrazki.
Zadania na ocenę celującą i 100%: dwuwymiarowy CSS Grid (grid-template-columns, repeat(3, 1fr)), Media Queries RWD (@media), pozycjonowanie sticky/fixed oraz zmienne var(--).
Totalne fundamenty logiki w sali 220 od zera: zmienne let vs const, typy danych, operatory, konkatenacja stringów oraz pętla while z zabezpieczeniem Anti-Freeze Guard przed zawieszeniem.
Kompletny symulator z oficjalnych arkuszy egzaminacyjnych: pobieranie pól formularzy .value, radio buttony querySelector, checkbox .checked, zaokrąglenia toFixed(2) i obliczenia cenników.
Pewniaki na 100%: komparator numeryczny (a, b) => a - b, metody tablicowe filter i reduce, wyrażenia regularne RegExp (kody pocztowe, hasła) oraz algorytm sumy kontrolnej PESEL.
Fundamenty skryptów serwerowych: zmienne z dolarem $, łączenie napisów kropką ., tworzenie uchwytu przez mysqli_connect, kontrola błędu mysqli_connect_error oraz mysqli_close.
Żelazny standard egzaminu: odbiór $_POST, walidacja isset i !empty, kwerendy INSERT INTO, UPDATE ... WHERE, DELETE, agregacje COUNT(*) i dynamiczne wiersze <tr><td>.
Zadania na ocenę celującą: kwerendy relacyjne INNER JOIN z aliasami, GROUP BY ... HAVING, ochrona przed XSS (htmlspecialchars), SQLi (mysqli_real_escape_string), sesje $_SESSION i Bcrypt.
Ucz się kluczowych mechanizmów programistycznych w formie wciągającej rozgrywki! Każda gra uczy konkretnych umiejętności z arkusza egzaminacyjnego: od pozycjonowania Flexbox, przez relacje SQL, zdarzenia DOM, aż po zaawansowane selektory CSS.
Zostań mistrzem nowoczesnego układu stron! Parkuj maszyny rolnicze i nawadniaj pola uprawne za pomocą reguł CSS Flexbox: justify-content, align-items, flex-direction i flex-wrap.
Epickie starcie z bazą danych w czasie rzeczywistym! Pisz zapytania SELECT, filtruj z WHERE, łącz tabele JOIN i grupuj z GROUP BY pod presją tykającego zegara.
Dynamiczny trenażer asynchronicznych zdarzeń przeglądarki! Programuj i wywołuj w ułamku sekundy click, dblclick, mouseenter, keydown, input i contextmenu.
Precyzja godna wojownika cienia! Celuj regułami CSS w wyznaczone węzły DOM. Opanuj kombinatory >, +, ~, selektory atrybutów [attr*=""] oraz pseudoklasy :nth-child i :not().