Przejdź do głównej treści
  1. Strona główna
  2. Wyniki egzaminu

Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie

  • Zawód: Technik programista
  • Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
  • Rozpoczęcie: 15 września 2026 13:58
  • Zakończenie: 15 września 2026 14:12 

Egzamin zdany!

Wynik: 35/40 punktów (87,5%)

Wymagane minimum: 20 punktów (50%)

Twój wynik na tle innych

Twój wynik jest lepszy niż 86% podejść do kwalifikacji INF.03.

Porównanie z 41574 zakończonymi podejściami do tej kwalifikacji (dane zbiorcze, bez wyników indywidualnych).

Zachowaj ten wynik na koncie

Załóż darmowe konto albo zaloguj się - ten egzamin przypiszemy do Twojego konta, więc wrócisz do swoich błędów, będziesz śledzić postęp i dostaniesz powtórki dobrane do Twoich odpowiedzi.

Analiza przebiegu egzaminu - sprawdź jak rozwiązywałeś pytania Przebieg egzaminu

Analiza przebiegu egzaminu

Odtwarzaj przebieg egzaminu krok po kroku i ucz się na własnych błędach - kolejność rozwiązywania, czas nad każdym pytaniem, momenty zmiany odpowiedzi.

  • Suwak czasu - przeglądaj pytania w kolejności rozwiązywania.
  • Tryb nauki - poprawne odpowiedzi i wyjaśnienia.
  • Analiza czasu - ile czasu nad każdym pytaniem.
  • Monitoring focusu - momenty opuszczenia zakładki.

Pochwal się swoim wynikiem!

Szczegółowe wyniki

Pytanie 1

W języku PHP zmienna $a została przypisana do wartości 1. Wyrażenie $a === $b będzie miało wartość true, gdy zmienna $b będzie ustawiona na wartość

A. '1'
B. "1" lub '1'
C. *1Poprawna odpowiedź
D. 1 lub '1'Twoja odpowiedź
Niepoprawna odpowiedź. Odpowiedzi, które sugerują różne typy danych, takie jak '1', 1 lub '1', oraz \"1\" lub '1', mogą prowadzić do nieporozumień wynikających z niepełnego rozumienia operatorów porównania w PHP. W przypadku operatora porównania identyczności (===), ważne jest, aby zarówno wartość, jak i typ zmiennej były zgodne. Porównanie 1 (liczba całkowita) z '1' (łańcuch znaków) zwróci false, ponieważ różnią się one typem. Typowe błędy myślowe, prowadzące do takiej pomyłki, mogą wynikać z braku zrozumienia, jak PHP obsługuje typy danych i konwersję typów. Warto zauważyć, że w innych językach programowania porównania mogą działać inaczej, co może prowadzić do zamieszania, szczególnie w kontekście programowania w PHP. Istotne jest, aby przy projektowaniu aplikacji zawsze stosować porównania identyczności, by uniknąć nieprzewidzianych problemów związanych z typami danych. Dobrą praktyką jest również eksploracja dokumentacji PHP oraz testowanie porównań w praktyce, co pozwala na głębsze zrozumienie działania języka. Właściwe podejście do typów danych oraz klarowne rozumienie operatorów porównania są kluczowymi elementami skutecznego programowania w PHP.

Pytanie 2

Zapis selektora wskazuje, że kolor tła będzie brązowy dla

input[type=number] { background-color: Brown; }
A. formularzy, które są typu numerycznegoTwoja odpowiedź
B. wszystkich tekstów na stronie internetowej
C. wszystkich formularzy
D. formularzy, gdy użytkownik wprowadzi w nie jakąkolwiek cyfrę
Poprawna odpowiedź. Zapis selektora CSS `input[type=number] { background-color: Brown; }` odnosi się do pól edycyjnych, które są zdefiniowane jako typu numerycznego. Oznacza to, że wszystkie elementy <input>, które mają atrybut `type` ustawiony na `number`, będą miały brązowe tło. Tego typu selektory są przydatne, ponieważ pozwalają na precyzyjne stylizowanie elementów formularzy, co jest kluczowe dla poprawy doświadczeń użytkowników. Stosowanie odpowiednich typów elementów formularza, takich jak `number`, umożliwia kontrolowanie danych wprowadzanych przez użytkowników, co jest zgodne z dobrymi praktykami w zakresie walidacji danych. W praktyce, jeśli w formularzu istnieje pole do wprowadzania dat, które powinno przyjmować tylko wartości liczbowe, stylizowanie go w ten sposób może pomóc w natychmiastowym wizualnym wskazaniu użytkownikowi, że pole jest przeznaczone do wprowadzania numerów. Warto również pamiętać, że stosowanie odpowiednich typów wejściowych wspiera responsywność, umożliwiając na przykład wyświetlanie klawiatury numerycznej na urządzeniach mobilnych, co zwiększa komfort użytkowania.

Pytanie 3

Zapis w języku JavaScript:

x = przedmiot.nazwa();
wskazuje, że
A. nazwa stanowi właściwość obiektu przedmiot.
B. Zmienna x będzie przechowywać rezultat wykonania metody nazwa.Twoja odpowiedź
C. Zmienna x będzie przechowywać rezultat działania funkcji przedmiot.
D. nazwa jest polem w klasie przedmiot.
Poprawna odpowiedź. W kodzie JavaScript zapis x = przedmiot.nazwa(); oznacza, że zmienna x będzie przechowywać wynik działania metody nazwa, która jest zdefiniowana w obiekcie przedmiot. W JavaScript metody są funkcjami przypisanymi do obiektów, co oznacza, że mogą one operować na danych wewnątrz tych obiektów. Przykładem może być klasa 'Osoba', która ma metodę 'pobierzImie', zwracającą imię danej osoby. W wywołaniu 'let imie = osoba.pobierzImie();', zmienna imie przechowa wynik działania tej metody. Dobrą praktyką jest, aby metody były odpowiedzialne za operacje związane z danymi, które przechowują, co zwiększa modularność i czytelność kodu. W kontekście standardów programowania, zachowanie to wspiera zasady OOP (programowania obiektowego), umożliwiając enkapsulację oraz ponowne wykorzystanie kodu. Dobrze zdefiniowane metody zwiększają spójność i ułatwiają testowanie jednostkowe. W efekcie, zawsze warto dążyć do klarownego definiowania metod w obiektach, aby poprawić jakość i efektywność pisania kodu.

Pytanie 4

Którą właściwość CSS należy zastosować, aby uzyskać efekt rozstrzelenia (zwiększonych odstępów) między literami?

A.
text-space
B.
letter-spacing
Twoja odpowiedź
C.
text-decoration
D.
letter-transform
Poprawna odpowiedź. Odstęp między literami ustawia właściwość letter-spacing, np. letter-spacing: 3px. Wartość dodatnia rozsuwa litery (rozstrzelenie), ujemna je zbliża. Często stosuje się ją w nagłówkach i logotypach. Dlatego efekt rozstrzelenia liter daje letter-spacing.

Pytanie 5

Co oznacza dodanie kanału alfa podczas obróbki grafiki rastrowej?

