Teoria INF.03

Mapa kursu INF.03: od HTML i CSS przez bazy danych do PHP i JavaScript. Jak łączyć lekcje, zadania w przeglądarce, bank pytań i powtórki z pamięci. Lekcja 0.1 kursu INF.03.

Dwie części egzaminu INF.03: pisemna 40 pytań w 60 minut i praktyczna 150 minut. Osobne progi zdania, model dk, rezultaty zadania i przygotowanie do sesji. Lekcja 0.2 kursu INF.03.

Jak oceniać starsze pytania E.14 i EE.09: oddzielanie nadal potrzebnych pojęć od dawnej składni i innego środowiska. C++, Access, MyISAM, XHTML, Flash i TOP. Lekcja 0.3 kursu INF.03.

Źródła przepisów BHP, instrukcje zakładowe i zasady postępowania z elektroodpadami. Zadania PIP, inspekcji sanitarnej, PSP, UDT i Inspekcji Ochrony Środowiska. Lekcja 1.1 kursu INF.03.

Odpowiedzialność pracodawcy i obowiązki pracownika, badania profilaktyczne, szkolenia BHP, kary porządkowe, wypadek przy pracy, choroba zawodowa i świadczenia. Lekcja 1.2 kursu INF.03.

Jak ustawić monitor, krzesło, klawiaturę i laptop. Oświetlenie obszaru pracy, mikroklimat, hałas, przerwy oraz środki ochrony przed porażeniem prądem i przeciążeniem. Lekcja 1.3 kursu INF.03.

Alarmowanie, bezpieczna ewakuacja i dobór gaśnicy. Pierwsza pomoc dorosłemu: ocena reakcji i oddechu, wezwanie pomocy, RKO, AED, urazy oraz nagłe zachorowania. Lekcja 1.4 kursu INF.03.

Jak procesor współpracuje z pamięcią, czym różni się RAM od dysku i jak porównywać parametry urządzeń. Przeliczanie bitów, bajtów, GB i GiB na konkretnych przykładach. Lekcja 2.1 kursu INF.03.

Elementy systemu informatycznego, elektroniczne usługi publiczne i biznesowe, serwer lokalny oraz chmura. Jak wybrać system do zadania i bezpiecznie korzystać z portali społecznościowych. Lekcja 2.2 kursu INF.03.

Przeliczanie liczb między systemami binarnym, ósemkowym, szesnastkowym i dziesiętnym. Zapis liczb ujemnych w U2, dodawanie binarne i operacje logiczne z wynikami. Lekcja 2.3 kursu INF.03.

Droga żądania od przeglądarki do serwera: adres IP, DNS, porty, warstwy TCP/IP oraz HTTPS. Topologie, pomiar łącza, pobieranie i wysyłanie danych oraz bezpieczna komunikacja. Lekcja 2.4 kursu INF.03.

Rodzaje szkodliwego oprogramowania i ataków, ochrona kont, danych i cyfrowego wizerunku. Podstawowe pojęcia RODO, praw autorskich i licencji oraz bezpieczne transakcje. Lekcja 2.5 kursu INF.03.

Cztery zasady WCAG, poziomy A, AA i AAA oraz ułatwienia dla użytkowników z różnymi potrzebami. Znaczenie oznaczeń PN, EN i ISO, cele normalizacji i sprawdzanie zgodności. Lekcja 2.6 kursu INF.03.

Formularze HTML w kwalifikacji INF.03: najważniejsze zasady, przykłady i 66 powiązanych pytań w banku.

HTML w kwalifikacji INF.03: najważniejsze zasady, przykłady i powiązane pytania w banku. Skrót działu, który otwiera siedem lekcji o HTML.

Jak przeglądarka i serwer wymieniają żądanie i odpowiedź, z czego składa się adres URL, czym HTTPS różni się od HTTP, kto ustala standardy HTML i dlaczego polskie znaki wymagają UTF-8. Lekcja 3.1 kursu INF.03.

