Program nauczania dla zawodu Technik Informatyk 351203
Kwalifikacja: **INF.03. Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych**
Rok szkolny: 2025/2026
Łączna liczba godzin: 120
Opracował: Tomasz Puchała
| Lp. | Tematy jednostek metodycznych | Liczba godzin lekcyjnych | Wymagania podstawowe (Uczeń) | Wymagania ponadpodstawowe (Uczeń) | Efekt z podstawy programowej |
|---|---|---|---|---|---|
| Moduł 1: Projektowanie stron internetowych | |||||
| 1 | Podstawowe zasady projektowania stron www | 1 | Omawia zasady projektowania | Stosuje najlepsze praktyki projektowe | INF.03.3(1) |
| 2 | Przygotowanie briefu projektowego – współpraca z klientem | 1 | Tworzy brief projektowy | Opracowuje szczegółowe założenia projektu | INF.03.3(1,2) |
| 3 | Projektowanie struktury strony: sitemap, wireframe | 1 | Tworzy mapę strony, szkic | Projektuje rozbudowany wireframe | INF.03.3(2) |
| 4 | Szablony stron: typy, wady i zalety | 1 | Wskazuje typy szablonów | Ocenia zastosowanie szablonów | INF.03.3(2) |
| 5 | Projekt graficzny (UI): kolory, typografia, ikony | 1 | Dobiera kolory, czcionki | Projektuje interfejs z ikonami | INF.03.3(2) |
| 6 | Projektowanie UX, flow użytkownika | 1 | Projektuje ścieżkę użytkownika | Dostosowuje UX do projektu | INF.03.3(2) |
| 7 | Responsywność strony | 1 | Stosuje media queries | Projektuje responsywne układy | INF.03.3(2) |
| 8 | Projektowanie landing page | 1 | Tworzy stronę powitalną | Analizuje skuteczność landing page | INF.03.3(2) |
| 9 | Projektowanie strony firmowej | 1 | Dobiera elementy firmowe | Tworzy profesjonalną stronę wizytówkę | INF.03.3(2) |
| 10 | Projektowanie portfolio online | 1 | Prezentuje prace własne | Dostosowuje portfolio do branży | INF.03.3(2) |
| Moduł 2: HTML5 i CSS3 | |||||
| 11 | Podstawy HTML5 i semantyka | 1 | Tworzy proste strony HTML | Stosuje semantyczne elementy | INF.03.3(5) |
| 12 | Elementy blokowe, liniowe, nagłówki i listy | 1 | Wstawia nagłówki i listy | Tworzy hierarchię treści | INF.03.3(5) |
| 13 | Tabele w HTML5 | 1 | Tworzy tabelę w HTML | Stylizuje i rozbudowuje tabelę | INF.03.3(5) |
| 14 | Formularze HTML — podstawy | 1 | Tworzy prosty formularz | Dodaje walidację HTML | INF.03.3(5) |
| 15 | Zaawansowane elementy i atrybuty HTML | 1 | Korzysta z nowych typów pól | Przygotowuje dostępność (ARIA) | INF.03.3(5) |
| 16 | Dodawanie obrazów i multimediów w HTML | 1 | Umieszcza obrazy, filmy | Optymalizuje multimedia | INF.03.3(5,8) |
| 17 | Podstawowe selektory i właściwości CSS | 1 | Formatuje tekst, elementy | Kombinuje selektory, pseudo-klasy | INF.03.3(6) |
| 18 | Box model, marginesy, paddingi, border | 1 | Stosuje box model | Projektuje wielokolumnowy układ | INF.03.3(6) |
| 19 | Flexbox — elastyczne układy | 1 | Stosuje Flexbox | Łączy z Gridem | INF.03.3(6) |
| 20 | Grid — zaawansowana siatka układu | 1 | Tworzy layout w Gridzie | Kombinuje Flexbox z Gridem | INF.03.3(6) |
| 21 | Animacje i przejścia CSS | 1 | Tworzy animacje CSS | Programuje transitions, keyframes | INF.03.3(6) |
| 22 | Responsywność z CSS Media Queries | 1 | Tworzy layout responsywny | Dostosowuje style pod urządzenia mobilne | INF.03.3(6) |
| 23 | Praca z preprocessorami CSS (Sass/Less) | 1 | Stosuje zmienne i funkcje | Buduje layout z preprocesorem | INF.03.3(6) |
| Moduł 3: Edytory WYSIWYG i systemy CMS | |||||
| 24 | Porównanie edytorów WYSIWYG | 1 | Tworzy stronę wizualną | Analizuje różnice edytorów | INF.03.3(3) |
| 25 | Instalacja i konfiguracja CMS WordPress | 1 | Konfiguruje CMS | Instaluje szablony, wtyczki | INF.03.3(3,4) |
| 26 | Instalacja i konfiguracja CMS Joomla | 1 | Instaluje Joomla | Konfiguruje szablon, rozszerzenia | INF.03.3(3,4) |
| 27 | Tworzenie strony na bazie CMS | 1 | Dodaje zawartość do CMS | Personalizuje motywy | INF.03.3(4) |
| 28 | Personalizacja wyglądu strony w CMS | 1 | Zmienia kolory, układ | Kustomizuje elementy motywu | INF.03.3(4) |
| 29 | Instalacja i konfiguracja wtyczek | 1 | Dodaje nowych funkcji | Rozszerza możliwości strony | INF.03.3(3,4) |
| 30 | Bezpieczeństwo i aktualizacje w CMS | 1 | Wdraża aktualizacje | Podnosi bezpieczeństwo strony | INF.03.3(4) |
| Moduł 4: Grafika komputerowa | |||||
| 31 | Grafika rastrowa w GIMP — narzędzia podstawowe | 1 | Tworzy grafikę rastrową | Wykorzystuje warstwy w GIMP | INF.03.3(7) |
| 32 | Podstawy obróbki zdjęć w GIMP | 1 | Edycja zdjęć | Stosuje filtry graficzne | INF.03.3(7) |
| 33 | Optymalizacja obrazów do WWW | 1 | Kompresuje pliki graficzne | Stosuje webp, PNG, JPEG | INF.03.3(7) |
| 34 | Grafika wektorowa w Inkscape — podstawy | 1 | Projektuje grafikę wektorową | Eksportuje do SVG | INF.03.3(7) |
| 35 | Tworzenie ikon i banerów | 1 | Projektuje proste ikony | Tworzy banery reklamowe | INF.03.3(7) |
| 36 | Optymalizacja grafik pod wydajność stron WWW | 1 | Kompresuje pliki graficzne | Redukuje rozmiar bez utraty jakości | INF.03.3(7) |
| 37 | Tworzenie elementów interfejsu użytkownika | 1 | Buduje ikony i przyciski | Projektuje banery i splash screeny | INF.03.3(7) |
| Moduł 5: Multimedia w internecie | |||||
| 38 | Animacje CSS i GIF — podstawy | 1 | Tworzy prostą animację | Stosuje animacje w interfejsie | INF.03.3(8) |
| 39 | Tworzenie animacji SVG | 1 | Rysuje kształty SVG | Dodaje interaktywność do SVG | INF.03.3(8) |
| 40 | Dodawanie odtwarzacza wideo HTML5 | 1 | Dodaje element video | Konfiguruje odtwarzacz | INF.03.3(8) |
| 41 | Obróbka wideo na potrzeby WWW | 1 | Kompresuje materiał wideo | Optymalizuje dla przeglądarek | INF.03.3(8) |
| 42 | Obróbka audio pod strony internetowe | 1 | Dodaje pliki dźwiękowe | Optymalizuje i konwertuje audio | INF.03.3(8) |
| 43 | Optymalizacja multimediów pod wydajność | 1 | Kompresuje pliki | Redukuje wagę materiałów multimedialnych | INF.03.3(8,11) |
| 44 | Dostępność multimediów na stronach www | 1 | Tworzy napisy, alternatywy audio | Wdraża elementy dostępności | INF.03.3(8,11) |
| Moduł 6: Programowanie w JavaScript | |||||
| 45 | Podstawy JavaScript — składnia, typy danych | 1 | Programuje w JS | Analizuje typy zmiennych | INF.03.3(9) |
| 46 | Tworzenie i używanie funkcji JS | 1 | Tworzy proste funkcje | Parametryzacja skryptów | INF.03.3(9) |
| 47 | Manipulacja DOM za pomocą JS | 1 | Modyfikuje elementy strony | Obsługuje strukturę DOM | INF.03.3(9) |
| 48 | Obsługa zdarzeń (eventy) w JS | 1 | Obsługuje zdarzenia | Tworzy dynamiczne reakcje na zdarzenia | INF.03.3(9) |
| 49 | Walidacja formularzy JavaScript | 1 | Tworzy proste walidacje | Waliduje zaawansowane przypadki | INF.03.3(9) |
| 50 | Praca z tablicami i obiektami JS | 1 | Manipuluje tablice | Tworzy i obsługuje obiekty | INF.03.3(9) |
| 51 | Tworzenie prostych animacji z JS | 1 | Tworzy animacje DOM | Łączy JS z CSS | INF.03.3(9) |
| 52 | Nowoczesny JavaScript (ES6+) | 1 | Używa let/const, arrow functions | Stosuje moduły i klasy | INF.03.3(9) |
| 53 | Debugowanie i testowanie skryptów JS | 1 | Naprawia błędy | Wykorzystuje narzędzia deweloperskie | INF.03.3(9) |
| 54 | Tworzenie interaktywnych komponentów (galeria, menu) | 1 | Buduje interaktywne menu | Tworzy dynamiczne galerie | INF.03.3(9) |
| Moduł 7: Programowanie w PHP | |||||
| 55 | Podstawy PHP – składnia i zmienne | 1 | Pisze proste skrypty PHP | Stosuje różne typy danych | INF.03.3(9) |
| 56 | Instrukcje warunkowe i pętle w PHP | 1 | Stosuje if, else, for, while | Łączy warunki, pętle z funkcjami | INF.03.3(9) |
| 57 | Obsługa formularzy w PHP | 1 | Odbiera dane z HTML | Waliduje i filtruje dane wejściowe | INF.03.3(9) |
| 58 | Sesje i ciasteczka w PHP | 1 | Zarządza ciasteczkami i sesją | Utrzymuje stan użytkownika | INF.03.3(9) |
| 59 | Podstawy OOP w PHP – klasa i obiekt | 1 | Tworzy klasy i obiekty | Stosuje OOP w praktyce | INF.03.3(9) |
| 60 | Obsługa plików w PHP | 1 | Czyta i zapisuje pliki | Obsługuje upload plików | INF.03.3(9) |
| 61 | Bezpieczeństwo formularzy PHP (XSS, walidacja) | 1 | Weryfikuje dane wejściowe | Stosuje zabezpieczenia przed atakami | INF.03.3(9) |
| Moduł 8: Bazy danych i bezpieczeństwo | |||||
| 62 | Wprowadzenie do relacyjnych baz danych | 1 | Wyjaśnia pojęcia: tabela, rekord, pole | Rysuje schemat bazy danych | INF.03.3(9) |
| 63 | Projektowanie struktury bazy danych (ERD) | 1 | Opracowuje diagram ERD | Tworzy relacje pomiędzy tabelami | INF.03.3(9) |
| 64 | Tworzenie tabel w MySQL/MariaDB | 1 | Stosuje CREATE TABLE | Uwzględnia klucze i indeksy | INF.03.3(9) |
| 65 | Podstawowe zapytania SELECT w SQL | 1 | Pobiera dane z tabeli | Używa WHERE, ORDER BY | INF.03.3(9) |
| 66 | Dodawanie danych do bazy – INSERT | 1 | Stosuje INSERT INTO | Waliduje dane wejściowe | INF.03.3(9) |
| 67 | Aktualizacja i usuwanie danych – UPDATE, DELETE | 1 | Aktualizuje i kasuje rekordy | Stosuje warunki bezpieczeństwa | INF.03.3(9) |
| 68 | Relacje i łączenie tabel – JOIN | 1 | Tworzy zapytania JOIN | Modeluje relacje | INF.03.3(9) |
| 69 | Optymalizacja zapytań SQL | 1 | Analizuje wydajność zapytań | Stosuje indeksy i EXPLAIN | INF.03.3(9) |
| 70 | Integracja PHP z bazą przez PDO | 1 | Używa PDO do zapytań SQL | Chroni przed SQL Injection | INF.03.3(9) |
| 71 | Obsługa błędów podczas zapytań w PHP | 1 | Wyłapuje wyjątki | Wyświetla komunikaty użytkownikowi | INF.03.3(9) |
| 72 | Zarządzanie uprawnieniami użytkowników w bazie | 1 | Tworzy konta z uprawnieniami | Stosuje bezpieczeństwo bazy | INF.03.3(9) |
| 73 | Zabezpieczenia aplikacji webowych (podstawy) | 1 | Ocenia ryzyko | Projektuje mechanizmy zabezpieczeń | INF.03.3(9,12) |
| Moduł 9: Testowanie, publikacja i SEO | |||||
| 74 | Walidatory W3C dla HTML/CSS | 1 | Sprawdza poprawność kodu | Poprawia wykryte błędy | INF.03.3(10,11) |
| 75 | Testowanie responsywności (narzędzia programistyczne) | 1 | Zmienia rozmiar okna, analizuje layout | Wykorzystuje narzędzia deweloperskie | INF.03.3(10) |
| 76 | Analiza wydajności strony (GTmetrix, Lighthouse) | 1 | Sprawdza czas ładowania | Proponuje optymalizacje | INF.03.3(11) |
| 77 | Publikacja strony na serwerze (FTP/panel) | 1 | Wgrywa pliki | Konfiguruje hosting | INF.03.3(11,12) |
| 78 | Konfiguracja DNS i domeny | 1 | Przekierowuje domenę | Tworzy subdomeny | INF.03.3(12) |
| 79 | Podstawy SEO – meta tagi, struktura strony | 1 | Tworzy meta tagi | Dostosowuje treści pod wyszukiwarki | INF.03.3(12) |
| 80 | Optymalizacja multimediów pod SEO | 1 | Uzupełnia ALT | Dobiera opisy pod SEO | INF.03.3(12) |
| 81 | Przekierowania 301, obsługa błędów 404 | 1 | Tworzy plik .htaccess | Konfiguruje przekierowania | INF.03.3(12) |
| 82 | Backup i migracja projektów WWW | 1 | Wykonuje backup | Migruje projekty między serwerami | INF.03.3(12) |
| 83 | Administracja wdrożoną stroną/CMS | 1 | Aktualizuje treści | Tworzy role użytkowników | INF.03.3(4,12) |
| Moduł 10: Projekty praktyczne i podsumowania | |||||
| 84 | Wybór tematu projektu końcowego | 1 | Proponuje tematy | Argumentuje wybór | INF.03.3(1,2) |
| 85 | Planowanie i harmonogramowanie projektu | 1 | Tworzy prosty harmonogram | Przygotowuje kamienie milowe | INF.03.3(1,2) |
| 86 | Projekt graficzny projektu – makieta | 1 | Tworzy prostą makietę | Konsultuje design | INF.03.3(2,7) |
| 87 | Wytworzenie front-endu projektu | 1 | Programuje szkielet strony | Buduje layout responsywny | INF.03.3(2,6) |
| 88 | Implementacja funkcjonalności backendu | 1 | Koduje backend | Łączy z bazą danych | INF.03.3(8,9,12) |
| 89 | Integracja z bazą danych | 1 | Tworzy modele bazodanowe | Obsługuje CRUD | INF.03.3(9) |
| 90 | Zabezpieczenia projektu końcowego | 1 | Wdraża autoryzację | Stosuje dobre praktyki bezpieczeństwa | INF.03.3(9,12) |
| 91 | Testy projektu i wdrożenie na serwer | 1 | Tworzy checklistę testową | Wdraża projekt w środowisku produkcyjnym | INF.03.3(11,12) |
| 92 | Przygotowanie i prezentacja dokumentacji technicznej | 1 | Tworzy dokumentację projektu | Dokumentuje proces wdrożenia | INF.03.3(2,12) |
| 93 | Przygotowanie instrukcji użytkownika | 1 | Tworzy prostą instrukcję | Prezentuje kluczowe funkcje | INF.03.3(2,12) |
| 94 | Prezentacja projektu zespołowego | 1 | Przygotowuje prezentację | Komunikuje się w grupie | INF.03.3(2,12) |
| 95 | Ocena oraz wzajemne recenzowanie projektów | 1 | Analizuje inne projekty | Udziela konstruktywnej opinii | INF.03.3(1,2,12) |
| 96 | Podsumowanie i refleksja nad projektem | 1 | Podsumowuje pracę | Wyciąga wnioski rozwojowe | INF.03.3(1,2) |
| Moduł 11: Projekty zaawansowane, utrzymanie i rozwój | |||||
| 97 | Tworzenie indywidualnego projektu front-end | 1 | Wybiera zagadnienie | Planuje strukturę projektu | INF.03.3(1,2) |
| 98 | Tworzenie indywidualnego projektu back-end | 1 | Określa funkcjonalności | Buduje zaplecze serwerowe | INF.03.3(8,9) |
| 99 | Tworzenie indywidualnej bazy danych | 1 | Projektuje schemat bazy | Optymalizuje relacje | INF.03.3(9) |
| 100 | Integracja aplikacji z bazą danych | 1 | Łączy front-end z bazą | Implementuje pełne CRUD | INF.03.3(9) |
| 101 | Testy jednostkowe własnych aplikacji | 1 | Tworzy testy do funkcji | Stosuje narzędzia testujące | INF.03.3(9,11) |
| 102 | Automatyzacja publikacji (CI/CD w projektach) | 1 | Wdraża skrypty automatyzujące | Konfiguruje integrację z repo | INF.03.3(12) |
| 103 | Zaawansowane aspekty SEO | 1 | Stosuje schema.org | Dodaje dane strukturalne | INF.03.3(12) |
| 104 | Skalowalność i wydajność dużych projektów | 1 | Ocenia możliwości rozwoju | Stosuje optymalizacje systemowe | INF.03.3(11,12) |
| 105 | Wdrażanie zaawansowanych zabezpieczeń | 1 | Ocenia typy ataków | Implementuje ochronę aplikacji | INF.03.3(9,12) |
| 106 | Tworzenie i utrzymanie dokumentacji technicznej | 1 | Tworzy instrukcje, changelog | Aktualizuje dokumentację w trakcie rozwoju | INF.03.3(2,12) |
| 107 | Kolejne wdrożenia i aktualizacje (dev/prod) | 1 | Migruje zmiany | Zarządza branżami w repo | INF.03.3(12) |
| 108 | Współpraca zespołowa (Git, podział zadań) | 1 | Tworzy pull requesty | Rozwiązuje konflikty wersji | INF.03.3(1,2,9) |
| 109 | Wprowadzenie do technologii przyszłości (PWA, SPA) | 1 | Omawia trendy webowe | Stosuje nowoczesne rozwiązania | INF.03.3(9) |
| 110 | Integracje z API zewnętrznymi (REST) | 1 | Korzysta z API | Łączy różne technologie | INF.03.3(8,9) |
| 111 | Projektowanie wersji mobilnej strony/aplikacji | 1 | Dostosowuje layout | Testuje na urządzeniach mobilnych | INF.03.3(2,6) |
| 112 | Wdrażanie Progressive Web Apps | 1 | Tworzy manifest | Instaluje aplikację jako PWA | INF.03.3(9) |
| 113 | Analiza jakości kodu – Code Review | 1 | Analizuje cudzy kod | Poprawia błędy i niezgodności | INF.03.3(1,2,9) |
| 114 | Raportowanie, metryki, analityka stron/app | 1 | Instaluje narzędzia analityczne | Interpretuje dane statystyczne | INF.03.3(12) |
| 115 | Wsparcie techniczne i obsługa zgłoszeń | 1 | Tworzy kanały kontaktowe | Rozwija dokumentację FAQ | INF.03.3(4,12) |
| 116 | Kierunki rozwoju zawodowego – technologie webowe | 1 | Poszukuje specjalizacji | Wyznacza ścieżki rozwoju | INF.03.3(1,2) |
| 117 | Samodzielne rozwiązywanie trudnych problemów | 1 | Dokumentuje napotkane błędy | Stosuje różne strategie rozwiązywania problemów | INF.03.3(1,2,9) |
| 118 | Prezentacja i ocena zaawansowanych projektów | 1 | Przygotowuje pokaz projektu | Recenzuje projekty kolegów | INF.03.3(1,2,12) |
| 119 | Podsumowanie procesu realizacji projektu indywidualnego | 1 | Podsumowuje efekty | Wyciąga wnioski rozwojowe | INF.03.3(1,2) |
| 120 | Podsumowanie i ewaluacja całego kursu | 1 | Ocenia własny rozwój | Planuje dalsze szkolenie | INF.03.3(1,2,12) |