A. ustalenie balansu bieli
B. wprowadzenie warstwy z przezroczystościąTwoja odpowiedź
C. wyostrzenie krawędzi obrazu
D. zwiększenie głębi ostrości
Poprawna odpowiedź. Dodanie kanału alfa oznacza wprowadzenie dodatkowej warstwy informacji o PRZEZROCZYSTOŚCI pikseli - dzięki niej fragmenty obrazu mogą być przezroczyste lub półprzezroczyste. Dlatego to wprowadzenie warstwy z przezroczystością.

Pytanie 6

SELECT AVGcena) FROM usługi; Celem użycia funkcji agregującej AVG w tym zapytaniu jest

A. zliczyć ilość dostępnych usług w tabeli
B. określić najwyższą cenę usług
C. wyliczyć średnią arytmetyczną cen wszystkich usługTwoja odpowiedź
D. zsumować wartości kosztów wszystkich usług
Poprawna odpowiedź. Odpowiedź "obliczyć średnią arytmetyczną cen wszystkich usług" jest poprawna, ponieważ funkcja AVG (average) w SQL jest zaprojektowana do obliczania średniej wartości z zestawu danych w danej kolumnie. W podanym zapytaniu, AVG(cena) ma na celu zsumowanie wartości w kolumnie 'cena' dla wszystkich wierszy w tabeli 'usługi' oraz podzielenie tej sumy przez liczbę wierszy, które zawierają dane. W praktyce, średnia arytmetyczna jest niezwykle użyteczna w analizie danych, ponieważ pozwala na uzyskanie jednego, reprezentatywnego wyniku, który może być pomocny w podejmowaniu decyzji biznesowych. Na przykład, firma usługowa może użyć tej informacji do oceny swojej polityki cenowej, porównując średnią cenę swoich usług do średnich cen konkurencji. Zgodnie z najlepszymi praktykami w branży, stosowanie funkcji agregujących takich jak AVG powinno być integralną częścią procesów analizy danych, szczególnie w kontekście raportowania i oceny efektywności operacyjnej.

Pytanie 7

W języku JavaScript funkcja document.getElementById() ma na celu

A. zwrócić odnośnik do pierwszego elementu HTML o określonym idTwoja odpowiedź
B. sprawdzić poprawność formularza z identyfikatorem id
C. pobrać dane z pola formularza i zapisać je do zmiennej id
D. umieścić tekst o treści 'id' na stronie internetowej
Poprawna odpowiedź. Metoda document.getElementById() jest jedną z kluczowych funkcji w JavaScript, używaną do interakcji z elementami HTML w dokumentach DOM (Document Object Model). Jej głównym zadaniem jest zwrócenie odniesienia do pierwszego elementu w dokumencie HTML, który posiada określony atrybut id. Atrybut ten powinien być unikalny w obrębie dokumentu, co pozwala na jednoznaczną identyfikację elementu. Przykładowo, jeśli mamy element <div id='myElement'>Witaj świecie</div>, to użycie document.getElementById('myElement') zwróci nam ten konkretny element. Można następnie manipulować tym elementem, zmieniając jego zawartość, styl lub atrybuty, co jest nieocenione w tworzeniu dynamicznych aplikacji webowych. Warto zaznaczyć, że ta metoda jest częścią specyfikacji DOM Level 1 i jest szeroko wspierana przez wszystkie nowoczesne przeglądarki. W kontekście optymalizacji wydajności, uzyskiwanie dostępu do elementów za pomocą ich id jest znacznie szybsze i bardziej efektywne niż stosowanie selektorów CSS. W praktyce, użycie tej metody w kodzie JavaScript jest kluczowe dla wielu operacji DOM, co sprawia, że jest to fundament, na którym opiera się wiele aplikacji webowych.

Pytanie 8

Który z akapitów wykorzystuje opisaną właściwość stylu CSS?

Ilustracja do pytania
A. BPoprawna odpowiedź
B. CTwoja odpowiedź
C. A
D. D
Niepoprawna odpowiedź. Zrozumienie właściwości border-radius w CSS jest kluczowe dla projektowania nowoczesnych i estetycznych interfejsów użytkownika. Błędne identyfikowanie miejsca, w którym zastosowano tę właściwość, może wynikać z braku świadomości, jak zaokrąglone narożniki wpływają na wygląd elementów. W przypadku odpowiedzi A, C i D, elementy te nie wykazują żadnego stopnia zaokrąglenia lub ich stylizacja różni się od wskazanej wartości 20%. Elementy bez zaokrąglonych narożników mają prosty, kanciasty wygląd, co może być mniej atrakcyjne wizualnie i nie spełniać wymogów nowoczesnego designu. Odpowiedź C, choć posiada ramkę, nie odpowiada wyglądowi nadanemu przez border-radius, ponieważ ma krawędzie proste. Element D z kolei ma grubszą ramkę, co również wskazuje na inną stylizację. Częstym błędem jest skupianie się na innych właściwościach, takich jak typ ramki, zamiast koncentrować się na zaokrągleniu narożników. Aby uniknąć takich pomyłek, warto ćwiczyć rozpoznawanie efektów poszczególnych właściwości CSS i ich wpływu na wizualną percepcję elementów. Właściwe stosowanie CSS pozwala na tworzenie bardziej przyjaznych i estetycznych projektów, które lepiej odpowiadają oczekiwaniom użytkowników i standardom branżowym.

Pytanie 9

Który element blokowy HTML5 jest przeznaczony na nawigację witryny?

A.
nav
Twoja odpowiedź
B.
header
C.
aside
D.
main
Poprawna odpowiedź. Element semantyczny <nav> wydziela blok NAWIGACJI witryny - zwykle menu główne lub zestaw linków do najważniejszych podstron, np. <nav><a href="/">Start</a> <a href="/kontakt">Kontakt</a></nav>. Semantyka jest ważna nie tylko porządkowo: czytniki ekranu i wyszukiwarki rozpoznają po <nav>, że to nawigacja. Zapamiętaj: „nav” jak nawigacja.

Pytanie 10

W CSS określono styl paragrafu, który nada mu następujące właściwości:

background-color: red;
color: blue;
margin: 40px;
A. tło niebieskie, kolor tekstu czerwony, marginesy wewnętrzne na poziomie 40 px
B. tło niebieskie, kolor tekstu czerwony, marginesy zewnętrzne na poziomie 40 pxTwoja odpowiedź
C. tło czerwone, kolor tekstu niebieski, marginesy wewnętrzne na poziomie 40 px
D. tło czerwone, kolor tekstu niebieski, marginesy zewnętrzne na poziomie 40 pxPoprawna odpowiedź
Niepoprawna odpowiedź. Wiele błędnych odpowiedzi opiera się na mylnym zrozumieniu właściwości CSS oraz ich roli w stylowaniu dokumentów HTML. W przypadku tła, koloru tekstu i marginesów istotne jest, aby poprawnie zidentyfikować, co każda z tych właściwości robi. Na przykład, w deklaracji 'background-color: red;' tło jest jednoznacznie określane jako czerwone, co wyklucza wszelkie inne kolory, jak niebieski, co jest mylnie sugerowane w niektórych odpowiedziach. Co więcej, właściwość 'color' ustala kolor tekstu, a nie tła, co oznacza, że nie może być jednocześnie czerwony i niebieski. Kolejnym częstym błędem jest mylenie marginesów zewnętrznych z wewnętrznymi. Marginesy zewnętrzne (margin) definiują przestrzeń wokół elementu, podczas gdy marginesy wewnętrzne (padding) dotyczą przestrzeni wewnątrz elementu. W kontekście tego pytania, 'margin: 40px;' odnosi się do marginesów zewnętrznych. Dlatego ważne jest, aby dokładnie zrozumieć, jak różne style CSS wpływają na wygląd i układ elementów na stronie, co jest kluczowe w profesjonalnym projektowaniu webowym. Błędne interpretacje mogą prowadzić do nieestetycznego układu i trudności w użytkowaniu stron, co jest szczególnie istotne w kontekście dostępności i użyteczności aplikacji internetowych.