Stały układ znaczników, od którego zaczyna się każdy plik HTML: deklaracja typu dokumentu, element html z atrybutem lang, sekcja head z kodowaniem i tytułem oraz body z widoczną treścią. Lekcja 3.2 kursu INF.03.

Nagłówki od h1 do h6, akapit i łamanie wiersza, cytaty, formatowanie znaczeniowe kontra wizualne (strong, b, em, i), indeksy górne i dolne oraz encje znaków specjalnych. Lekcja 3.3 kursu INF.03.

Siedem znaczników sekcji HTML5: co znaczy każdy z nich, ile razy może wystąpić, czym różni się od znacznika div i jak z rysunku układu w arkuszu CKE zbudować strukturę strony. Lekcja 3.4 kursu INF.03.

Listy wypunktowane, numerowane i definicji, budowa tabeli od caption do tfoot, scalanie komórek atrybutami colspan i rowspan oraz odnośniki: do pliku, do miejsca na stronie i do adresu e-mail. Lekcja 3.5 kursu INF.03.

Jak wstawić na stronę obraz z tekstem alternatywnym, podpis pod zdjęciem, dźwięk i film z przyciskami sterowania, ramkę iframe oraz grafikę svg i canvas. Lekcja 3.6 kursu INF.03.

Jak zbudować formularz na stronie: znacznik form z atrybutami action i method, pola input i ich typy, etykiety, listy wyboru, walidacja HTML5 oraz różnica między metodą GET i POST. Lekcja 3.7 kursu INF.03.

CSS w kwalifikacji INF.03: najważniejsze zasady, przykłady i powiązane pytania w banku. Skrót działu, który otwiera dziewięć lekcji o CSS.

Trzy sposoby dołączenia stylów CSS do strony: zewnętrzny plik przez link, wewnętrzny znacznik style i styl lokalny w atrybucie, a do tego reguła import, kaskada, dziedziczenie, !important i liczenie specyficzności selektora. Lekcja 4.1 kursu INF.03.

Selektory CSS od podstaw: selektor elementu, klasy, identyfikatora, uniwersalny, grupowanie przecinkiem, selektory atrybutu oraz kombinatory potomka, dziecka i braci, z przykładami na stronie sklepu. Lekcja 4.2 kursu INF.03.

Pseudoklasy opisują stan i pozycję elementu (:hover, :visited, :nth-child, :checked), pseudoelementy formatują fragment, którego nie ma w kodzie HTML (::first-letter, ::before). Kolejność LVHA, zebra w tabeli i zapis z jednym albo dwoma dwukropkami. Lekcja 4.3 kursu INF.03.

Jak zapisać kolor nazwą, szesnastkowo, funkcją rgb i hsl, czym różnią się jednostki px, em, rem, procent i vw oraz które właściwości font i text ustawiają krój czcionki, rozmiar, wysokość wiersza i wyrównanie tekstu. Lekcja 4.4 kursu INF.03.

Cztery warstwy każdego elementu strony: treść, margines wewnętrzny padding, obramowanie border i margines zewnętrzny margin. Jak policzyć szerokość całkowitą bloku, co zostaje na treść i co zmienia box-sizing: border-box. Lekcja 4.5 kursu INF.03.

Jak rozstawić bloki strony: display i przepływ dokumentu, position ze wszystkimi pięcioma wartościami, z-index, obtekanie float z czyszczeniem clear oraz overflow dla bloku o stałej wysokości. Lekcja 4.6 kursu INF.03.

Oś główna i oś poprzeczna, display flex, justify-content i align-items, siatka z grid-template-columns i grid-template-areas oraz układ panel 30 procent obok bloku głównego 70 procent z arkusza CKE. Lekcja 4.7 kursu INF.03.

Strona responsywna w praktyce: znacznik viewport, reguła @media z przedziałem szerokości, jednostki względne, elastyczne obrazy oraz przestawienie układu sklepu na jedną kolumnę i test w trybie urządzenia. Lekcja 4.8 kursu INF.03.

