PDF
Zadanie 01 — Pierwsza strona i narzędzia
Przygotowanie stanowiska pracy (edytor, serwer lokalny, przeglądarka), utworzenie pierwszego dokumentu HTML5 oraz poznanie narzędzi deweloperskich i walidatora W3C.
Czas: 2 × 45 min
Pracownia witryn i aplikacji internetowych
Zadania 68
Rok 1 34
PDF
Zadanie 02 — Szkielet semantyczny strony
Budowa strony ze znacznikami semantycznymi HTML5 i poprawną hierarchią nagłówków oraz porównanie jej z wersją zbudowaną z samych elementów div.
Czas: 2 × 45 min
PDF
Zadanie 03 — Tekst, listy i odnośniki — mini serwis
Zbudowanie serwisu z trzech podstron połączonych menu, z poprawnie dobranymi znacznikami tekstu, listami zagnieżdżonymi oraz różnymi rodzajami odnośników.
Czas: 2 × 45 min
PDF
Zadanie 04 — Obrazy i galeria
Przygotowanie grafiki do publikacji w sieci (skalowanie, kompresja, format WebP) i zbudowanie galerii miniatur z poprawnie opisanymi obrazami.
Czas: 2 × 45 min
PDF
Zadanie 05 — Tabele HTML
Budowanie tabel danych z łączeniem komórek oraz elementami poprawiającymi strukturę i dostępność (caption, thead, tbody, tfoot, scope).
Czas: 2 × 45 min
PDF
Zadanie 06 — Formularze HTML
Budowa formularza zgłoszeniowego z różnymi typami pól, poprawnymi etykietami i walidacją natywną oraz obserwacja danych wysyłanych metodą GET.
Czas: 2 × 45 min
PDF
Zadanie 07 — Multimedia i dostępność
Osadzanie wideo z napisami, dźwięku i mapy oraz przeprowadzenie audytu dostępności strony i poprawienie wykrytych problemów.
Czas: 2 × 45 min
PDF
Zadanie 08 — Zadanie kontrolne: struktura HTML
Samodzielne zbudowanie w ograniczonym czasie kompletnej strony HTML (bez CSS) na podstawie opisu i zrzutu ekranu, z poprawną semantyką i bez błędów walidacji.
Czas: 2 × 45 min
PDF
Zadanie 09 — CSS — selektory i kaskada
Dołączenie zewnętrznego arkusza CSS i stosowanie różnych rodzajów selektorów oraz zrozumienie kaskady i specyficzności na podstawie przewidywań sprawdzanych w narzędziach F12.
Czas: 2 × 45 min
PDF
Zadanie 10 — Model pudełkowy i typografia — karty informacyjne
Stylowanie kart informacyjnych z wykorzystaniem modelu pudełkowego, jednostek rem i em, kolorów hsl, cieni i zaokrągleń oraz lokalnie dołączonego kroju pisma.
Czas: 2 × 45 min
PDF
Zadanie 11 — Układ strony float — styl INF.03
Zbudowanie klasycznego układu egzaminacyjnego (baner, trzy panele obok siebie, stopka) z użyciem float i szerokości w procentach według podanych wymagań kolorów i wymiarów.
Czas: 2 × 45 min
PDF
Zadanie 12 — Pozycjonowanie elementów
Stosowanie właściwości position (relative, absolute, fixed, sticky), z-index i overflow do budowy typowych elementów strony: przyklejonego menu, przycisku powrotu na górę i etykiety na karcie produktu.
Czas: 2 × 45 min
PDF
Zadanie 13 — Flexbox w praktyce
Budowanie typowych fragmentów układu strony Flexboxem: poziomego paska nawigacji, wyśrodkowanego bloku, sekcji kart z zawijaniem i stopki przyklejonej do dołu okna.
Czas: 2 × 45 min
PDF
Zadanie 14 — CSS Grid w praktyce
Budowanie układu strony siatką CSS Grid z nazwanymi obszarami oraz galerii, która sama dopasowuje liczbę kolumn do szerokości okna; porównanie z rozwiązaniem we Flexboxie.
Czas: 2 × 45 min
PDF
Zadanie 15 — Strona responsywna (mobile first)
Przebudowa gotowej strony na responsywną w podejściu mobile first: układ 1 → 2 → 3 kolumny w punktach przerwania, menu zwijane bez JavaScriptu, obrazy responsywne (srcset, sizes, picture) i test w trybie urządzeń.
Czas: 2 × 45 min
PDF
Zadanie 16 — Efekty, animacje i tryb ciemny
Ożywianie strony efektami CSS (stany :hover, :focus-visible, :active, przejścia, transformacje, animacje @keyframes, pseudoelementy) z poszanowaniem preferencji użytkownika: trybu ciemnego i ograniczenia ruchu.
Czas: 2 × 45 min
PDF
Zadanie 17 — Grafika do strony w GIMP
Przygotowanie grafik na stronę WWW w programie GIMP według precyzyjnych poleceń (wymiary, kadr, tryb koloru, przezroczystość, format) oraz świadomy wybór formatu i licencji grafiki.
Czas: 2 × 45 min
PDF
Zadanie 18 — Projekt: strona wizytówka — część 1 (makieta,
Zaplanowanie i zbudowanie struktury HTML wszystkich podstron strony wizytówki fikcyjnej firmy: od karty projektu i makiety, przez semantyczny HTML z menu łączącym podstrony, po przygotowane grafiki.
Czas: 2 × 45 min
PDF
Zadanie 19 — Projekt: strona wizytówka — część 2 (CSS, RWD,
Dokończenie strony wizytówki z zadania 18: wspólny arkusz CSS ze zmiennymi, układ responsywny (mobile first), efekty interakcji, kontrola jakości (walidacja W3C, Lighthouse) i krótka prezentacja projektu.
Czas: 2 × 45 min
PDF
Zadanie 20 — Próba INF.03: witryna bez skryptów
Samodzielne wykonanie w 90 minut witryny według szczegółowego opisu: przygotowanie grafiki, struktura HTML z tabelą, listą i obrazami oraz arkusz CSS z zadanymi kolorami, krojami i wymiarami — w warunkach zbliżonych do egzaminu.
Czas: 2 × 45 min
PDF
Zadanie 21 — JavaScript — pierwsze skrypty
Pierwsze programy w JavaScripcie: konsola przeglądarki, zmienne i typy, operatory (w tym == i ===), instrukcje warunkowe i pętle, wyświetlanie wyniku na stronie oraz szukanie błędów z punktem przerwania.
Czas: 2 × 45 min
PDF
Zadanie 22 — JavaScript — warunki i pętle na stronie
Pisanie funkcji, które odczytują liczbę z pola formularza, sprawdzają poprawność danych, podejmują decyzje (if, switch), liczą w pętli i wyświetlają wynik w akapicie strony.
Czas: 2 × 45 min
PDF
Zadanie 23 — JavaScript — funkcje i tablice
Pisanie własnych funkcji z parametrami i wartością zwracaną oraz przetwarzanie tablic liczb: średnia, minimum i maksimum, sortowanie liczbowe, filter i map.
Czas: 2 × 45 min
PDF
Zadanie 24 — JavaScript — obiekty i tablice obiektów
Przetwarzanie tablicy obiektów: wyświetlanie danych w tabeli HTML, obliczanie statystyk, sortowanie po różnych polach, filtrowanie na żywo oraz użycie obiektów wbudowanych Math i Date.
Czas: 2 × 45 min
PDF
Zadanie 25 — DOM — modyfikowanie strony
Zmienianie treści, klas, atrybutów i stylów elementów strony w reakcji na kliknięcia oraz bezpieczne wstawianie tekstu wpisanego przez użytkownika.
Czas: 2 × 45 min
PDF
Zadanie 26 — Zdarzenia i formularze w JavaScript
Obsługa zdarzeń click , input , change i submit : przeliczanie zamówienia na żywo oraz walidacja formularza w JavaScript z czytelnymi komunikatami pod polami.
Czas: 2 × 45 min
PDF
Zadanie 27 — Mini-aplikacja JS: quiz lub lista zakupów
Zbudowanie małej aplikacji jednostronicowej, w której stan przechowywany jest w tablicy obiektów, a widok odtwarza jedna funkcja renderująca wywoływana po każdej zmianie danych.
Czas: 2 × 45 min
PDF
Zadanie 28 — Git i GitHub — wersjonowanie i GitHub Pages
Prowadzenie historii zmian projektu w Git (commit, gałąź, scalenie z rozwiązaniem konfliktu), wysłanie repozytorium na GitHub i opublikowanie strony przez GitHub Pages.
Czas: 2 × 45 min
PDF
Zadanie 29 — Publikacja na hostingu i podstawy SEO
Opublikowanie strony na serwerze przez SFTP/FTP, sprawdzenie HTTPS oraz przygotowanie podstawowych elementów SEO i podglądu w mediach społecznościowych, zweryfikowanych audytem Lighthouse.
Czas: 2 × 45 min
PDF
Zadanie 30 — Próba INF.03: witryna ze skryptem JS
Samodzielne wykonanie w 90 minut witryny według opisu w stylu egzaminu INF.03: przygotowanie grafiki, struktura HTML, formatowanie CSS i skrypt obliczający koszt na podstawie formularza.
Czas: 2 × 45 min
PDF
Zadanie 31 — Projekt roczny cz. 1 — planowanie i makieta
Zaplanowanie witryny zespołowej: określenie odbiorców i wymagań, mapa strony, makiety mobile i desktop, repozytorium Git z podziałem zadań.
Czas: 2 × 45 min
PDF
Zadanie 32 — Projekt roczny cz. 2 — HTML i CSS
Zbudowanie wszystkich podstron projektu zespołowego w semantycznym HTML i responsywnym CSS zgodnie z makietami, z regularnymi commitami każdego członka zespołu.
Czas: 2 × 45 min
PDF
Zadanie 33 — Projekt roczny cz. 3 — JavaScript, testy i publikacja
Dodanie do projektu zespołowego interaktywnych elementów JavaScript, przetestowanie witryny (scenariusze, W3C, Lighthouse), opublikowanie jej i zaprezentowanie efektów.
Czas: 2 × 45 min
PDF
Zadanie 34 — Zadanie zaliczeniowe roku 1
Sprawdzenie umiejętności z całego roku: samodzielne wykonanie w 90 minut witryny z opisu — grafika, semantyczny HTML, CSS Grid/Flexbox z responsywnością, tabela, formularz i skrypt obsługujący zdarzenia.
Czas: 2 × 45 min
Rok 2 34
PDF
Zadanie 01 — Powtórka: strona z formularzem i skryptem
Sprawdzenie, co pamiętasz z roku 1: zbudujesz formularz rezerwacji, napiszesz skrypt walidujący dane i liczący koszt, a na końcu ocenisz swoje umiejętności i zaplanujesz powtórkę.
Czas: 2 × 45 min
PDF
Zadanie 02 — Nowoczesny JavaScript w praktyce
Przepisanie działającego, ale przestarzałego skryptu sklepu na współczesny JavaScript: moduły ES, szablony tekstowe, funkcje strzałkowe, destrukturyzację, spread, operatory ?. i ?? oraz klasę.
Czas: 2 × 45 min
PDF
Zadanie 03 — Formularz z walidacją i localStorage
Zbudowanie formularza kontaktowego z walidacją na żywo (atrybuty HTML, Constraint Validation API, wyrażenia regularne) oraz zapisywanie szkicu i listy notatek w localStorage tak, aby przetrwały odświeżenie strony.
Czas: 2 × 45 min
PDF
Zadanie 04 — Fetch i publiczne API — kursy walut NBP
Napisanie aplikacji, która pobiera aktualne kursy walut z publicznego API NBP funkcją fetch z async/await , pokazuje stan ładowania i błędy, wyświetla dane w tabeli i na wykresie.
Czas: 2 × 45 min
PDF
Zadanie 05 — PHP — pierwsze skrypty
Uruchomienie pierwszych skryptów PHP na serwerze Apache z XAMPP: zmienne i typy, echo, instrukcje warunkowe i match, pętle generujące tabelę i kalendarz oraz czytanie komunikatów o błędach.
Czas: 2 × 45 min
PDF
Zadanie 06 — PHP — tablice, funkcje i szablon strony
Wyświetlanie danych z tablic asocjacyjnych w tabeli HTML, pisanie własnych funkcji z typami parametrów, użycie funkcji tablicowych oraz zbudowanie kilku podstron ze wspólnych plików dołączanych z wyróżnionym aktywnym odnośnikiem.
Czas: 2 × 45 min
PDF
Zadanie 07 — PHP — obsługa formularzy
Odbieranie danych z formularzy metodami GET i POST, walidacja po stronie serwera z komunikatami przy polach, ponowne wypełnianie pól z bezpiecznym wypisywaniem ( htmlspecialchars ) oraz zastosowanie wzorca Post/Redirect/Get.
Czas: 2 × 45 min
PDF
Zadanie 08 — PHP i MySQL — MySQLi jak na egzaminie
Połączenie strony PHP z bazą MariaDB/MySQL rozszerzeniem MySQLi w stylu egzaminu INF.03: lista i tabela z wyników zapytań, zapytanie z parametrem z formularza przez mysqli_prepare i dodanie rekordu z formularza.
Czas: 2 × 45 min
PDF
Zadanie 09 — PHP i PDO — CRUD: katalog filmów
Zbudowanie aplikacji z pełnym zestawem operacji CRUD (lista, dodawanie, edycja, usuwanie) na bazie MariaDB/MySQL z użyciem PDO, zapytań przygotowanych, obsługi wyjątków, potwierdzenia usunięcia i komunikatów flash.
Czas: 2 × 45 min
PDF
Zadanie 10 — Zadanie kontrolne: PHP + baza
Samodzielne wykonanie w 90 minut zadania w stylu egzaminu INF.03: kwerendy SQL, witryna z układem blokowym i stylami według specyfikacji oraz skrypty PHP wyświetlające, wyszukujące i dodające dane w bazie.
Czas: 2 × 45 min
PDF
Zadanie 11 — Sesje i ciasteczka
Zapamiętywanie stanu w bezstanowym protokole HTTP: licznik odwiedzin i preferencja motywu w ciasteczkach z właściwymi atrybutami oraz koszyk zakupów w sesji PHP, sprawdzane w narzędziach F12.
Czas: 2 × 45 min
PDF
Zadanie 12 — Rejestracja i logowanie
Zbudowanie kompletnego mechanizmu kont użytkowników w PHP: rejestracja z bezpiecznym przechowywaniem haseł, logowanie z sesją, ochrona podstron i podział na role.
Czas: 2 × 45 min
PDF
Zadanie 13 — Upload plików, obsługa błędów i import CSV
Bezpieczne przyjmowanie plików od użytkownika w PHP, czytelna obsługa i logowanie błędów oraz import danych z pliku CSV do bazy.
Czas: 2 × 45 min
PDF
Zadanie 14 — Bezpieczeństwo — audyt i poprawa aplikacji
Przeprowadzenie przeglądu bezpieczeństwa małej aplikacji PHP według listy kontrolnej i poprawienie kodu tak, aby stosował dobre praktyki obronne.
Czas: 2 × 45 min
PDF
Zadanie 15 — PHP obiektowy — sklep w klasach
Zaprojektowanie i napisanie kilku współpracujących klas PHP z hermetyzacją, interfejsem i przestrzeniami nazw oraz sprawdzenie ich działania skryptem testów.
Czas: 2 × 45 min
PDF
Zadanie 16 — Composer, autoload PSR-4 i biblioteka phpdotenv
Zarządzanie zależnościami projektu PHP Composerem: autoload klas zgodny z PSR-4, instalacja biblioteki z Packagist i przeniesienie konfiguracji bazy do pliku.env poza repozytorium.
Czas: 2 × 45 min
PDF
Zadanie 17 — Mini-MVC: front controller i routing
Przebudowa prostej aplikacji CRUD na architekturę MVC z jednym punktem wejścia, routerem i przyjaznymi adresami URL.
Czas: 2 × 45 min
PDF
Zadanie 18 — REST API w PHP i klient w JavaScript
Zbudowanie w PHP interfejsu REST zwracającego JSON dla zasobu z bazy oraz klienta w JavaScript, który korzysta z niego przez fetch.
Czas: 2 × 45 min
PDF
Zadanie 19 — Próba INF.03: pełny arkusz — Pasieka Złoty Ul
Sprawdzenie w warunkach zbliżonych do egzaminu umiejętności wykonania pełnego zadania INF.03: baza danych, witryna HTML/CSS, skrypt PHP z MySQLi i skrypt JavaScript.
Czas: 2 × 45 min
PDF
Zadanie 20 — Laravel — pierwsza aplikacja
Utworzenie pierwszej aplikacji w frameworku Laravel: trasy, kontroler, szablony Blade z układem, migracja, model Eloquent i lista rekordów z bazy.
Czas: 2 × 45 min
PDF
Zadanie 21 — Laravel — formularze, walidacja i CRUD
Rozbudowa aplikacji Laravel o pełny CRUD z kontrolerem zasobów, walidacją danych, komunikatami błędów i paginacją oraz porównanie z czystym PHP.
Czas: 2 × 45 min
PDF
Zadanie 22 — React — komponenty i stan
Zbudowanie pierwszej aplikacji w React: podział interfejsu na komponenty, przekazywanie danych przez props, stan useState , renderowanie list z kluczem i formularz kontrolowany.
Czas: 2 × 45 min
PDF
Zadanie 23 — React — dane z API
Pobieranie danych z API w aplikacji React (useEffect + fetch) z obsługą stanu ładowania i błędu, filtrowanie i sortowanie po stronie klienta oraz przygotowanie wersji produkcyjnej.
Czas: 2 × 45 min
PDF
Zadanie 24 — Git w zespole — gałęzie, pull requesty i konflikty
Praca zespołowa w jednym repozytorium GitHub: Issues jako lista zadań, gałęzie funkcji, pull requesty z przeglądem kodu, rozwiązanie konfliktu scalania i oznaczenie wersji tagiem.
Czas: 2 × 45 min
PDF
Zadanie 25 — Bootstrap 5 — szybki interfejs sklepu
Zbudowanie responsywnej strony sklepu z gotowych komponentów Bootstrap 5 (siatka, navbar, karty, formularz z walidacją, modal) oraz porównanie tego podejścia z własnym CSS i z instalacją przez npm.
Czas: 2 × 45 min
PDF
Zadanie 26 — WordPress — instalacja i konfiguracja
Ręczna instalacja WordPressa na XAMPP z osobną bazą i użytkownikiem, konfiguracja witryny, utworzenie stron, wpisów i menu w motywie blokowym oraz poznanie ról użytkowników.
Czas: 2 × 45 min
PDF
Zadanie 27 — WordPress — wtyczki, bezpieczeństwo i kopie
Rozbudowa witryny WordPress o wtyczki (formularz, SEO, kopie zapasowe), zabezpieczenie instalacji wg listy kontrolnej oraz przeniesienie witryny w nowe miejsce z kopii bazy i plików.
Czas: 2 × 45 min
PDF
Zadanie 28 — Wydajność i dostępność w praktyce
Zmierzenie wydajności i dostępności strony narzędziem Lighthouse, poprawienie jej (obrazy WebP/AVIF, lazy loading, defer, cache, poprawki WCAG 2.2) i udokumentowanie efektu pomiarem przed i po.
Czas: 2 × 45 min
PDF
Zadanie 29 — Wdrożenie aplikacji PHP + MySQL
Przygotowanie aplikacji PHP + MySQL do wdrożenia (konfiguracja poza kodem, katalog public, bezpieczne błędy, konto bazy z minimalnymi uprawnieniami) i przeniesienie jej na serwer przez SFTP z testem po wdrożeniu; Docker Compose jako alternatywa lokalna.
Czas: 2 × 45 min
PDF
Zadanie 30 — Próba INF.03: pełny arkusz nr 2 — szkółka roślin
Samodzielne wykonanie w 90 minut kompletnego zadania egzaminacyjnego: baza danych z zapytaniami, przygotowanie grafiki, witryna HTML/CSS i skrypt PHP z mysqli, a następnie samoocena według kryteriów i analiza błędów.
Czas: 2 × 45 min
PDF
Zadanie 31 — Projekt końcowy cz. 1 — specyfikacja, baza i
Zaplanowanie zespołowej aplikacji webowej: wymagania i przypadki użycia, model danych (ERD i skrypt SQL z danymi testowymi), makiety oraz repozytorium z podziałem zadań.
Czas: 2 × 45 min
PDF
Zadanie 32 — Projekt końcowy cz. 2 — backend
Zbudowanie zaplecza aplikacji zespołowej: logowanie i role, CRUD głównego zasobu, reguła biznesowa, walidacja po stronie serwera i zabezpieczenia wg listy kontrolnej, potwierdzone planem testów ręcznych.
Czas: 2 × 45 min
PDF
Zadanie 33 — Projekt końcowy cz. 3 — frontend i integracja
Zbudowanie responsywnego i dostępnego interfejsu aplikacji zespołowej (Bootstrap lub React), połączenie go z backendem przez endpoint JSON i fetch oraz poprawa kodu po przeglądzie.
Czas: 2 × 45 min
PDF
Zadanie 34 — Projekt końcowy cz. 4 — wdrożenie, dokumentacja i
Wdrożenie aplikacji zespołowej na serwer, przygotowanie dokumentacji (README, instrukcja użytkownika, opis API i bazy), audyt Lighthouse oraz prezentacja projektu z demonstracją na żywo.
Czas: 2 × 45 min
Materiały 2
Nic nie znaleziono.