Pytanie 11

Po uruchomieniu poniższego kodu PHP na ekranie ukaże się bieżąca data w formacie:

echo date("Y-m");
A. dzień, miesiąc, rok
B. tylko rok
C. dzień oraz rok
D. rok oraz miesiącTwoja odpowiedź
Poprawna odpowiedź. Odpowiedź "rok i miesiąc" jest prawidłowa, ponieważ funkcja date() w PHP, kiedy wykorzystujemy format "Y-m", zwraca datę w formacie roku, np. 2023, oraz miesiąca w postaci dwucyfrowej, np. 09 dla września. Warto zrozumieć, że format "Y" generuje czterocyfrowy rok, natomiast "m" generuje dwucyfrowy miesiąc. To podejście jest często wykorzystywane w aplikacjach webowych do prezentacji dat w sposób zrozumiały dla użytkowników, a także do grupowania danych według miesięcy w bazach danych. Przykładowo, w systemach raportowania finansowego, często wykorzystuje się ten format do agregacji danych sprzedażowych według miesięcy, co ułatwia analizę wyników. Użycie odpowiednich standardów w formacie daty wspomaga utrzymanie spójności i czytelności danych w różnych systemach informatycznych.

Pytanie 12

Parametr face znacznika <font> jest używany do wskazania

A. efektów czcionki
B. nazwa czcionkiTwoja odpowiedź
C. koloru czcionki
D. rozmiaru czcionki
Poprawna odpowiedź. Parametr face znacznika <font> w HTML służy do określenia nazwy czcionki, co jest kluczowym elementem stylizacji tekstu na stronach internetowych. Umożliwia on programistom i projektantom graficznym wskazanie konkretnej czcionki, która ma być używana do wyświetlania tekstu, co wpływa na jego czytelność oraz estetykę. Przykładowo, aby ustawić czcionkę na 'Arial', użyjemy znacznika <font face='Arial'>tekst</font>. Warto zauważyć, że ten parametr nie jest już zalecany w nowoczesnym HTML, ponieważ stylizacje powinny być realizowane za pomocą CSS, które oferuje znacznie większe możliwości i elastyczność. W CSS można określić czcionkę na przykład w ten sposób: p { font-family: 'Arial', sans-serif; }. Zgodnie z wytycznymi W3C, stosowanie CSS zamiast znaczników HTML dla stylizacji jest najlepszą praktyką, ponieważ pozwala na oddzielenie treści od prezentacji. W kontekście SEO, właściwe użycie czcionek i ich nazw może wpływać na wygodę użytkowników oraz ogólną estetykę strony, co pośrednio może przyczynić się do lepszego rankingu w wyszukiwarkach. Warto jednak pamiętać, że niektóre czcionki mogą nie być zainstalowane na wszystkich systemach, dlatego rekomenduje się używanie czcionek webowych oraz zabezpieczeń w postaci alternatyw w CSS.

Pytanie 13

Zapisano kod HTML wstawiający grafikę na stronę internetową:

<img src="rysunek.png" alt="pejzaż">
Jeżeli rysunek.pngnie zostanie odnaleziony, przeglądarka:
A. w miejscu grafiki wypisze tekst "pejzaż".Twoja odpowiedź
B. nie wyświetli strony internetowej.
C. w miejscu grafiki wypisze błąd wyświetlania strony.
D. w miejscu grafiki wypisze tekst "rysunek.png".
Poprawna odpowiedź. Brawo! Wybrałeś prawidłową odpowiedź. Element <img> w kodzie HTML może mieć atrybut alt, który określa tekst alternatywny, który ma być wyświetlony, gdy obrazek nie może zostać załadowany. W tym przypadku, atrybut alt ma wartość 'pejzaż', co oznacza, że jeśli obraz 'rysunek.png' nie może zostać załadowany, przeglądarka wyświetli tekst 'pejzaż' w miejscu, gdzie powinien być obraz. Ta funkcja jest przydatna z kilku powodów. Po pierwsze, pozwala użytkownikowi zrozumieć kontekst strony, nawet jeśli nie może zobaczyć obrazu. Po drugie, jest to zgodne ze standardami dostępności, ponieważ czytniki ekranu dla osób niewidomych mogą odczytywać ten tekst. To jest ważne dla tworzenia stron internetowych, które są dostępne dla wszystkich.

Pytanie 14

W języku PHP funkcja trim ma za zadanie

A. zmniejszać napis o wskazaną w parametrze liczbę znaków.
B. porównywać dwa napisy i wypisywać część wspólną.
C. z obu końców napisu usuwać białe znaki lub inne znaki podane w parametrze.Twoja odpowiedź
D. wyznaczyć długość napisu.
Poprawna odpowiedź. Poprawnie – funkcja trim() w PHP służy do usuwania z obu końców napisu tzw. znaków niechcianych, domyślnie białych znaków, czyli spacji, tabulatorów, znaków nowej linii, powrotu karetki itp. Kluczowe jest tu słowo „z końców” – trim nie rusza środka łańcucha, modyfikuje tylko początek i koniec. Składnia jest prosta: trim(string $string, string $characters = " \n\r\t\0\x0B"). Drugi parametr jest opcjonalny i pozwala samodzielnie określić zestaw znaków, które mają być usunięte. Przykład z praktyki: bardzo często po odebraniu danych z formularza stosuje się $name = trim($_POST['name']); żeby usunąć przypadkowe spacje przed i po imieniu użytkownika. Dzięki temu porównywanie napisów, walidacja czy zapisywanie do bazy danych jest bardziej przewidywalne i zgodne z dobrymi praktykami. Moim zdaniem trim to jedna z takich małych funkcji, które powinny wejść w nawyk – szczególnie przy obsłudze inputów użytkownika, importu danych z plików CSV, parsowaniu logów czy przygotowywaniu danych do serializacji. Warto też znać powiązane funkcje: ltrim() usuwa znaki tylko z lewej strony, a rtrim() (alias chop()) tylko z prawej. Dobrą praktyką jest stosowanie trim bezpośrednio po pobraniu danych z zewnętrznych źródeł, zanim zaczniemy robić jakiekolwiek porównania, zapisy do bazy czy generowanie kluczy. Pozwala to uniknąć bardzo irytujących błędów typu „ten sam użytkownik, ale inne spacje”, które potem trudno debugować. W profesjonalnych aplikacjach webowych obróbka łańcuchów, w tym właśnie trim, jest standardowym elementem warstwy walidacji i normalizacji danych wejściowych.