Tło elementu i tło strony, obraz oraz gradient w tle, cień box-shadow, zaokrąglenie narożników, kontur outline, płynna zmiana transition i animacja z regułą @keyframes. Lekcja 4.9 kursu INF.03.

Grafika i multimedia w kwalifikacji INF.03: najważniejsze zasady, przykłady i 129 powiązanych pytań w banku.

Jak zapisuje się zdjęcie i logo, co oznaczają wymiary w pikselach, PPI i DPI oraz jak policzyć liczbę kolorów i rozmiar nieskompresowanej bitmapy. Lekcja 5.1 kursu INF.03.

Dobór formatu zdjęcia, logo i animacji do strony. Różnice między kompresją stratną i bezstratną, kanałem alfa, plikiem projektu oraz eksportem do przeglądarki. Lekcja 5.2 kursu INF.03.

Składowe światła i farby, przezroczystość alfa, odcień i nasycenie oraz przeliczanie kolorów między zapisem RGB i szesnastkowym. Przykłady barw strony sklepu. Lekcja 5.3 kursu INF.03.

Przygotowanie zdjęcia i logo sklepu: skalowanie, kadrowanie, alfa, warstwy i filtry w GIMP oraz obiekty, ścieżki i tekst w Inkscape. Projekt roboczy i eksport. Lekcja 5.4 kursu INF.03.

Cyfrowy zapis dźwięku i filmu, obliczanie rozmiaru nagrania, montaż, eksport oraz odtwarzanie przez audio i video. Multimedia w stronie i systemie CMS. Lekcja 5.5 kursu INF.03.

Klatki, czas i pętla animacji, wybór GIF, CSS lub JavaScript oraz różnica między SVG i canvas. Krótka animacja elementu sklepu z uwzględnieniem ograniczenia ruchu. Lekcja 5.6 kursu INF.03.

Od wymagań do makiety sklepu: analiza układu, semantyczna struktura, paleta, typografia i sprawdzenie zgodności z projektem. Przełożenie opisu arkusza na HTML i CSS. Lekcja 6.1 kursu INF.03.

Praktyczne poprawki sklepu dla osób niewidomych, słabowidzących i korzystających z klawiatury: alternatywy tekstowe, etykiety, fokus, kontrast i powiększanie treści. Lekcja 6.2 kursu INF.03.

Instalacja i administracja CMS na przykładzie WordPress i Joomla!: baza, panel, publikacja treści, szablony, rozszerzenia, role, media i bezpieczne aktualizacje. Lekcja 6.3 kursu INF.03.

Jak sprawdzić sklep w przeglądarkach, zweryfikować responsywność, użyć walidatorów HTML i CSS oraz poprawić pobieranie zasobów bez usuwania potrzebnej treści. Lekcja 6.4 kursu INF.03.

Odkrywanie, pobieranie i indeksowanie strony, tytuły, opisy, linki, robots.txt, noindex, mapa witryny i pomiar widoczności. SEO bez obietnic określonej pozycji. Lekcja 6.5 kursu INF.03.

Dobór hostingu do HTML i PHP, konfiguracja domeny i DNS, przesyłanie plików przez SFTP, uruchomienie serwera WWW i sprawdzenie opublikowanego sklepu. Lekcja 6.6 kursu INF.03.

Bazy danych i SQL w kwalifikacji INF.03: najważniejsze zasady, przykłady i powiązane pytania w banku. Skrót działu, który otwiera lekcje o projektowaniu baz danych.

Czym jest baza danych, czym różni się od SZBD, co znaczą pojęcia tabela, rekord (krotka), pole i encja, jakie są modele baz danych oraz cechy relacyjnej bazy i trzy rodzaje integralności. Lekcja 7.1 kursu INF.03.

Czym jest encja i jej atrybuty, jak wybrać klucz główny, po co jest klucz obcy i jak dobrać typ danych do każdej kolumny, gdy projektujesz tabelę od zera. Lekcja 7.2 kursu INF.03.

