Nauka PHP – Struktura dokumentu i podstawowe ćwiczenia

Przewodnik krok po kroku dla uczniów 4 klasy technikum informatycznego

Ćwiczenie 1: Podstawowy dokument PHP

Krok 1: Otwórz nowy plik w Visual Studio Code i nazwij go index.php.

Krok 2: Otwórz blok PHP, wpisując <?php ?>.

Krok 3: Wewnątrz bloku PHP użyj echo aby wyświetlić tekst na stronie.

Krok 4: Zapisz plik i uruchom go w przeglądarce przez lokalny serwer (np. XAMPP).

<?php
// echo służy do wyświetlania tekstu na stronie
echo "Witaj świecie!";
?>

Ćwiczenie 2: PHP i HTML razem

Krok 1: Utwórz strukturę HTML w pliku index.php.

Krok 2: Dodaj nagłówek <h1> z tekstem powitalnym.

Krok 3: Wstaw blok PHP poniżej nagłówka i zdefiniuj zmienną $imie.

Krok 4: Użyj echo do dynamicznego wstawienia zmiennej w HTML.

Krok 5: Zapisz i sprawdź efekt w przeglądarce.

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Moja strona PHP</title>
</head>
<body>

<h1>Witaj na mojej stronie!</h1>

<?php
// Definiujemy zmienną imię
$imie = "Zenek";

// Wyświetlamy tekst HTML z wstawioną zmienną
echo "<p>Witaj, $imie!</p>";
?>

</body>
</html>

Ćwiczenie 3: Zmienne i operacje

Krok 1: W tym ćwiczeniu utworzysz zmienną $wiek i przypiszesz jej swoją wartość.

Krok 2: Użyj echo, aby wyświetlić tekst: "Mam XX lat", gdzie XX to wartość zmiennej.

Krok 3: Zapisz plik i sprawdź wynik w przeglądarce.

<?php
// Tworzymy zmienną z wiekiem
$wiek = 17;

// Wyświetlamy tekst z wartością zmiennej
echo "Mam $wiek lat";
?>

Ćwiczenie 4: Proste obliczenia

Krok 1: Utwórz dwie zmienne: $a i $b i przypisz im liczby.

Krok 2: Wyświetl ich sumę przy pomocy echo.

<?php
$a = 10;
$b = 5;

// Dodajemy zmienne i wyświetlamy wynik
$suma = $a + $b;
echo "Suma wynosi: $suma";
?>

Ćwiczenie 5: Warunek if

Krok 1: Utwórz zmienną $wiek z liczbą.

Krok 2: Sprawdź, czy wartość zmiennej jest większa lub równa 18.

Krok 3: Jeśli tak, wyświetl "Jesteś pełnoletni", w przeciwnym wypadku "Niepełnoletni".

<?php
$wiek = 16;

if($wiek >= 18){
    echo "Jesteś pełnoletni";
}else{
    echo "Niepełnoletni";
}
?>