Pytanie 15

W języku HTML, aby uzyskać efekt taki jak na przykładzie, należy zastosować konstrukcję

Duży tekst zwykły tekst

A. <p><big>Duży tekst</big> zwykły tekst</p>Twoja odpowiedź
B. <p><strike>Duży tekst zwykły tekst</p>
C. <p><big>Duży tekst</p> zwykły tekst
D. <p><strike>Duży tekst</strike> zwykły tekst</p>
Poprawna odpowiedź. W języku HTML, użycie znacznika <big> jest właściwym sposobem na zwiększenie rozmiaru tekstu, co w efekcie pozwala na wyróżnienie go w kontekście pozostałej treści. Znacznik ten jest jednak przestarzały i niezalecany w nowoczesnych praktykach, ponieważ CSS oferuje bardziej elastyczne i zaawansowane metody stylizacji. Przykładowo, zamiast stosować <big>, można wykorzystać stylizację CSS, aby uzyskać podobny efekt, co zwiększa kontrolę nad wyglądem elementów. Ponadto, zastosowanie znacznika <p> jako kontenera dla tekstu zapewnia semantyczną strukturę dokumentu, co jest zgodne z wytycznymi W3C i poprawia dostępność. Przykładowo, użycie CSS może wyglądać tak: <p style='font-size: 1.5em;'>Duży tekst</p>zwykły tekst, co jest bardziej zalecane dla zachowania zgodności ze standardami. Warto pamiętać, że unikanie przestarzałych znaczników i stosowanie CSS zwiększa elastyczność i estetykę projektów HTML.

Pytanie 16

Który fragment kodu JavaScript zwróci wartość true?

A.
"abc" > "def"
B.
"ab" > "c"
C.
"a" > "b"
D.
"def" > "abc"
Twoja odpowiedź
Poprawna odpowiedź. Napisy porównuje się w JavaScripcie LEKSYKOGRAFICZNIE (jak w słowniku), znak po znaku wg kodów. "def" > "abc" jest prawdą, bo pierwsza litera „d” ma wyższy kod niż „a”. Zapamiętaj: przy > dla tekstów decyduje pierwsza różniąca się litera - „dalej w alfabecie” znaczy „większy”.

Pytanie 17

Podaj polecenie SQL, które wprowadza kolumnę miesiacSiewu do istniejącej tabeli rosliny?

A. CREATE TABLE rosliny {miesiacSiewu int}
B. ALTER TABLE rosliny ADD miesiacSiewu intTwoja odpowiedź
C. INSERT INTO rosliny VALUES (miesiacSiewu int)
D. UPDATE rosliny ADD miesiacSiewu int
Poprawna odpowiedź. Poprawna odpowiedź to ALTER TABLE rosliny ADD miesiacSiewu int. To polecenie SQL jest używane do modyfikacji istniejącej tabeli w bazie danych. W tym przypadku, zmiana dotyczy dodania nowego pola 'miesiacSiewu', które określi miesiąc siewu roślin. Typ danych 'int' oznacza, że wartość tego pola będzie przechowywana jako liczba całkowita, co jest odpowiednie, jeśli miesiące będą reprezentowane jako liczby od 1 do 12. Przykład użycia polecenia w praktyce: po dodaniu tego pola można wprowadzać dane o miesiącu siewu dla różnych roślin, co może być przydatne w systemach zarządzania uprawami. Dobrą praktyką jest zawsze dokumentować zmiany w schemacie bazy danych, aby zapewnić spójność i przejrzystość w zarządzaniu danymi. Ważne jest również, aby przed modyfikacją tabeli upewnić się, że nie wprowadza to konfliktów z istniejącymi danymi lub strukturami.

Pytanie 18

Arkusze stylów w formacie kaskadowym są tworzone w celu

A. ułatwienia formatowania stronyPoprawna odpowiedź
B. nadpisywania wartości znaczników, które już zostały ustawione na stronie
C. blokowania wszelkich zmian w wartościach znaczników już przypisanych w pliku CSS
D. połączenia struktury dokumentu strony z odpowiednią formą jej wizualizacjiTwoja odpowiedź
Niepoprawna odpowiedź. Wybór błędnych odpowiedzi może wynikać z nieporozumienia dotyczącego funkcji kaskadowych arkuszy stylów i ich zastosowania w procesie tworzenia stron internetowych. Odpowiedzi sugerujące blokowanie jakichkolwiek zmian w wartościach znaczników w pliku CSS są mylące, ponieważ CSS zaprojektowane jest właśnie po to, aby umożliwiać modyfikacje stylów. Arkusze stylów nie blokują zmian, tylko lepiej organizują i strukturalizują kod, co sprzyja łatwiejszemu wprowadzaniu przyszłych poprawek. Z kolei połączenie struktury dokumentu strony z właściwą formą prezentacji jest bardziej związane z HTML, który odpowiada za strukturę treści strony. CSS natomiast odpowiada głównie za stylizację i nie ma na celu bezpośredniego łączenia tych aspektów, lecz oddzielenie ich. Warto również zauważyć, że nadpisywanie wartości znaczników na stronie to szczególna funkcjonalność CSS, ale nie jest to jej główny cel. Główna idea CSS polega na uproszczeniu procesu formatowania, co podkreśla znaczenie kaskadowości, gdzie reguły mogą być dziedziczone i nadpisywane w sposób przemyślany i kontrolowany. Typowymi błędami myślowymi w tym kontekście są zamiana celów CSS z HTML oraz brak zrozumienia mechanizmów kaskadowości, co prowadzi do nieprawidłowych wniosków na temat roli, jaką CSS odgrywa w projektowaniu stron internetowych.

Pytanie 19

Który typ danych obsługiwany przez PHP jest przeznaczony do obsługi zmiennych typu logicznego?

A. String
B. BooleanTwoja odpowiedź
C. Float
D. Integer
Poprawna odpowiedź. Odpowiedź "Boolean" jest prawidłowa, ponieważ jest to typ danych w języku PHP, który jest używany do przechowywania zmiennych logicznych. Zmienne tego typu mogą mieć jedynie dwie wartości: true (prawda) lub false (fałsz). Jest to niezwykle istotne w programowaniu, ponieważ umożliwia podejmowanie decyzji na podstawie warunków. Przykładowo, w konstrukcjach warunkowych, takich jak if, można sprawdzić, czy zmienna logiczna jest prawdziwa, co pozwala na wykonanie określonej akcji. Warto również zauważyć, że w PHP można łatwo konwertować inne typy danych na typ boolean za pomocą operatorów, takich jak ! (negacja) oraz porównań, co jest zgodne z zasadami dobrych praktyk programistycznych. Używanie typów logicznych jest kluczowe w kontekście programowania obiektowego oraz podczas pracy z strukturami danych. Przykład: $isAvailable = true; if ($isAvailable) { echo 'Produkt jest dostępny.'; }.