Czym różni się związek 1:1, 1:N i N:M, jak każdy z nich zapisać w tabelach kluczem obcym albo tabelą pośrednią i jak czytać diagram E/R w notacji Chena, kruczej stopki i UML. Lekcja 7.3 kursu INF.03.

Czym jest normalizacja, jak wyglądają pierwsza, druga i trzecia postać normalna na jednym przykładzie sklepowego arkusza i jak rozpoznać postać normalną tabeli pokazanej w pytaniu. Lekcja 7.4 kursu INF.03.

Czym jest system zarządzania bazą danych, czym różnią się MySQL, PostgreSQL, SQLite i MS SQL Server, jak zainstalować XAMPP, ustawić serwer dla wielu użytkowników i obsłużyć bazę w phpMyAdmin. Lekcja 7.5 kursu INF.03.

Zapytania SQL w kwalifikacji INF.03: najważniejsze zasady, przykłady i powiązane pytania w banku. Skrót działu, który otwiera osiem lekcji o SQL od SELECT po import bazy.

Czym jest SQL, na jakie rodziny dzielą się polecenia (DDL, DML, DCL, DQL), jak wygląda poprawna składnia zapytania i jak dobrać typ danych kolumny w MySQL. Lekcja 8.1 kursu INF.03.

Jak utworzyć bazę i tabelę, ustawić klucz główny z AUTO_INCREMENT, dołożyć klucz obcy, zmienić strukturę przez ALTER TABLE i czym różni się DROP od DELETE i TRUNCATE. Lekcja 8.2 kursu INF.03.

Jak dodać wiersz, jak zmienić wartości w istniejących rekordach i jak usunąć dane, żeby nie skasować całej tabeli. Składnia, kolejność kolumn, klucze obce i pułapka braku WHERE. Lekcja 8.3 kursu INF.03.

Zapytanie SELECT krok po kroku: kolumny, WHERE z operatorami, LIKE, IN, BETWEEN, IS NULL, sortowanie ORDER BY, LIMIT i DISTINCT. Lekcja 8.4 kursu INF.03.

Jak policzyć wiersze, zsumować i uśrednić wartości, jak podzielić tabelę na grupy przez GROUP BY, czym różni się HAVING od WHERE oraz funkcje tekstowe, liczbowe i daty w MySQL. Lekcja 8.5 kursu INF.03.

Jak połączyć dwie tabele w jednym zapytaniu po kluczu obcym, czym różni się INNER JOIN od LEFT JOIN, co daje iloczyn kartezjański i jak czytać wynik na egzaminie. Lekcja 8.6 kursu INF.03.

Zapytanie w zapytaniu i pułapka NOT IN z NULL, widok jako zapisane zapytanie, indeks przyspieszający wyszukiwanie kosztem zapisu oraz transakcja z COMMIT i ROLLBACK. Lekcja 8.7 kursu INF.03.

Jak wygląda plik .sql i w jakiej kolejności stoją w nim polecenia, jak zaimportować i wyeksportować bazę w phpMyAdmin oraz przez mysqldump, czym różni się eksport SQL od CSV i czym są formularze, kwerendy i raporty. Lekcja 8.8 kursu INF.03.

Tworzenie kont MySQL i MariaDB, znaczenie nazwy i hosta oraz przydzielanie i odbieranie dostępu do bazy. Sprawdzenie uprawnień i konfiguracja pracy wielu użytkowników. Lekcja 9.1 kursu INF.03.

Kopia struktury i pełna kopia bazy, eksport SQL oraz próbne przywrócenie w oddzielnej bazie. Kontrola spójności, diagnostyka problemów i ograniczenia naprawy tabel InnoDB. Lekcja 9.2 kursu INF.03.

Czym są program, algorytm i kod źródłowy oraz jak kod staje się wykonywanymi instrukcjami. Kompilacja, interpretacja i programowanie strukturalne na krótkich przykładach. Lekcja 10.1 kursu INF.03.

Analiza danych wejściowych i wyniku, trzy sposoby zapisu algorytmu oraz śledzenie jego działania. Wyszukiwanie liniowe i binarne, sortowanie bąbelkowe i rekurencja w Pythonie. Lekcja 10.2 kursu INF.03.

