Brak odpowiedzi na to pytanie.
Wyjaśnienie poprawnej odpowiedzi:
Zaznaczenie poprawnej odpowiedzi pokazuje, że to, co jest w znaczniku
, pojawia się na karcie w przeglądarce. To naprawdę ważny element HTML, bo informuje użytkowników, o czym jest dana strona. Zgodnie z tym, co mówi W3C, tytuł strony jest kluczowy dla SEO, gdyż wyświetla się w wynikach wyszukiwania i na zakładkach przeglądarek. Fajnie, jak tytuł jest krótki, ma kluczowe słowa, które mówią o zawartości, i przyciąga wzrok. Na przykład, jak zrobisz stronę o psach rasowych, to tytuł <title> w stylu 'Strona o psach - Poradnik dla właścicieli' nie tylko mówi, o czym będzie treść, ale też może sprawić, że lepiej widać ją w wynikach wyszukiwania. Pamiętaj, że zawartość znacznika <title> widać na górze okna przeglądarki, co ułatwia poruszanie się i znajdowanie otwartych kart.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 31</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-bazie-danych-sklepu-internetowego-w-tabeli-ik-1c3b35d1"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W tabeli <i>klienci</i> w bazie danych sklepu internetowego występują m.in. pola całkowite: <i>punkty</i>,<br> <i>liczbaZakupow</i> oraz pole <i>ostatnieZakupy</i> typu DATE. Klauzula WHERE do zapytania wybierającego klientów, którzy posiadają ponad 3000 punktów lub zrealizowali zakupy więcej niż 100 razy, a ich ostatnie zakupy miały miejsce przynajmniej w roku 2022 ma formę</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. WHERE punkty > 3000 AND liczbaZakupow > 100 AND ostatnieZakupy >= '2022-01-01'</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. WHERE punkty > 3000 OR liczbaZakupow > 100 OR ostatnieZakupy >= '2022-01-01'</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>C. WHERE (punkty > 3000 OR liczbaZakupow > 100) AND ostatnieZakupy >= '2022-01'</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. WHERE punkty > 3000 AND liczbaZakupow > 100 OR ostatnieZakupy >= '2022-01-01'</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Odpowiedź 'WHERE (punkty > 3000 OR liczbaZakupow > 100) AND ostatnieZakupy >= '2022-01'' jest prawidłowa, ponieważ dokładnie odzwierciedla wymagania dotyczące filtrowania klientów. Klauzula WHERE używa operatora OR dla dwóch warunków: liczba punktów musi być większa niż 3000, albo liczba zakupów musi być większa niż 100. Taki zapis jest kluczowy, ponieważ spełnienie jednego z tych warunków jest wystarczające. Następnie, warunek dotyczący daty ostatnich zakupów jest połączony z powyższymi za pomocą operatora AND, co oznacza, że musi być spełniony jednocześnie. Dzięki użyciu nawiasów, zapytanie jest jasne i jednoznaczne, co jest zgodne z dobrymi praktykami w tworzeniu zapytań SQL. W praktyce takie kwerendy są często używane w systemach CRM, gdzie konieczne jest segmentowanie klientów na podstawie ich aktywności oraz wartości, co pozwala na skuteczniejsze podejmowanie decyzji marketingowych.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 32</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="dziaaniem-przedstawionego-kodu-php-jest-wypenien-482b6165"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Funkcją zaprezentowanego kodu PHP jest napełnienie tablicy</p>
<figure class="figure mt-3">
<img src="/images/6408.png"
class="figure-img img-fluid rounded"
alt="Ilustracja do pytania"
itemprop="image">
</figure>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. 100 losowymi liczbami, a następnie wypisanie liczb dodatnich</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. kolejnymi liczbami od 0 do 9 i ich wyświetlenie</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>C. 10 losowymi wartościami, a następnie wypisanie liczb ujemnych</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. kolejnymi liczbami od -100 do 100 oraz wypisanie liczb ujemnych</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Przedstawiony kod w języku PHP ma na celu wypełnienie tablicy dziesięcioma losowymi wartościami i wypisanie tych, które są ujemne. Funkcja rand(-100, 100) generuje liczby losowe z zakresu od -100 do 100. W pętli for wykonujemy dziesięć iteracji, co umożliwia dodanie dziesięciu takich liczb do tablicy. Następnie, za pomocą pętli foreach, iterujemy przez wszystkie elementy tablicy. Instrukcja warunkowa if sprawdza, czy każda z wartości jest mniejsza od zera. Jeśli warunek jest spełniony, liczba jest wypisywana na ekran. Takie podejście jest często stosowane w programowaniu, gdy wymagana jest praca z losowymi danymi w celu testowania lub symulacji. W praktycznych zastosowaniach można użyć tej metody do filtrowania danych lub analizy wyników eksperymentalnych, gdzie konieczne jest zidentyfikowanie i obsługa wartości o określonych właściwościach. Dobre praktyki programistyczne nakazują dokumentowanie takich fragmentów kodu, aby ułatwić zrozumienie i utrzymanie projektu przez innych deweloperów.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 33</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-jezyku-xhtml-zapisano-fragment-kodu-ktory-zawie-c1486282"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W dokumencie XHTML znajduje się fragment kodu, który posiada błąd w walidacji. Na czym ten błąd polega? ```<h6>tekst</h6>
<p>pierwsza <b>linia</b> <br>
Druga linia</p>```</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. Nie ma nagłówka szóstego stopnia</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>B. Znacznik <br> musi być zamknięty</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. Znacznik <b> nie może być umieszczany wewnątrz znacznika <p></span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. Znaczniki powinny być zapisywane dużymi literami</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
W odpowiedzi wskazano, że znacznik <br> powinien być zamknięty, co jest zgodne z zasadami XHTML. W przeciwieństwie do HTML, w XHTML każdy znacznik musi być poprawnie zamknięty, aby kod był zgodny ze standardami. W przypadku znacznika <br>, który służy do wstawienia łamania linii, powinien być zapisany jako <br /> w XHTML. Taki sposób zapisu zapewnia, że dokument jest poprawnie zinterpretowany przez przeglądarki i inne narzędzia przetwarzające. Warto również zaznaczyć, że poprawne zamykanie znaczników jest kluczowe dla utrzymania struktury dokumentu i jego walidacji, co wpływa na dostępność i SEO. Praktyczne przykłady obejmują tworzenie dokumentów XHTML, w których konsekwentnie stosuje się poprawną składnię, co ułatwia ich przyszłą edycję i utrzymanie. Zastosowanie poprawnych standardów, takich jak XHTML, jest również dobre dla interoperacyjności między różnymi platformami i aplikacjami.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 34</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="jaka-wartosc-zwroci-funkcja-span-stylefont-fami-a8497151"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Jaką wartość zwróci funkcja ```empty($a);``` w języku PHP, gdy zmienna ```$a``` będzie miała wartość liczbową równą 0?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. FALSE</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>B. TRUE</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. NULL</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. 0</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Funkcja empty() w PHP służy do sprawdzania, czy zmienna jest pusta. Zmienna uznawana jest za pustą, jeśli nie istnieje, ma wartość NULL, jest równoważna FALSE, jest pustym ciągiem (''), jest pustą tablicą lub ma wartość 0. W przypadku zmiennej $a, która ma wartość liczbową równą 0, funkcja empty($a) zwróci TRUE, co oznacza, że zmienna jest uznawana za pustą. Kluczowym aspektem jest zrozumienie, że w PHP wartość 0 jest interpretowana jako fałszywa w kontekście logicznym, a tym samym spełnia kryteria funkcji empty(). Praktyczne zastosowanie tej funkcji można zauważyć w wielu aspektach programowania: na przykład podczas walidacji danych wejściowych w formularzach, gdzie chcemy upewnić się, że użytkownik nie pozostawił pustych pól. Dobrą praktyką jest użycie empty() zamiast bezpośrednich porównań, ponieważ jest bardziej odporna na różne typy danych oraz zrozumiała w kontekście semantycznym, co poprawia czytelność kodu.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 35</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="spojnosc-danych-w-bazie-mysql-mozna-sprawdzic-za-p-f8db9e82"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Jak można zweryfikować spójność danych w bazie MySQL?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. mysql</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. REPAIR TABLE</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>C. CHECK TABLE</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. mysqldump</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Polecenie CHECK TABLE w MySQL służy do sprawdzania integralności danych w tabeli. Umożliwia to identyfikację problemów, takich jak zduplikowane klucze, uszkodzone wskaźniki lub nieprawidłowe struktury danych. Przykładem zastosowania tego polecenia jest sytuacja, gdy administrator bazy danych podejrzewa, że tabela mogła ulec uszkodzeniu na skutek błędów systemowych lub nieprawidłowych operacji użytkownika. W takim przypadku używając CHECK TABLE, można szybko zdiagnozować problemy i podjąć odpowiednie działania, takie jak naprawa za pomocą polecenia REPAIR TABLE, jeśli to konieczne. Dobre praktyki w zakresie zarządzania bazami danych sugerują regularne sprawdzanie integralności tabel, co pozwala na szybsze wykrywanie problemów oraz minimalizację ryzyka utraty danych. Warto również pamiętać, że CHECK TABLE dostarcza szczegółowych informacji o stanie tabeli, co jest szczególnie przydatne w kontekście monitorowania wydajności i stabilności bazy danych. Z tego względu to polecenie jest kluczowym narzędziem w arsenale każdego administratora MySQL.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 36</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="kana-alfa-suzy-do-zdefiniowania-de99911e"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Kanał alfa jest wykorzystywany do określenia</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. wybranego fragmentu grafiki obiektu</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. jasności oraz kontrastu barw</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. podstawowych właściwości obiektu graficznego</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>D. przezroczystości grafiki obiektu</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Kanał alfa w grafice komputerowej odnosi się do przezroczystości obiektów graficznych, co jest kluczowym elementem w zarządzaniu warstwami i efektami wizualnymi. Przezroczystość pozwala na tworzenie złożonych kompozycji, gdzie jeden obiekt może częściowo lub całkowicie ukrywać inny. Funkcja ta jest niezwykle istotna w aplikacjach graficznych, takich jak Photoshop czy GIMP, które obsługują kanały alfa w formatach obrazów takich jak PNG. Umożliwia to projektantom łatwe łączenie zdjęć i grafik, zachowując ich naturalną przezroczystość. W standardzie RGBA, kanał alfa przyjmuje wartości od 0 (pełna przezroczystość) do 255 (pełna nieprzezroczystość), co pozwala na precyzyjne dostosowanie efektów wizualnych. Dobre praktyki sugerują, aby zrozumieć działanie kanału alfa, aby efektywnie zarządzać przezroczystością i wpływać na postrzeganie wizualne w projektach graficznych, co jest szczególnie istotne w branży projektowania interfejsów użytkownika oraz gier komputerowych.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 37</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="aby-za-pomoca-javascript-w-witrynie-internetowej-w-b18d808d"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Jak można wyświetlić bieżącą datę oraz czas na stronie internetowej przy użyciu JavaScript?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. innerHTML = Date()</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. echo Date()</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. echo Date() + Time()</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>D. document.write(Date())</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Odpowiedź 'document.write(Date());' jest prawidłowa, ponieważ wykorzystuje metodę 'document.write()', która pozwala na wstawienie tekstu bezpośrednio do dokumentu HTML w momencie jego ładowania. Funkcja 'Date()' zwraca aktualną datę i czas w formie tekstu, co czyni ją odpowiednią do użycia w metodzie 'document.write()'. Warto zauważyć, że zastosowanie 'document.write()' może być ograniczone do momentu pierwszego ładowania strony, dlatego istotne jest, aby używać tej metody z rozwagą. Dobrym praktycznym przykładem jest skrypt, który po załadowaniu strony wyświetla datę i czas w nagłówku lub w innym elemencie strony. Przykładowo, można użyć: <script>document.write('Aktualna data i czas: ' + Date());</script>. Dodatkowo, warto zaznaczyć, że w nowoczesnym podejściu do programowania w JavaScript preferuje się użycie metod manipulacji DOM, takich jak 'innerHTML', ale 'document.write()' nadal ma swoje miejsce w prostych przykładach edukacyjnych.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 38</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-ramce-przedstawiono-kod-javascript-z-bedem-logi-f440a5ea"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W ramce przedstawiono kod JavaScript z błędem logicznym. Program powinien wypisywać informację, czy liczby są sobie równe czy nie, lecz nie wykonuje tego. Wskaż odpowiedź, która dotyczy błędu.
<table style="border: 2px solid black; border-collapse: collapse;">
<tr>
<td style="border: 1px solid black; padding: 10px; font-family: monospace;">
var x = 5;<br>
var y = 3;<br>
if (x = y) document.getElementById("demo").innerHTML = 'zmienne są równe';<br>
else document.getElementById("demo").innerHTML = 'zmienne się różnią';
</td>
</tr>
</table></p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. Nieprawidłowo zadeklarowano zmienne.</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>B. Przed klauzulą else nie powinno być średnika.</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. Instrukcje wewnątrz sekcji if oraz else powinny być zamienione miejscami.</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>D. W klauzuli if występuje przypisanie zamiast porównania.</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Gratulacje! Poprawnie zauważyłeś, że w klauzuli if występuje przypisanie zamiast porównania. W JavaScript, operatorem przypisania jest pojedynczy znak równości (=), natomiast operatorem porównania jest podwójny (==) lub potrójny znak równości (===). W przypadku prezentowanego kodu, zamiast porównać wartości zmiennych x i y, wartość zmiennej y jest przypisywana do zmiennej x, co prowadzi do błędu logicznego. Jest to typowy błąd, który często występuje, szczególnie u początkujących programistów. W praktyce, aby nie pomylić operatorów, warto zawsze umieszczać wartość stałą po lewej stronie operatora porównania - wtedy próba przypisania wartości stałej zwróci błąd kompilacji. Dodatkowo, niektóre narzędzia do analizy statycznej kodu, takie jak ESLint, mogą pomóc w wykrywaniu tego typu błędów.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 39</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="w-bazie-danych-samochodow-pole-kolor-z-tabeli-sam-11084b34"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>W tabeli samochody w bazie danych, pole kolor może przyjmować jedynie wartości zdefiniowane w słowniku lakier. Jaką kwerendę należy wykorzystać, aby ustanowić relację między tabelami samochody a lakier?</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. ALTER TABLE samochody
ADD FOREIGN KEY (barwa) REFERENCES samochody(kolor);</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>B. ALTER TABLE samochody
ADD FOREIGN KEY (kolor) REFERENCES lakier(lakierId);</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. ALTER TABLE samochody
ADD FOREIGN KEY kolor REFERENCES lakier;</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. ALTER TABLE samochody
ADD FOREIGN KEY barwa REFERENCES samochody.lakier;</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Aby połączyć tabele 'samochody' i 'lakier' za pomocą klucza obcego, należy zastosować kwerendę ALTER TABLE samochody ADD FOREIGN KEY (kolor) REFERENCES lakier(lakierId);. W tym przypadku 'kolor' w tabeli 'samochody' odnosi się do identyfikatora 'lakierId' w tabeli 'lakier', co zapewnia integralność referencyjną między tymi dwoma tabelami. Klucz obcy jest mechanizmem, który pozwala na zapewnienie, że wartości w kolumnie 'kolor' w tabeli 'samochody' muszą odpowiadać wartościom w kolumnie 'lakierId' w tabeli 'lakier', co zapobiega wprowadzeniu danych, które nie mają odpowiednika w tabeli 'lakier'. Przykładowo, jeżeli próbujemy dodać samochód w kolorze, który nie istnieje w tabeli 'lakier', system nie pozwoli na to działanie. Taka struktura bazy danych jest zgodna z zasadami normalizacji, która ma na celu eliminację redundancji danych oraz zwiększenie ich spójności. Stosowanie kluczy obcych jest standardem w projektowaniu relacyjnych baz danych, ponieważ ułatwia zarządzanie danymi oraz ich integralność.
</div>
</div>
</div>
</article>
<hr class="my-4">
<article class="mb-4">
<!-- Pytanie -->
<div class="mb-3">
<div class="d-flex justify-content-between align-items-start mb-3">
<h6 class="mb-0">Pytanie 40</h6>
<div class="d-inline-block">
<button type="button"
class="btn btn-sm btn-outline-danger"
data-report-question="sposob-programowania-w-ktorym-ciag-polecen-sekwe-eaa37193"
aria-label="Zgłoś błąd">
<i class="fas fa-exclamation-triangle"></i>
</button>
</div>
</div>
<!-- Wyświetl pełną treść pytania dla widocznych pytań -->
<p>Rodzaj programowania, w którym zestaw poleceń (sekwencja instrukcji) przekazywanych komputerowi postrzega się jako program, określa się mianem programowania</p>
</div>
<!-- Odpowiedzi -->
<div class="mb-3">
<!-- Wyświetl odpowiedzi dla widocznych pytań -->
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>A. funkcyjnego</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
bg-success bg-opacity-10 text-success
">
<div class="flex-grow-1">
<span>B. imperatywnego</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>C. logicznego</span>
</div>
</div>
</div>
<div class="mb-3">
<div class="d-flex align-items-start p-2 rounded
border border-1 border-secondary
">
<div class="flex-grow-1">
<span>D. stanowego</span>
</div>
</div>
</div>
</div>
<!-- Feedback -->
<div class="mt-3">
<!-- Wyświetl feedback dla widocznych pytań -->
<div class="alert alert-warning mb-0">
<p class="mb-2">Brak odpowiedzi na to pytanie.</p>
<div class="mt-2">
<strong>Wyjaśnienie poprawnej odpowiedzi:</strong><br>
Programowanie imperatywne to paradygmat, w którym programista definiuje sekwencję instrukcji, które komputer ma wykonać, aby osiągnąć określony cel. Jest to najpopularniejszy i najczęściej stosowany sposób programowania, który koncentruje się na tym, jak osiągnąć pożądany rezultat, a nie tylko na tym, co ma być osiągnięte. W programowaniu imperatywnym zazwyczaj używa się zmiennych, struktur kontrolnych takich jak pętle i instrukcje warunkowe, co pozwala na kontrolę przepływu wykonania programu. Przykłady języków programowania, które implementują ten paradygmat, to C, C++, Java oraz Python. Zastosowanie programowania imperatywnego w praktyce jest szerokie: od tworzenia aplikacji desktopowych, przez gry, aż po systemy operacyjne. Standardy takie jak ISO C określają wytyczne dla programowania w języku C, co dodatkowo podkreśla znaczenie tego paradygmatu w branży programistycznej. Zrozumienie programowania imperatywnego stanowi fundament dla dalszej nauki bardziej zaawansowanych technik i paradygmatów programowania.
</div>
</div>
</div>
</article>
<!-- Przyciski nawigacyjne -->
<div class="d-grid gap-2 mt-4">
<div class="d-inline-block mb-2">
<a href="/egzamin/?profession=technik-informatyk&qualification=inf-03" class="btn btn-outline-primary">
<i class="fas fa-redo me-2"></i>Rozpocznij nowy egzamin
</a>
</div>
<div class="d-inline-block">
<a href="/" class="btn btn-outline-secondary">
<i class="fas fa-home me-2"></i>Powrót do strony głównej
</a>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer mt-auto py-4">
<div class="container">
<div class="row">
<!-- About Section -->
<div class="col-lg-4 footer-section">
<h2 class="h5">O Egzaminach Zawodowych</h2>
<p>
Portal z kompleksową bazą pytań egzaminacyjnych dla uczniów szkół technicznych.
Przygotuj się do egzaminu zawodowego z naszymi materiałami.
</p>
</div>
<!-- FRAGMENT CACHE: Random Qualifications -->
<div class="col-lg-4 footer-section">
<h2 class="h5">Losowe kwalifikacje</h2>
<div class="row">
<div class="col-6">
<a href="/technik-ekonomista/EKA.05/" class="footer-link">
<span>EKA.05</span>
<small class="text-muted">(833)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-budownictwa/BUD.08/" class="footer-link">
<span>BUD.08</span>
<small class="text-muted">(157)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-weterynarii/ROL.12/" class="footer-link">
<span>ROL.12</span>
<small class="text-muted">(1 180)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-budowy-drog/BUD.15/" class="footer-link">
<span>BUD.15</span>
<small class="text-muted">(303)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-zywienia-i-usug-gastronomicznych/HGT.02/" class="footer-link">
<span>HGT.02</span>
<small class="text-muted">(1 482)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-technologii-zywnosci/SPC.07/" class="footer-link">
<span>SPC.07</span>
<small class="text-muted">(234)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-przetworstwa-mleczarskiego/SPC.06/" class="footer-link">
<span>SPC.06</span>
<small class="text-muted">(69)</small>
</a>
</div>
<div class="col-6">
<a href="/monter-sieci-i-urzadzen-telekomunikacyjnych/INF.01/" class="footer-link">
<span>INF.01</span>
<small class="text-muted">(499)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-drog-kolejowych-i-obiektow-inzynieryjnych/TKO.03/" class="footer-link">
<span>TKO.03</span>
<small class="text-muted">(234)</small>
</a>
</div>
<div class="col-6">
<a href="/technik-urzadzen-i-systemow-energetyki-odnawialnej/ELE.10/" class="footer-link">
<span>ELE.10</span>
<small class="text-muted">(500)</small>
</a>
</div>
</div>
</div>
<!-- Additional Info -->
<div class="col-lg-4 footer-section">
<h2 class="h5">O portalu</h2>
<p>
Baza pytań do egzaminów zawodowych dla uczniów szkół technicznych i branżowych.
Materiały zgodne z wymaganiami CKE.
</p>
</div>
</div>
<!-- Copyright & Links -->
<hr class="footer-divider">
<div class="row align-items-center">
<div class="col-md-8 text-center text-md-start">
<p class="mb-0">© 2025 <a href="https://brylka.net" class="footer-link" aria-label="brylka.net">brylka.net</a> | <a href="/about-me/" class="footer-link" aria-label="O mnie i zawodowe.edu.pl">Bartosz Bryniarski</a></p>
</div>
<div class="col-md-4 text-center text-md-end">
<!--
<a href="/sitemap.xml" class="footer-link" aria-label="Mapa strony">
<i class="fas fa-sitemap" aria-hidden="true"></i>
<span>Mapa strony</span>
</a>
-->
</div>
</div>
</div>
</footer>
<!-- Back to top button -->
<button id="backToTop"
class="btn btn-outline-primary back-to-top"
aria-label="Przewiń do góry strony"
style="display: none;">
<i class="fas fa-arrow-up" aria-hidden="true"></i>
</button>
<!-- Cookie Banner -->
<div id="cookieConsent" class="position-fixed start-0 bottom-0 py-3 shadow rounded-end"
style="display: none; z-index: 1050; max-width: 50%; background-color: rgba(248, 249, 250, 0.95);">
<div class="container-fluid px-4">
<div class="d-flex flex-column gap-2">
<div>
<i class="fas fa-cookie-bite me-2 text-secondary" aria-hidden="true"></i>
<span class="small">
Strona wykorzystuje pliki cookies do poprawy doświadczenia użytkownika oraz analizy ruchu.
<a href="#" class="footer-link" id="cookieDetails" data-bs-toggle="modal" data-bs-target="#cookieModal">
Szczegóły
</a>
</span>
</div>
<div class="d-flex gap-2 justify-content-end">
<button id="cookieAccept" class="btn btn-outline-primary btn-sm">Akceptuję</button>
<button id="cookieReject" class="btn btn-outline-secondary btn-sm">Odrzuć</button>
</div>
</div>
</div>
</div>
<!-- Modal z informacjami o cookies -->
<div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title fs-5" id="cookieModalLabel">Polityka plików cookies</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button>
</div>
<div class="modal-body">
<h6 class="fw-bold">Czym są pliki cookies?</h6>
<p>
Cookies to małe pliki tekstowe, które są zapisywane na urządzeniu użytkownika podczas przeglądania stron internetowych.
Służą one do zapamiętywania preferencji, śledzenia zachowań użytkowników oraz poprawy funkcjonalności serwisu.
</p>
<h6 class="fw-bold mt-4">Jakie cookies wykorzystujemy?</h6>
<ul class="list-unstyled ps-3">
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Niezbędne cookies</strong> - konieczne do prawidłowego działania strony</li>
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Funkcjonalne cookies</strong> - umożliwiające zapamiętanie wybranych ustawień (np. wybrany motyw)</li>
<li><i class="fas fa-check-circle text-success me-2"></i><strong>Analityczne cookies</strong> - pozwalające zbierać informacje o sposobie korzystania ze strony</li>
</ul>
<h6 class="fw-bold mt-4">Jak długo przechowujemy cookies?</h6>
<p>
Pliki cookies wykorzystywane w naszym serwisie mogą być sesyjne (usuwane po zamknięciu przeglądarki)
lub stałe (pozostają na urządzeniu przez określony czas).
</p>
<h6 class="fw-bold mt-4">Jak zarządzać cookies?</h6>
<p>
Możesz zarządzać ustawieniami plików cookies w swojej przeglądarce internetowej.
Większość przeglądarek domyślnie dopuszcza przechowywanie plików cookies,
ale możliwe jest również całkowite zablokowanie tych plików lub usunięcie wybranych z nich.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Zamknij</button>
<button type="button" class="btn btn-outline-primary" id="acceptCookiesModal">Akceptuję wszystkie</button>
</div>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script>
<script src="/static/exams/js/code.67b13d532c53.js" defer></script>
<script src="/static/exams/js/report_modal.765118f79d5f.js" defer></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Dodaj obsługę motywów dla banera cookie
function updateCookieBannerTheme() {
const cookieBanner = document.getElementById('cookieConsent');
const currentTheme = document.body.getAttribute('data-theme');
if (!cookieBanner) return;
// Ustaw domyślny jasny styl
cookieBanner.style.backgroundColor = 'rgba(248, 249, 250, 0.95)';
cookieBanner.style.color = '#212529';
cookieBanner.classList.remove('border-top', 'border-white');
// Zastosuj style zgodnie z motywem
if (currentTheme === 'dark') {
cookieBanner.style.backgroundColor = 'rgba(52, 58, 64, 0.95)';
cookieBanner.style.color = '#fff';
} else if (currentTheme === 'high-contrast') {
cookieBanner.style.backgroundColor = '#000';
cookieBanner.style.color = '#fff';
cookieBanner.classList.add('border-top', 'border-white');
}
}
// Sprawdź, czy użytkownik już dokonał wyboru
if (!localStorage.getItem('cookieConsent')) {
// Jeśli nie, pokaż banner
const cookieBanner = document.getElementById('cookieConsent');
if (cookieBanner) {
cookieBanner.style.display = 'block';
updateCookieBannerTheme();
// Dostosuj szerokość na małych ekranach
function adjustWidth() {
if (window.innerWidth < 768) {
cookieBanner.style.maxWidth = '100%';
} else {
cookieBanner.style.maxWidth = '50%';
}
}
// Wywołaj przy ładowaniu i przy zmianie rozmiaru okna
adjustWidth();
window.addEventListener('resize', adjustWidth);
}
}
// Obsługa zmiany motywu
const themeButtons = document.querySelectorAll('.theme-btn');
themeButtons.forEach(btn => {
btn.addEventListener('click', function() {
setTimeout(updateCookieBannerTheme, 50);
});
});
// Obsługa przycisku akceptacji
document.getElementById('cookieAccept')?.addEventListener('click', function() {
localStorage.setItem('cookieConsent', 'accepted');
document.getElementById('cookieConsent').style.display = 'none';
});
// Obsługa przycisku odrzucenia
document.getElementById('cookieReject')?.addEventListener('click', function() {
localStorage.setItem('cookieConsent', 'rejected');
document.getElementById('cookieConsent').style.display = 'none';
});
// Obsługa przycisku akceptacji w modalu
document.getElementById('acceptCookiesModal')?.addEventListener('click', function() {
localStorage.setItem('cookieConsent', 'accepted');
document.getElementById('cookieConsent').style.display = 'none';
// Zamknij modal
var cookieModal = bootstrap.Modal.getInstance(document.getElementById('cookieModal'));
cookieModal?.hide();
});
});
</script>
<!-- Toast messages initialization -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const copyButton = document.getElementById('copy-link-button');
if (copyButton) {
copyButton.addEventListener('click', function() {
const input = document.getElementById('share-link-input');
input.select();
document.execCommand('copy');
// Zmień tekst przycisku na potwierdzenie
const originalText = this.innerHTML;
this.innerHTML = '<i class="fas fa-check me-1"></i> Skopiowano!';
// Przywróć oryginalny tekst po 2 sekundach
setTimeout(() => {
this.innerHTML = originalText;
}, 2000);
});
}
});
</script>
</body>
</html>
. Zastosowanie odpowiedniego atrybutu 'src' jest zgodne z najlepszymi praktykami HTML, co zapewnia, że przeglądarki internetowe prawidłowo interpretują nasze zamierzenia co do wyświetlania treści wizualnych. Nieprawidłowe określenie lokalizacji obrazu może prowadzić do błędów '404 Not Found', co negatywnie wpływa na doświadczenie użytkownika. Dobrze zaprojektowane strony internetowe powinny również uwzględniać atrybut 'alt', który zapewnia dostępność oraz opisuje zawartość obrazu osobom korzystającym z czytników ekranu, ale to 'src' jest odpowiedzialny za wyświetlanie samego obrazu.