Pytanie 20

Metoda pełniąca w języku PHP rolę konstruktora klasy nosi nazwę:

A.
__new()
B.
__construct()
Twoja odpowiedź
C.
__create()
D.
__init()
Poprawna odpowiedź. W PHP rolę konstruktora pełni metoda magiczna __construct() - wywoływana automatycznie przy tworzeniu obiektu (new). Dlatego konstruktorem jest __construct().

Pytanie 21

Ile razy zostanie wykonana pętla przedstawiona w kodzie PHP?

for($i = 0; $i < 25; $i += 5) { ...... }
A. 0
B. 5Twoja odpowiedź
C. 25
D. 26
Poprawna odpowiedź. Pętla for w PHP, zdefiniowana jako for($i = 0; $i < 25; $i += 5), będzie wykonywana do momentu, gdy warunek $i < 25 będzie spełniony. Początkowa wartość $i to 0, a w każdej iteracji zwiększamy $i o 5. Wartości $i w kolejnych iteracjach będą wynosiły: 0, 5, 10, 15, 20. Po piątej iteracji, gdy $i osiągnie wartość 25, warunek $i < 25 przestanie być spełniony, co zakończy działanie pętli. W sumie, pętla wykona się dokładnie pięć razy. Zrozumienie działania pętli for jest kluczowe w programowaniu, ponieważ pozwala na automatyzację wielu zadań, co jest niezbędne w tworzeniu efektywnych i zoptymalizowanych aplikacji. Przykłady zastosowania to iteracja przez elementy tablic, generowanie numerów identyfikacyjnych czy przetwarzanie danych w bazach.

Pytanie 22

<?php
$dane = fread(fopen("plik.txt", "r"), filesize("plik.txt"));
?>
Przedstawiony kod zapisany w języku PHP ma za zadanie
A. zapisać do pliku plik.txt wartość zmiennej dane
B. otworzyć plik plik.txt i jako wartość zmiennej dane przypisać rozmiar pliku
C. zmiennej dane przypisać wielkość pliku plik.txt
D. zmiennej dane przypisać zawartość pliku plik.txtTwoja odpowiedź
Poprawna odpowiedź. W tym fragmencie kodu PHP wykonywana jest bardzo klasyczna operacja: odczyt całej zawartości pliku tekstowego do zmiennej. Funkcja fopen("plik.txt", "r") otwiera plik w trybie tylko do odczytu (read). Zwraca tzw. uchwyt do pliku, czyli zasób, którego potem używa fread. Następnie filesize("plik.txt") zwraca rozmiar pliku w bajtach. Ten rozmiar jest przekazywany jako drugi argument do fread, więc fread odczytuje dokładnie tyle bajtów z otwartego pliku i zwraca je jako ciąg znaków (string). Wynik trafia do zmiennej $dane. Czyli po wykonaniu tego skryptu w $dane znajduje się pełna zawartość pliku plik.txt. To dokładnie odpowiada treści poprawnej odpowiedzi: zmiennej dane przypisać zawartość pliku plik.txt.
Z praktycznego punktu widzenia taki kod przydaje się, gdy chcemy np. przetworzyć plik tekstowy w pamięci: wyszukać w nim jakieś frazy, podmienić tekst, wygenerować podgląd, przesłać jego zawartość dalej przez sieć HTTP itd. W realnych projektach, zwłaszcza przy większych plikach, częściej stosuje się odczyt w kawałkach (pętlą), żeby nie ładować całego pliku naraz do pamięci, ale przy małych plikach podejście z fread + filesize jest jak najbardziej poprawne.
Moim zdaniem warto też wiedzieć, że w nowszym PHP w prostszych przypadkach wygodniej użyć funkcji file_get_contents("plik.txt"), która robi praktycznie to samo, tylko krócej i czytelniej. Natomiast rozumienie mechanizmu fopen/fread jest ważne, bo to jest fundament pracy z plikami: otwarcie, odczyt/zapis, zamknięcie. Dobrą praktyką jest również domykanie uchwytu funkcją fclose, choć w tym przykładzie jej nie ma. W środowiskach produkcyjnych dodaje się jeszcze obsługę błędów (sprawdzanie, czy fopen się udało, czy plik istnieje, czy mamy uprawnienia). Mimo to, z punktu widzenia logiki pytania, sedno jest jedno: ten kod odczytuje zawartość pliku i przypisuje ją do zmiennej $dane.

Pytanie 23

Jaki program jest wykorzystywany do edycji dźwięku?

A. Inkscape
B. CorelDRAW
C. AudacityTwoja odpowiedź
D. GIMP
Poprawna odpowiedź. Audacity to naprawdę fajny program do obróbki dźwięku, który jest używany przez wielu, zarówno hobbystów, jak i profesjonalistów. Jest to open-source, więc można go ściągnąć za darmo. Dzięki niemu możesz nagrywać dźwięki z mikrofonu lub z innych źródeł, co jest super przydatne. Możliwości edytowania ścieżek dźwiękowych są ogromne – masz różne efekty, jak kompresja, EQ czy reverb, które naprawdę mogą wzbogacić Twoje nagrania. Obsługuje też wiele formatów plików, jak WAV, MP3 czy OGG, co sprawia, że jest wszechstronny. Sam z niego korzystam do nagrywania podcastów i muszę przyznać, że dobrze się sprawdza. Ważne, żeby pamiętać, że Audacity jest popularne w branży, bo pozwala na solidną pracę z dźwiękiem, co jest kluczowe, jeśli planujesz coś profesjonalnego. Jest też duża społeczność użytkowników, więc program ciągle się rozwija i aktualizuje. To na pewno coś, czego warto spróbować!

Pytanie 24

Jak nazywa się technologia, w której komunikacja z serwerem odbywa się bez przeładowania całej strony?

A. AJAXTwoja odpowiedź
B. Django
C. PHP
D. Ruby
Poprawna odpowiedź. Technologia, w której przeglądarka komunikuje się z serwerem w tle, bez przeładowania całej strony, to AJAX. Pozwala pobrać lub wysłać dane i odświeżyć tylko fragment widoku, co daje płynniejsze działanie aplikacji webowych (np. ładowanie kolejnych postów bez przeskoku strony). Dlatego opisywaną technologią jest AJAX.

Pytanie 25

Która funkcja PHP służy do załadowania (dołączenia) pliku z serwera?

A.
echo()
B.
include()
Twoja odpowiedź
C.
parse_str()
D.
mysqli_connect()
Poprawna odpowiedź. Funkcja include() dołącza (ładuje) zawartość innego pliku do bieżącego skryptu i wykonuje zawarty w nim kod PHP. Dlatego do dołączania pliku służy include().

Pytanie 26

Aby dołączyć do skryptu PHP kod zawarty w osobnym pliku zewnętrznym, należy użyć funkcji:

A.
isset()
B.
include()
Twoja odpowiedź
C.
str_replace()
D.
strlen()
Poprawna odpowiedź. Właściwa jest include(), ponieważ to jej zadaniem jest dołączenie do bieżącego skryptu kodu zapisanego w osobnym pliku. Interpreter PHP w miejscu wywołania wstawia zawartość wskazanego pliku tak, jakby ten kod był napisany w tym właśnie miejscu. Dzięki temu aplikację dzieli się na mniejsze, wielokrotnie używane części, np. wspólny nagłówek header.php, stopkę footer.php czy plik konfiguracyjny config.php. Pisze się to zwykle jako include 'header.php';. Pokrewne require działa podobnie, lecz przy braku pliku przerywa skrypt, a include() tylko ostrzega i kontynuuje działanie.

Pytanie 27

Na ilustracji przedstawiono kompozycję bloków strony www. Który z elementów formatowania strony odpowiada temu układowi? (Dla uproszczenia pominięto właściwości dotyczące koloru tła, wysokości oraz czcionki)

Ilustracja do pytania
A. Odpowiedź 4: D
B. Odpowiedź 2: BTwoja odpowiedź
C. Odpowiedź 1: A
D. Odpowiedź 3: C
Poprawna odpowiedź. Odpowiedź B jest naprawdę na czasie! Widzisz, użyto tutaj techniki pływającego układu z CSS, czyli float i clear. Pierwszy blok pływa w lewo, ma 30% szerokości, dzięki czemu obok niego mogą stać drugi i trzeci blok, które też pływają w lewo i zajmują 70%. To pozwala na ułożenie elementów w jednej linii, o ile kontener ma wystarczająco miejsca. W sumie, float to klasyka przy układach wielokolumnowych, chociaż obecnie sporo osób korzysta z Flexboxa lub Grid Layout. Zauważ, że blok czwarty ma clear:both, więc zacznie się poniżej wcześniejszych elementów pływających. To ważne, bo dzięki temu unikamy problemów z nałożeniem się treści. Zachowanie porządku w układzie jest kluczowe, szczególnie w responsywnym web designie. Tego typu układy są całkiem popularne na stronach z wieloma kolumnami, gdzie elastyczność szerokości ma duże znaczenie.

Pytanie 28

Którego znacznika HTML5 użyć do GRUPOWANIA powiązanych elementów formularza?

A.
<optgroup>
B.
<fieldset>
Twoja odpowiedź
C.
<option>
D.
<summary>
Poprawna odpowiedź. Znacznik <fieldset> grupuje powiązane elementy formularza w logiczną sekcję (zwykle z ramką), a <legend> daje jej opis. Porządkuje to formularz i poprawia dostępność. Dlatego do grupowania pól formularza służy <fieldset>.

Pytanie 29

Jakie zadanie ma funkcja PHP o nazwie mysql_select_db()?

A. nawiązać połączenie między bazą danych a serwerem SQL
B. uzyskać dane z bazy danych na podstawie zapytania
C. wyznaczyć bazę, z której będą pozyskiwane daneTwoja odpowiedź
D. wyznaczyć tabelę, z której będą pozyskiwane dane
Poprawna odpowiedź. Funkcja <span>mysql_select_db()</span> w PHP jest naprawdę ważna, bo pozwala nam wybrać konkretną bazę danych, z której chcemy czerpać informacje. Gdy już nawiążemy połączenie z serwerem MySQL przez <span>mysql_connect()</span>, to pierwsze co powinniśmy zrobić, to wybrać bazę danych, na której będziemy działać. To ważny krok, bo w każdej bazie może być sporo tabel, a nasze zapytania muszą iść do odpowiedniej. Na przykład, jeśli mamy bazę danych 'sklep' i potrzebujemy tabeli 'produkty', to musimy wywołać <span>mysql_select_db('sklep')</span>. Dzięki temu MySQL wie, gdzie szukać naszych tabel i informacji. Z mojego doświadczenia, dobrze jest upewnić się, że wybraliśmy odpowiednią bazę danych przed wykonaniem jakichkolwiek zapytań, bo wtedy unikamy różnych problemów z kontekstem danych.

Pytanie 30

W języku SQL polecenie INSERT INTO

A. wprowadza dane do tabeli.Twoja odpowiedź
B. aktualizuje rekordy określoną wartością.
C. dodaje pola do tabeli.
D. dodaje tabelę.
Poprawna odpowiedź. Polecenie INSERT INTO w SQL służy dokładnie do tego, co wskazuje poprawna odpowiedź: do wprowadzania danych do istniejącej tabeli. W praktyce oznacza to dodanie nowego wiersza (rekordu) do tabeli, która ma już zdefiniowaną strukturę: kolumny, typy danych, klucze itp. Najprostszy przykład w standardowym SQL wygląda tak:

INSERT INTO klienci (imie, nazwisko, email)
VALUES ('Jan', 'Kowalski', '[email protected]');

Tutaj tabela klienci już istnieje, a polecenie tylko dopisuje nowy rekord. Moim zdaniem warto zapamiętać, że INSERT pracuje na danych, a nie na strukturze tabeli. Do tworzenia tabel służy CREATE TABLE, do zmiany struktury ALTER TABLE, a do modyfikacji istniejących rekordów UPDATE.

W codziennej pracy z bazami danych INSERT INTO jest jednym z absolutnie podstawowych poleceń. Używa się go przy obsłudze formularzy rejestracji użytkownika, dodawaniu zamówień w sklepie internetowym, logowaniu zdarzeń w systemie (logi), czy zapisywaniu wyników pomiarów z czujników. Dobrą praktyką jest zawsze podawanie listy kolumn, do których wstawiamy dane, zamiast polegać na kolejności kolumn w tabeli. Dzięki temu kod SQL jest czytelniejszy i mniej podatny na błędy po zmianach w strukturze tabeli.

Warto też wiedzieć, że istnieją różne warianty INSERT, np. INSERT ... SELECT (wstawianie danych na podstawie wyników zapytania), INSERT IGNORE czy INSERT ... ON CONFLICT/ON DUPLICATE KEY w konkretnych systemach (PostgreSQL, MySQL). To wszystko dalej jest ta sama rodzina poleceń: celem zawsze jest dodanie nowych rekordów, a nie modyfikacja starych czy zmiana schematu bazy. Z mojego doświadczenia, kto dobrze ogarnie różne formy INSERT, temu dużo łatwiej budować sensowne aplikacje bazodanowe.

Pytanie 31

Co zwróci w PHP empty($a), gdy $a ma wartość 0?

A.
NULL
B.
FALSE
C.
TRUE
Twoja odpowiedź
D.
0
Poprawna odpowiedź. Funkcja empty() sprawdza, czy zmienna jest „pusta”, a w PHP za pustą uznaje się m.in. wartość 0, pusty napis, null i false. Skoro $a wynosi 0, empty($a) zwróci TRUE. Dlatego wynikiem jest TRUE.

Pytanie 32

Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML.