Dobór edytora i środowiska uruchomieniowego, przygotowanie lokalnego projektu w XAMPP oraz sprawdzanie Apache, PHP i bazy. Narzędzia przeglądarki i diagnoza typowych problemów. Lekcja 10.3 kursu INF.03.

Błędy składni, wykonania i logiki, przypadki testowe, debugger przeglądarki oraz ponowne sprawdzenie poprawki. Komentarze, dokumentacja techniczna i instrukcja użytkownika. Lekcja 10.4 kursu INF.03.

JavaScript w kwalifikacji INF.03: najważniejsze zasady, przykłady i 153 powiązane pytania w banku.

JavaScript wykonuje się w przeglądarce, po stronie klienta. Jak dołączyć skrypt znacznikiem script i plikiem z atrybutem src, gdzie go postawić, jak pisać średniki i komentarze oraz czym różnią się console.log, alert, innerHTML i document.write. Lekcja 11.1 kursu INF.03.

Deklaracje var, let i const oraz różnica w zasięgu, typy proste i złożone, operator typeof z pułapką typeof null, konwersje napisów na liczby, NaN, operatory arytmetyczne, logiczne i porównania, w tym == kontra ===. Lekcja 11.2 kursu INF.03.

Instrukcje warunkowe if, else if i switch oraz pętle for, while, do...while, for...of i for...in w języku JavaScript: kiedy sprawdzany jest warunek, ile obrotów wykona pętla, co robią break i continue oraz jak pętla buduje listę HTML. Lekcja 11.3 kursu INF.03.

Deklaracja i wywołanie funkcji w JavaScript, parametry i argumenty, wartości domyślne, instrukcja return, funkcja w zmiennej i funkcje strzałkowe, zasięg lokalny i globalny oraz wywołanie funkcji przyciskiem. Lekcja 11.4 kursu INF.03.

Tablice w JavaScripcie: indeksy od zera, length, push, pop, splice, indexOf, join, sort i forEach, obiekt jako zbiór par klucz i wartość oraz biblioteki String, Math i Date z pułapką sortowania liczb i miesięcy liczonych od zera. Lekcja 11.5 kursu INF.03.

Model DOM w JavaScript: jak przeglądarka buduje drzewo dokumentu, jak pobrać z niego element metodami getElementById, getElementsByClassName i querySelector oraz jak zmienić jego treść, atrybuty, styl i klasy, a także dodać i usunąć węzeł. Lekcja 11.6 kursu INF.03.

Zdarzenia myszy, klawiatury, formularza i strony w języku JavaScript: trzy sposoby podpięcia obsługi, addEventListener, obiekt zdarzenia i preventDefault oraz walidacja formularza po stronie klienta z komunikatem dla użytkownika. Lekcja 11.7 kursu INF.03.

Biblioteki i frameworki JavaScriptu: po co są, jak dołączyć jQuery z sieci CDN, selektory i metody jQuery obok tego samego kodu w czystym JavaScripcie, czym różnią się React i Angular, format JSON z metodami parse i stringify oraz technika AJAX i funkcja fetch. Lekcja 11.8 kursu INF.03.

PHP w kwalifikacji INF.03: najważniejsze zasady, przykłady i powiązane pytania w banku. Skrót działu, który otwiera osiem lekcji o PHP od pierwszego skryptu po połączenie z bazą.

PHP wykonuje się na serwerze, a do przeglądarki trafia sam wynik jego pracy, zwykle gotowy HTML. Znaczniki otwarcia i zamknięcia, echo i print, komentarze, osadzanie kodu w stronie, plik w htdocs i adres przez localhost. Lekcja 12.1 kursu INF.03.

Zmienne z dolarem, typy proste i złożone, stałe define i const, operatory arytmetyczne, porównania i logiczne, inkrementacja oraz rzutowanie typów w PHP 8, z gotowymi wynikami przykładów. Lekcja 12.2 kursu INF.03.

