81 lekcje
Program obejmuje 16 modułów i 405 pytań w lekcjach.
Kurs INF.03 · dostępny
INF.03 — Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Lekcje, testy, karty typów zadań i rozwiązane arkusze do części praktycznej INF.03.
160arkuszy
216modułów
381lekcje
4405pytań w lekcjach
527 / 541testów / pytań
649kart w 7 rozdziałach
74010zrzutów ekranu
Zawartość kursu
49 kart typów zadań
7 rozdziałów: Baza danych, Grafika, HTML, CSS, PHP, JavaScript, Oddanie pracy.
60 rozwiązanych arkuszy
Arkusze z sesji 2024–2026 rozwiązane krok po kroku.
Laboratorium i zrzuty
Apache, PHP, MariaDB i phpMyAdmin. 4010 zrzutów ekranu, zadania graficzne pokazane w GIMP.
Program
Pełna treść jest dostępna po zalogowaniu. Poniżej są tylko tytuły modułów i lekcji.
M00Start: arkusz INF.03 i środowisko pracy
- Arkusz INF.03: części zadania, oceniane rezultaty, pliki do oddania
- Środowisko do ćwiczeń: XAMPP, phpMyAdmin, edytor kodu, folder z pracą, zrzuty ekranu
M10Podstawy: jak działa strona WWW i baza danych
- Przeglądarka, serwer WWW, PHP i baza danych: droga jednego żądania
- Relacyjna baza danych: tabela, rekord, pole, klucz główny i obcy, relacja
- Typy danych i kodowanie znaków w MySQL
- Budowa zapytania SQL: rodzaje poleceń i kolejność klauzul
- Dokument HTML jako drzewo; jak CSS dobiera reguły
- Grafika rastrowa: piksel, wymiary, formaty JPEG, PNG, GIF, przezroczystość
M01Baza danych w phpMyAdmin
- Tworzenie bazy danych i wybór kodowania znaków
- Import tabel z pliku .sql i zrzut po imporcie
- Zakładka SQL, plik kwerendy.txt i zrzuty wyników kw1–kw4
M02Zapytania SELECT
- SELECT wybranych pól z warunkiem WHERE
- Warunki złożone: AND, IN, porównania
- Sortowanie i ograniczanie wyniku: ORDER BY, LIMIT, RAND()
- Łączenie dwóch tabel relacją: JOIN ... ON
- Funkcje agregujące, aliasy i GROUP BY: COUNT, AVG, MAX
- Funkcje tekstowe w zapytaniu: LEFT()
M03SQL: dane, struktura, uprawnienia
- INSERT INTO: dodanie rekordu z pominięciem klucza głównego
- ALTER TABLE: dodanie kolumny
- CREATE USER i GRANT: konto z uprawnieniami do jednej tabeli
M04Grafika rastrowa w GIMP
- Skalowanie obrazu z zachowaniem proporcji i eksport
- Kadrowanie do zadanych wymiarów
- Napis na obrazie: krój, styl, rozmiar, kolor
- Przezroczyste tło i eksport do PNG
- Animacja GIF z dwóch klatek i opóźnienie między klatkami
- Okno GIMP: menu, przybornik, opcje narzędzia, warstwy, wyszukiwarka poleceń; zapis XCF a eksport
- Kolory: pobranie koloru z obrazu, kod koloru, wypełnianie, kolor napisu
- Usuwanie tła: kanał alfa, zaznaczenie według koloru, kolor na alfę
- Przekształcenia i filtry: odbicie, perspektywa, gradient, rozmycie Gaussa
M05HTML5: struktura i treść strony
- Szkielet dokumentu: doctype, język, kodowanie, tytuł, arkusz stylów, ikona witryny
- Bloki strony: znaczniki semantyczne i znaczniki sekcji
- Nagłówki, paragrafy i listy: ul, ol, listy zagnieżdżone, dl
- Tabele: wiersz nagłówkowy, komórki, tabela jako układ formularza
- Odnośniki i obrazy: strony witryny, adres zewnętrzny, mailto, alt, title
- Formularze i kontrolki: pola tekstowe, checkbox, number, select, textarea, przyciski
M06CSS: wygląd i układ
- Podłączenie arkusza i selektory: znacznik, klasa, id, potomek, selektor *
- Wymiary i odstępy: width, height, margin, padding, border, border-radius
- Bloki obok siebie: float i clear, inline-block, szerokości w procentach
- Kolory, tło, czcionki i tekst; cień i przezroczystość
- Reakcja na kursor i przepełnienie: :hover, transition, overflow
- Media queries, position i z-index
M07PHP i MySQL
- Połączenie z bazą i jego zamknięcie: mysqli_connect, mysqli_close
- Zapytanie i pętla po wynikach: lista i wiersze tabeli z bazy
- Obrazy i odnośniki generowane z danych: src, alt, title, klasa
- Parametr GET w odnośniku i warunek zapytania
- Formularz POST: odczyt pól, isset, zapytanie z danymi z formularza
- Formularz POST i INSERT: dodanie rekordu z formularza
M08JavaScript na stronie
- Funkcja uruchamiana kliknięciem i dostęp do elementów: onclick, getElementById
- Odczyt kontrolek: value, checked, lista rozwijana; obliczenia
- Wynik na stronie: innerHTML, warunek, kolor tekstu, toUpperCase
M09Sprawdzenie i komplet plików
- Test witryny w przeglądarce: co sprawdzić po kolei
- Komplet plików: nazwy, formaty zrzutów, przeglądarka.txt
M11SQL: kolejne zapytania z arkuszy
- Wyszukiwanie tekstu: LIKE i znaki % oraz _
- Zakresy i alternatywy: BETWEEN, OR, IN, IS NULL, DISTINCT
- Daty w zapytaniach: YEAR, MONTH, CURDATE i porównywanie dat
- Agregacje na złączonych tabelach: SUM, AVG, MIN, MAX z JOIN i GROUP BY
- Trzy tabele w jednym zapytaniu, LEFT JOIN i podzapytanie
- Zmiana i usuwanie danych: UPDATE i DELETE z warunkiem
- Struktura bazy: CREATE TABLE, ALTER TABLE (MODIFY, CHANGE, DROP), DROP
M12PHP: formularze i praca z danymi
- Lista rozwijana wypełniana z bazy i odczyt wybranej wartości
- Pola opcji, pola wyboru, liczby i daty w formularzu: odczyt w PHP
- Tabela HTML z wyników zapytania: mysqli_fetch_row i komórki
- UPDATE i DELETE wykonywane z formularza
- Daty i czas w PHP: date(), strtotime(), dzień tygodnia
- Pętla for, własna funkcja, zapis do pliku i przekierowanie
M13JavaScript: DOM i interakcja
- Tworzenie elementów na stronie: createElement i appendChild
- Zmiana wyglądu ze skryptu: style, display, classList
- Tablice, pętle i losowanie: Math.random, Math.floor
- Podmiana obrazu i galeria: właściwość src
- Obliczenia z formularza: parseInt, parseFloat, warunki, komunikaty
- Suwaki, najechanie kursorem i filtry obrazu
M14CSS: układ i efekty z kolejnych arkuszy
- Flexbox: bloki obok siebie bez float
- Selektory strukturalne: nth-child, first-letter, first-line
- Cienie, gradienty i kolory z przezroczystością
- Animacja i przekształcenia: @keyframes, animation, transform, transition
- Tło z obrazu i widoczność elementów: background-image, display, visibility
- Formatowanie tekstu: letter-spacing, text-transform, text-decoration, font-variant, list-style
M15HTML: formularze i multimedia z kolejnych arkuszy
- Pola formularza: number, date, range, password i ich atrybuty
- Pola opcji i pola wyboru, etykiety label, grupowanie przez name
- Wideo na stronie, odnośnik w nowej karcie, ikona witryny
- Tabele ze scalonymi komórkami i znacznik article
Arkusze
60 arkuszy z sesji 2024–2026.
Portal turystyczny: galeria z bazy i strona obiektu
Montaż paneli: witryna z kalkulatorem, bazą i grafiką
Kalendarz: imieniny z bazy, animacja GIF i formularz daty
Chat: front-end z DOM, CSS i operacjami na bazie danych
Portal firmy przewozowej z bazą zadań i grafiką samochodu
Salon fotograficzny: baza, galeria i koszyk z JS
Hurtownia obuwia: formularz zamówienia z bazą danych
Systemy liczbowe: konwerter binarny i baza szachistów
Stany rzek w województwie dolnośląskim: baza, tabela, filtry
Rejestracja na konferencję: baza, formularz kartowy, rozmycie obrazu
Biblioteka miejska: rezerwacja książek z bazy i zaległości
Konfigurator samochodów z losowaniem i bazą danych
Portal wycieczek: baza wyprawy, symulacja kosztów i oferty
Firma szkoleniowa: baza, baner, witryna z PHP
Wyszukiwarka polskich miast: baza, PHP i grafika
Galeria zdjęć z bazy: skalowanie, PHP, CSS
Komis samochodowy: baza, oferty i wyszukiwanie
Portal dla remontujących: baza, grafika i witryna PHP
Portal szkoleniowy: baza kursów, zapisy i skrypty PHP
Mieszalnia farb: baza klientów i zamówień, baner, tabela PHP
Koło zdobywców gór polskich: baza, logo, formularz i tabela PHP
Miejskie ważenie pojazdów: baza, grafika i witryna
Ranking gier komputerowych: baza, galeria i formularze PHP
Rejestracja do sklepu z zakładkami i paskiem postępu
Portal sprzedaży opon: baza MariaDB, PHP i grafika
Przychodnia Medica: abonamenty z bazy i grafika
Koło szachowe: logo, tabela i losowanie graczy z bazy
Losowanie nagród dla wolontariatu szkolnego
Piekarnia: formularz PHP, baza wyrobów i grafika z przezroczystością
Animowana galeria zdjęć z bazą wycieczki i zapytaniami SQL
Pracownicy firmy: karty, cytaty i baza danych
Hodowla świnek morskich: trzy strony PHP z bazą danych
Transformacje obrazów: filtry CSS/JS i baza pracowników
Firma szkoleniowa: baza obuwie, witryna z kalkulatorem raty
Portal dla sklepów z warzywami: baza, formularz zamówienia i grafika
Witryna matematyczna: animacja koła, pola figur i skrypt JS
Portal maturalny z bazą uczniów i wyników egzaminów
Portal zgłoszeń: personel, rejestr i formularz dodawania
Portal diagnostyki online: choroby, objawy i witryna PHP
Stacja meteorologiczna: pomiary z bazy i ikony pogody
Korona Gór Polskich: galeria szczytów z bazy danych
Salon stylizacji paznokci: baza, witryna z JS i grafika
Blog kulinarny: strona PHP z bazą przepisów
Witryna kina: lista aktorów, strona aktora i baza danych
Motocykle: witryna z bazą wycieczek, skalowaniem i CSS
Studio tatuażu: galeria z formularzem JS i bazą
Pogotowie komputerowe: witryna z animacją i formularzem
Firma IT: witryna z banerami i formularzem kontaktowym
Terminarz lipcowy z blokami generowanymi z bazy
Salon kosmetyczny: kalkulator ceny i operacje na bazie
Biuro podróży: galeria i lista wyjazdów z bazy
Salon kosmetyczny: witryna z kalkulatorem i bazą danych
Salon fryzjerski: baza, galeria i promocja JS
Witryna pogotowia komputerowego: grafika, formularz i skrypt JS
Biuro podróży: galeria zdjęć i historia wyjazdów
Usługi informatyczne: statyczna witryna z animacją i walidacją JS
Terminarz lipca: kalendarz PHP z bazą zadań
Planer zadań z bazą notatek i skryptem JS
Biblioteka szkolna: propozycje książek z bazy i okładki
Portal hobbystyczny: smoki z bazy i przełączane sekcje
Karty typów zadań
49 kart w 7 rozdziałach. Poniżej są tylko tytuły.
ABaza danych12 kart
- Utworzenie bazy z polskim kodowaniem i import pliku .sql
- Zrzuty ekranu: import i wyniki kwerend, plik kwerendy.txt
- SELECT wybranych pól z warunkiem WHERE
- Warunek złożony: AND, IN
- Sortowanie i ograniczenie wyniku: ORDER BY, LIMIT, RAND()
- Dane z dwóch tabel połączonych relacją: JOIN
- Funkcje agregujące: COUNT, AVG, MAX
- Grupowanie i alias kolumny: GROUP BY, AS
- Funkcja tekstowa w zapytaniu: LEFT()
- Dodanie rekordu: INSERT INTO
- Zmiana struktury tabeli: ALTER TABLE
- Konto użytkownika i uprawnienia: CREATE USER, GRANT
BGrafika5 kart
- Skalowanie obrazu z zachowaniem proporcji
- Kadrowanie obrazu do zadanych wymiarów
- Napis na obrazie: krój, styl, kolor
- Przezroczyste tło i format PNG
- Animacja GIF z klatek z opóźnieniem
CHTML10 kart
- Szkielet dokumentu: język, kodowanie, tytuł, arkusz stylów
- Ikona witryny na karcie przeglądarki
- Podział strony znacznikami semantycznymi
- Podział strony znacznikami sekcji z identyfikatorami
- Listy: punktowana, numerowana, zagnieżdżona
- Lista definicji: dl, dt, dd
- Tabela: wiersz nagłówkowy, komórki, scalanie
- Odnośniki: podstrony, adres zewnętrzny, mailto
- Obraz z tekstem alternatywnym i dymkiem
- Formularz i kontrolki: pola, checkbox, select, textarea, przyciski
DCSS10 kart
- Selektory: znacznik, klasa, id, potomek, selektor *
- Wymiary, marginesy, obramowanie, zaokrąglenie
- Bloki obok siebie: float, inline-block, procenty
- Krój czcionki, kolory, tło, wyrównanie tekstu
- Zmiana wyglądu po najechaniu kursorem: :hover
- Przezroczystość i tranzycja: opacity, transition, rgba
- Paski przewijania przy przepełnieniu: overflow
- Cień bloku: box-shadow
- Układ zależny od szerokości okna: @media
- Pozycjonowanie i kolejność warstw: position, z-index
EPHP8 kart
- Połączenie z bazą i zamknięcie połączenia
- Pętla po wynikach zapytania: elementy listy
- Pętla po wynikach zapytania: wiersze tabeli
- Obrazy i odnośniki generowane z danych
- Pojedyncza wartość z zapytania w tekście strony
- Parametr GET: odnośnik z id i zapytanie z warunkiem
- Formularz POST: dane z pola w warunku zapytania
- Formularz POST: dodanie rekordu do tabeli
FJavaScript3 kart
- Funkcja po kliknięciu i dostęp do elementów strony
- Odczyt kontrolek i obliczenia
- Wynik na stronie: innerHTML, warunek, kolor tekstu
GOddanie pracy1 kart
- Komplet plików w folderze z numerem zdającego, przeglądarka.txt
Cena
99 zł / 12 miesięcy
INF.03 — uczeń
99 zł
za 12 miesięcy
Płatność jednorazowa. Dostęp do kursu INF.03.
- 16 modułów i 81 lekcje
- 49 kart typów zadań
- 60 rozwiązanych arkuszy
- 27 testów działów
Pytania
Ile trwa dostęp?
12 miesięcy od zakupu.
Czy dostęp obejmuje też INF.02?
Nie. Dostęp do INF.02 i INF.03 jest kupowany osobno.
Czy szkoła może wybrać kurs?
Tak. Licencja klasy może obejmować INF.02, INF.03 lub oba kursy.