BLOK 1
BLOK 2BLOK 3BLOK 4
BLOK 5
<div id="pierwszy">BLOK 1</div>
<div id="drugi">BLOK 2</div>
<div id="trzeci">BLOK 3</div>
<div id="czwarty">BLOK 4</div>
<div id="piaty">BLOK 5</div>
Kod 1.
#drugi {
    float: left;
    width: 40%;
}
#trzeci {
    float: left;
    width: 30%;
}
#czwarty {
    float: right;
    width: 30%;
}
#piaty {
    clear: both;
    width: 30%;
}
Kod 2.
#drugi {
    float: left;
    width: 40%;
}
#trzeci {
    float: left;
    width: 30%;
}
#czwarty {
    float: right;
    width: 30%;
}
#piaty {
    float: left;
    width: 30%;
}
Kod 3.
#drugi {
    float: left;
    width: 40%;
}
#trzeci {
    float: left;
    width: 30%;
}
#czwarty {
    width: 30%;
}
#piaty {
    float: right;
    width: 30%;
}
Kod 4.
#drugi {
    float: left;
    width: 40%;
}
#trzeci {
    width: 30%;
}
#czwarty {
    width: 30%;
}
#piaty {
    float: right;
    width: 30%;
}
A. Kod 4.
B. Kod 2.Poprawna odpowiedź
C. Kod 1.Twoja odpowiedź
D. Kod 3.
Niepoprawna odpowiedź. W tym zadaniu kluczowe jest zrozumienie, że układ ma przypominać trzy kolumny: lewa kolumna ma 40%, środkowa 30%, prawa 30%, a blok piąty ma znaleźć się pod blokiem trzecim, nie pod całym układem. Przy float liczy się nie tylko sama szerokość elementów, ale też kolejność w kodzie HTML i to, czy element dalej opływa poprzednie bloki, czy przerywa opływanie.

Jeżeli dla bloku piątego zastosuje się clear: both, to taki element nie będzie próbował wejść w wolne miejsce pod blokiem trzecim. Zostanie przesunięty poniżej wszystkich pływających elementów po lewej i prawej stronie. To psuje układ, bo blok 5 ma być w środkowej kolumnie, a nie dopiero pod blokiem 2 i 4. To częsty błąd: ktoś widzi problem z floatami i automatycznie dopisuje clear, a tutaj właśnie nie o to chodzi.

Nie działa też podejście, w którym blok czwarty nie jest pływający. Zwykły element blokowy w normalnym przepływie dokumentu nie zachowuje się tak samo jak float: right. Może być wypychany przez elementy pływające, jego linie tekstu będą reagować na floaty, ale sam blok nie stanie się prawą kolumną zgodną z rysunkiem. Podobnie, gdy tylko blok drugi jest floatem, a trzeci i czwarty zostają zwykłymi blokami, to nie powstaje stabilny układ trzech kolumn. Elementy blokowe domyślnie układają się jeden pod drugim, więc samo width: 30% nie wystarcza, żeby ustawić je obok siebie. Z mojego doświadczenia to jedna z najczęstszych pułapek w CSS: szerokość elementu nie oznacza jeszcze, że element stanie obok innego. Potrzebny jest odpowiedni mechanizm układu, tutaj float, a we współczesnym CSS najczęściej flex albo grid.

Pytanie 33

Funkcja PHP var_dump() wyświetla informację na temat zmiennej: jej typ i wartość. Wynikiem dla przedstawionego fragmentu kodu jest:

$x = 59.85;
var_dump($x);
A. int(59)
B. float(59.85)Twoja odpowiedź
C. string(5) "59.85"
D. array(2) { [0]=> int(59) [1]=> int(85) }
Poprawna odpowiedź. Gratulacje, Twoja odpowiedź jest poprawna! W poprawnej odpowiedzi, wartość zmiennej $x była 59.85, co jest liczbą zmiennoprzecinkową, a więc typem tej zmiennej jest float. Funkcja PHP var_dump() służy do wyświetlania informacji o zmiennej, w tym jej typu i wartości. Zatem wynikiem jej wykonania dla zmiennej $x inicjowanej wartością 59.85 jest float(59.85). To jest jeden z przykładów, gdzie rozumienie typów danych w PHP jest kluczowe. Zrozumienie typu float pozwoli Ci na prawidłową manipulację danymi, co jest niezwykle ważne w programowaniu. Jest to szczególnie istotne, gdy porównujesz różne wartości lub przekształcasz jedne typy danych w inne. Pamiętaj, że PHP jest językiem o słabej typizacji, co oznacza, że konwersja typów może nastąpić automatycznie w niektórych kontekstach, więc zawsze warto wiedzieć, jakiego typu jest dana zmienna.

Pytanie 34

Na przedstawionym obrazie widać wynik formatowania przy użyciu styli CSS oraz kod HTML, który go generuje. Przy założeniu, że marginesy wewnętrzne wynoszą 50 px, a zewnętrzne 20 px, jak wygląda styl CSS dla tego obrazu?

Ilustracja do pytania
A. Rys. B
B. Rys. CTwoja odpowiedź
C. Rys. D
D. Rys. A
Poprawna odpowiedź. Poprawna odpowiedź, Rys. C, przedstawia styl CSS, który prawidłowo definiuje marginesy i marginesy wewnętrzne obrazu. W tym przypadku margines wewnętrzny wynosi 50px, a zewnętrzny 20px, co jest zgodne z wymaganiami zawartymi w pytaniu. Kod CSS zawiera solidną linię graniczną o wartości 4px w kolorze czarnym, co jest dobrze praktykowane w projektowaniu stron internetowych, ponieważ solidna linia jest bardziej widoczna i profesjonalna niż linia przerywana. Kolor tła teal zapewnia atrakcyjny kontrast. Zastosowanie właściwego marginesu i marginesu wewnętrznego jest kluczowe w tworzeniu responsywnych układów, które są teraz standardem w branży. Poprawne ustawienie tych parametrów zapewnia estetyczny wygląd oraz prawidłowe rozmieszczenie elementów na stronie. Praktyczne zastosowanie tej wiedzy obejmuje projektowanie layoutów w CSS Grid czy Flexbox, gdzie marginesy i marginesy wewnętrzne pełnią kluczową rolę w zarządzaniu przestrzenią elementów. Właściwe wykorzystanie tych stylów wspiera tworzenie stron zgodnych ze standardami W3C, co jest fundamentem profesjonalnego web developmentu.

Pytanie 35

Jakim poleceniem SQL można zlikwidować z tabeli artykuly wiersze, które zawierają słowo "sto" w dowolnej lokalizacji pola tresc?

A. DELETE * FROM artykuly WHERE tresc LIKE "%sto%"
B. DELETE FROM artykuly WHERE tresc LIKE "%sto%"Twoja odpowiedź
C. DELETE * FROM artykuly WHERE tresc = "%sto%"
D. DELETE FROM artykuly WHERE tresc = "%sto%"
Poprawna odpowiedź. Odpowiedź "DELETE FROM artykuly WHERE tresc LIKE '%sto%';" jest okej, bo używasz operatora LIKE. To pozwala na szukanie wzorców w tekście. W SQL to polecenie usunie wszystkie wiersze z tabeli 'artykuly', które mają słowo 'sto' w polu 'tresc', niezależnie od tego, gdzie się ono znajduje. Te znaki procentu (%) przed i po 'sto' to takie wildcardy, które mogą oznaczać dowolny tekst przed lub po. To zgodne z dobrymi praktykami programowania w SQL, gdzie można używać LIKE, gdy nie mamy ściśle określonego formatu. Na przykład, takie zapytanie może się przydać, żeby usunąć artykuły z niepożądanym zwrotem, co ma znaczenie przy moderowaniu treści na stronach internetowych.