Instrukcje warunkowe if, elseif, switch i match oraz pętle for, while, do...while i foreach w PHP: kiedy sprawdzany jest warunek, ile obrotów wykona pętla, po co są break i continue oraz jak pętla generuje listę i tabelę HTML. Lekcja 12.3 kursu INF.03.

Jak zbudować tablicę indeksowaną, asocjacyjną i wielowymiarową w PHP, jak przejść po niej pętlą foreach i które wbudowane funkcje tablicowe wracają w pytaniach: count, sort, in_array, implode i explode. Lekcja 12.4 kursu INF.03.

Jak zdefiniować własną funkcję z parametrem domyślnym i instrukcją return oraz które funkcje wbudowane PHP wracają w pytaniach: strlen, substr, strtoupper, round, rand i date z formatami daty i czasu. Lekcja 12.5 kursu INF.03.

Jak skrypt PHP odbiera dane z formularza: metody GET i POST, tablice superglobalne $_GET, $_POST i $_SERVER, sprawdzanie isset, walidacja po stronie serwera oraz kodowanie wyjścia funkcją htmlspecialchars. Lekcja 12.6 kursu INF.03.

Trzy sposoby na to, żeby dane przetrwały do następnego żądania: plik na dysku serwera, ciasteczko w przeglądarce i sesja. Tryby fopen, setcookie przed treścią strony, session_start i koszyk w tablicy $_SESSION. Lekcja 12.7 kursu INF.03.

Cztery kroki skryptu łączącego PHP z MySQL: mysqli_connect, mysqli_query, pętla z mysqli_fetch_array i mysqli_close. Funkcje ze ściągi CKE, wypisywanie wyników w liście i w tabeli, obrona przed SQL injection zapytaniem przygotowanym, hasła w password_hash oraz biblioteka PDO. Lekcja 12.8 kursu INF.03.

Jak zbudowany jest arkusz praktyczny INF.03: polecenie otwierające, konto Egzamin, archiwum ZIP, folder z numerem PESEL, pięć ocenianych rezultatów, cztery bloki zadania w 150 minutach, nazwy plików i zrzuty ekranu. Lekcja 13.1 kursu INF.03.

Pierwszy oceniany rezultat krok po kroku: start Apache i MySQL w XAMPP, baza egzamin w phpMyAdmin, import pliku .sql, zrzut import.jpg oraz cztery kwerendy zapisane w kwerendy.txt ze zrzutami kw1.png do kw4.png. Lekcja 13.2 kursu INF.03.

Dwa oceniane rezultaty krok po kroku: plik .php z rysunku układu (HTML5, język, kodowanie, znaczniki sekcji, obrazy z alt, tabela, formularz POST) i zewnętrzny arkusz styl_1.css z kolorami, wymiarami, marginesami, box-shadow, border-collapse i float. Lekcja 13.3 kursu INF.03.

Skrypt PHP, który łączy się z localhost jako root bez hasła z bazą egzamin i na końcu zamyka połączenie. Funkcje mysqli ze ściągi CKE, wiersze jako lista i jako tabela, dane z formularza w klauzuli WHERE, skrypt JavaScript zmieniający kolory strony. Lekcja 13.4 kursu INF.03.

Angielski potrzebny przy stanowisku IT: dokumentacja, instrukcja, komunikat błędu, zgłoszenie, rozmowa z klientem i krótka prezentacja. Przykłady z tłumaczeniem i ćwiczenia. Lekcja 14.1 kursu INF.03.

Jak odpowiedzialnie wykonywać zadanie IT, chronić informacje, planować własną pracę, przekazywać uwagi, rozwiązywać konflikt i uzgadniać warunki. Przykład projektu sklepu. Lekcja 14.2 kursu INF.03.

Planowanie pracy małego zespołu nad witryną: podział ról i zadań, zależności, szacowanie czasu, przekazanie pracy, krótkie spotkania, kontrola jakości i usprawnienia. Lekcja 14.3 kursu INF.03.