Pytanie 36

Efekt przedstawiony w filmie powinien być zdefiniowany w selektorze

A. tr:active { background-color: Pink; }
B. tr { background-color: Pink; }
C. td, th { background-color: Pink; }
D. tr:hover { background-color: Pink; }Twoja odpowiedź
Poprawna odpowiedź. Poprawny selektor to tr:hover { background-color: Pink; }, bo dokładnie opisuje sytuację pokazaną na filmie: efekt pojawia się dopiero po najechaniu kursorem na cały wiersz tabeli. Pseudo-klasa :hover w CSS służy właśnie do definiowania stylów w momencie, gdy użytkownik „najeżdża” myszką na dany element. Jeśli więc chcemy, żeby podświetlał się cały rząd tabeli, logiczne i zgodne z dobrymi praktykami jest przypięcie efektu do znacznika tr, a nie do pojedynczych komórek.

W praktyce taki zapis stosuje się bardzo często w interfejsach webowych: w panelach administracyjnych, listach zamówień, tabelach z uczniami, produktami, logami systemowymi itd. Dzięki temu użytkownik łatwiej śledzi, który wiersz właśnie ogląda. To niby detal, ale z punktu widzenia UX robi sporą różnicę. Z mojego doświadczenia to jeden z tych prostych trików CSS, które od razu poprawiają „odczuwalną” jakość strony.

Ważne jest też to, że :hover jest częścią standardu CSS (opisane m.in. w specyfikacji CSS Selectors Level 3/4) i działa w praktycznie wszystkich współczesnych przeglądarkach. Nie trzeba do tego żadnego JavaScriptu, żadnych skomplikowanych skryptów – czysty CSS. Dobrą praktyką jest również używanie bardziej stonowanych kolorów niż Pink w prawdziwych projektach, np. #f5f5f5 albo lekki odcień niebieskiego, tak żeby kontrast był czytelny i nie męczył wzroku. Warto też pamiętać, że podobny mechanizm możesz zastosować na innych elementach: np. a:hover dla linków, button:hover dla przycisków czy nawet div:hover dla całych kafelków w layoutach. Kluczowe jest to, żeby pseudo-klasa :hover była przypięta dokładnie do tego elementu, który ma reagować na interakcję użytkownika.

Pytanie 37

Który program przekształca kod źródłowy napisany w danym języku programowania na język zrozumiały dla komputera?

A. edytor kodu źródłowego
B. debugger
C. kompilatorTwoja odpowiedź
D. środowisko programistyczne (IDE)
Poprawna odpowiedź. Kompilator to program, który tłumaczy cały kod źródłowy napisany w języku programowania na kod maszynowy (lub pośredni) zrozumiały dla komputera, tworząc program wynikowy - np. plik wykonywalny. Robi to przed uruchomieniem, w całości, dzięki czemu gotowy program działa szybko. Tak budowane są aplikacje w językach C czy C++. Przeciwieństwem jest interpreter, który wykonuje kod na bieżąco bez tworzenia osobnego pliku. Dlatego program tłumaczący kod źródłowy na język komputera to kompilator.

Pytanie 38

Kto odpowiada za ciągłe utrzymanie bazy w produkcji, zarządzanie kontami i instalację nowych wersji systemu bazodanowego?

A. administratorzy serwerów i sieci
B. twórcy narzędzi programistycznych
C. administratorzy systemu bazy danychTwoja odpowiedź
D. projektanci i programiści SZBD
Poprawna odpowiedź. Za ciągłe utrzymanie bazy w środowisku produkcyjnym, zarządzanie kontami użytkowników, nadawanie uprawnień oraz instalowanie nowych wersji silnika bazodanowego odpowiada administrator systemu bazy danych (DBA). To jego rola łączy bieżącą eksploatację z bezpieczeństwem i aktualizacjami. Dlatego zadania te należą do administratorów systemu bazy danych.

Pytanie 39

W PHP, przy wykonywaniu działań na bazie danych MySQL, aby zakończyć sesję z bazą, należy użyć

A. mysqli_exit();
B. mysqli_rollback();
C. mysqli_close();Twoja odpowiedź
D. mysqli_commit();
Poprawna odpowiedź. Funkcja mysqli_close() jest właściwym sposobem na zakończenie pracy z połączeniem do bazy danych MySQL w języku PHP. Użycie tej funkcji zwalnia zasoby skojarzone z danym połączeniem, co jest kluczowe w kontekście wydajności aplikacji. Po zakończeniu operacji na bazie danych, zwłaszcza w przypadku aplikacji intensywnie korzystających z zasobów, takich jak serwery webowe, ważne jest, aby zamknąć połączenie, aby uniknąć wycieków pamięci oraz ograniczyć liczbę otwartych połączeń. Przykładowo, po wykonaniu zapytań do bazy danych, stosując mysqli_close($connection), gdzie $connection to uchwyt do otwartego połączenia, można skutecznie zakończyć interakcję z bazą. Dobrą praktyką jest zamykanie połączeń w blokach finally, aby upewnić się, że zasoby są zwalniane nawet w przypadku wystąpienia wyjątków. Kiedy zamykasz połączenie, pamiętaj, że nie będziesz w stanie już korzystać z tego uchwytu połączenia, co jest zgodne z filozofią zarządzania zasobami, gdzie każdy otwarty zasób powinien być odpowiednio zamykany po zakończeniu jego użycia.

Pytanie 40

Które z instrukcji algorytmu odpowiada graficznemu przedstawieniu bloku pokazanego na ilustracji?

Ilustracja do pytania
A. Wyświetl w konsoli wartość zmiennej n
B. n > 70
C. n ← n – 3Twoja odpowiedź
D. Zrealizuj podprogram do sortowania tablicy t
Poprawna odpowiedź. Odpowiedź n ← n – 3 to typowa operacja matematyczna, którą naprawdę często używamy w programowaniu. W skrócie, chodzi o to, że zmieniamy wartość zmiennej. Można to przedstawić przy użyciu prostokątnego bloku w diagramie, co jest standardem w notacjach algorytmicznych. To jest ważne, zwłaszcza w strukturach kontrolnych, jak pętle, bo musimy modyfikować zmienną, żeby pętla mogła się zakończyć po pewnej liczbie powtórzeń. Na przykład, w pętli for możemy zmieniać wartość zmiennej, żeby przechodzić przez elementy tablicy w odwrotnym kierunku. Dobrze jest dokumentować takie operacje w kodzie, żeby potem łatwiej było do niego wrócić. Te przypisania są również kluczowe w algorytmach, bo nawet małe zmiany w zmiennych mogą znacząco wpłynąć na wydajność. Zrozumienie tego wszystkiego to podstawa dla każdego programisty, który chce pisać dobry kod.