ZSEiO w Krośnie

TECHNIK INFORMATYK

 

Lekcja  nr:

1

Nazwa przedmiotu:
Aplikacje internetowe  

Temat: Wstęp do programowania w PHP: Zmienne i wyświetlanie danych

Czas trwanie

45 min

 

Autor materiałów: dr Marcin Skuba

 

1. Treści programowe: 

Język PHP, stałe, zmienne, instrukcja echo, konkatenacja, operatory przypisania, operatory arytmetyczne, komentarz

 

2. Cel zajęć:

Celem zajęć jest zrozumienie pojęcia zmiennych, stałych oraz instrukcji zwracającej odpowiedz w formie tekstu –  echo

 

3. Materiały dydaktyczne

Komentarze w PHP

Obraz zawierający tekst, Czcionka, zrzut ekranu

Zawartość wygenerowana przez AI może być niepoprawna.

Obraz zawierający tekst, zrzut ekranu, Czcionka

Zawartość wygenerowana przez AI może być niepoprawna.

Czym są zmienne?

Wyobraźcie sobie zmienną jako pudełko, do którego możecie włożyć dowolną rzecz (daną). Każde pudełko ma swoją nazwę, dzięki której łatwo je odnaleźć i odwołać się do jego zawartości.

W programowaniu zmienna to miejsce w pamięci komputera, które przechowuje jakąś wartość. Ta wartość może być liczbą, tekstem, a nawet bardziej skomplikowanymi danymi.

 

W PHP zmienne są dynamicznie typowane. Oznacza to, że nie musisz deklarować, jakiego typu danych będzie przechowywać zmienna (np. tekst, liczba). PHP automatycznie dostosuje typ zmiennej w zależności od przypisanej jej wartości.

Najważniejsze cechy:

Obraz zawierający tekst, zrzut ekranu, Czcionka

Zawartość wygenerowana przez AI może być niepoprawna.

 

Jak tworzymy zmienne w PHP? Zasady są proste:

  1. Każda nazwa zmiennej musi zaczynać się od znaku dolara $.
  2. Po znaku dolara podajemy nazwę. Nazwa musi zaczynać się literą lub znakiem podkreślenia _.
  3. Nazwa może zawierać litery, cyfry i znak podkreślenia.
  4. W PHP wielkość liter ma znaczenie! $wiek to inna zmienna niż $Wiek.

Przykłady:

Obraz zawierający tekst, Czcionka, zrzut ekranu

Zawartość wygenerowana przez AI może być niepoprawna.

Operacja przypisania: Znak równości = służy do przypisania wartości do zmiennej.

Funkcja var_dump() jest narzędziem do debugowania w PHP. Służy do wyświetlania szczegółowych informacji o jednej lub wielu zmiennych. Pokazuje nie tylko wartość, ale również typ danych i rozmiar (np. długość tekstu, liczbę elementów w tablicy).

Funkcja echo służy do wyświetlania danych na stronie internetowej. Możemy za jej pomocą wyświetlać stały tekst, wartości zmiennych lub ich połączenie.

Składnia:

Obraz zawierający tekst, Czcionka, zrzut ekranu, Grafika

Zawartość wygenerowana przez AI może być niepoprawna.

Podwójne cudzysłowy (")

Używaj ich, gdy chcesz, aby PHP przetworzył (zinterpretował) zawartość ciągu. PHP wyszuka i rozwinie zmienne, zastępując je ich wartościami.

Obraz zawierający tekst, Czcionka, zrzut ekranu

Zawartość wygenerowana przez AI może być niepoprawna.

Pojedyncze cudzysłowy (')

Używaj ich, gdy chcesz, aby PHP nie przetwarzał zawartości ciągu. Wszystko wewnątrz ' ' jest traktowane jako czysty tekst. Oznacza to, że zmienne wewnątrz takiego ciągu nie zostaną rozwinięte.

Obraz zawierający tekst, Czcionka, zrzut ekranu

Zawartość wygenerowana przez AI może być niepoprawna.

Operator kropki (.) służy do łączenia (konkatenacji) ciągów tekstowych. Możesz go użyć, aby połączyć stały tekst ze zmiennymi, niezależnie od tego, czy używasz pojedynczych, czy podwójnych cudzysłowów. Jest to często preferowany sposób, ponieważ zwiększa czytelność kodu.

Obraz zawierający tekst, zrzut ekranu, Czcionka

Zawartość wygenerowana przez AI może być niepoprawna.

Przykłady użycia echo:

Obraz zawierający tekst, zrzut ekranu

Zawartość wygenerowana przez AI może być niepoprawna.

 

Dwa sposoby zwracania tekstu w którym zapisany jest cudzysłów

Obraz zawierający zrzut ekranu, tekst

Zawartość wygenerowana przez AI może być niepoprawna.

 

Stałe w PHP

Użyj funkcji define() z dwoma argumentami:

  1. Nazwa stałej (zwykle pisana wielkimi literami).
  2. Wartość stałej.

·       Wartości nie można zmienić po jej zdefiniowaniu.

·       globalnie dostępne w całym skrypcie, bez względu na zakres (funkcje, klasy itp.).

·       Nazwa jest zwykle pisana wielkimi literami, co jest konwencją ułatwiającą odróżnianie stałych od zmiennych.

 

Operatory arytmetyczne:

Operator

Name

Example

Result

+

Dodawanie

$x + $y

Suma $x i $y

-

Odejmowanie

$x - $y

Różnica $x i $y

*

Mnożenie

$x * $y

Iloczyn $x i $y

/

Dzielenie

$x / $y

Iloraz $x i $y

%

Modulo

$x % $y

Modulo $x  $y

**

Potęgowanie

$x ** $y

Liczba $x podniesiona do $y potęgi

 

operator

Przykład

=

Zapis $x=5 oznacza przypisanie liczby 5 do zmiennej $x.

+=

Zapis $x+=5 oznacza przypisanie liczby o 5 większej od zawartości zmiennej $x. Zapis ten jest równoznaczny z zapisem $x=$x+5.

-=

Zapis $x-=5 oznacza przypisanie liczby o 5 mniejszej od zawartości zmiennej $x. Zapis ten jest równoznaczny z zapisem $x=$x-5.

*=

Zapis $x*=5 oznacza przypisanie liczby 5 razy większej od zawartości zmiennej $x. Zapis ten jest równoznaczny z zapisem $x=$x*5.

/=

Zapis $x/=5 oznacza przypisanie liczby 5 razy mniejszej od zawartości zmiennej $x. Zapis ten jest równoznaczny z zapisem $x=$x/5.

%=

Zapis $x%=3 jest równoważny zapisowi $x = $x%3.

.=

Zapis $x.='a' oznacza zapis $x=$x.'a', czyli złączenie tekstów.

 

Inkrementacja i dekrementacja

Obraz zawierający tekst, zrzut ekranu, Czcionka

Zawartość wygenerowana przez AI może być niepoprawna. 

 

4. Zadania

Wykonaj poniższe zadania, zapisując kod w pliku zadania.php i uruchamiając go w przeglądarce.


Zadanie 1: Moja wizytówka

  1. Utwórz zmienne: $imie, $nazwisko, $wiek, $kierunek_szkoly.
  2. Przypisz do nich swoje dane (np. "Jan", "Kowalski", 17, "Technik Informatyk").
  3. Używając funkcji echo, wyświetl zdanie, które będzie zawierało wszystkie te dane. Na przykład: "Nazywam się Jan Kowalski, mam 17 lat i uczę się w technikum na kierunku Technik Informatyk."

 


Zadanie 2: Historia z dialogiem

  1. Utwórz trzy zmienne: $imie_bohatera, $przedmiot i $miejsce.
  2. Przypisz do nich wartości (np. "Frodo", "pierścień", "Mordor").
  3. Użyj echo, aby stworzyć krótką historię, w której wykorzystasz te zmienne. Na przykład: $imie_bohatera szedł przez góry, niosąc ze sobą przedmiot. W końcu dotarł do miejsce, gdzie czekało na niego przeznaczenie.

 


Zadanie 3: Obliczenia na zmiennych

  1. Zadeklaruj dwie zmienne: $ilosc_sztuk i $cena_jednostkowa.
  2. Przypisz im wartości liczbowe, np. $ilosc_sztuk = 5; oraz $cena_jednostkowa = 12.50;.
  3. Utwórz nową zmienną $suma_zamowienia, której wartość będzie wynikiem iloczynu $ilosc_sztuk i $cena_jednostkowa.
  4. Wyświetl na stronie zdanie w formacie: "Kwota za zamówienie wynosi: 62.5 zł."

 


Zadanie 4: Prosty kalkulator

  1. Zadeklaruj dwie zmienne: $liczba1 i $liczba2. Przypisz im dowolne liczby, np. 20 i 4.
  2. Wykonaj następujące działania, zapisując wyniki w nowych zmiennych:
  3. Użyj funkcji echo do wyświetlenia każdego wyniku w osobnej linii, np.:

·       Suma: 24

·       Różnica: 16

·       Iloczyn: 80

·       Iloraz: 5

·       Reszta z dzielenia: 0

 


Zadanie 5: Pole powierzchni kuli

Napisz program obliczający pole powierzchni kuli. Zadeklaruj stałą PI. Użyj funkcji echo do wyświetlenia wyniku.

 


Zadanie 6:

            Zmodyfikuj wyświetlany wynik z zadania nr 1 tak aby na ekranie pojawiło się tekst w akapicie o rozmiarze 22px w kolorze czerwonym:

 


Zadanie 7:

            Zmodyfikuj wyświetlany wynik z zadania nr 2 tak aby na ekranie pojawił się tekst w nagłówku na poziomie trzecim w kolorze niebieskim wyśrodkowany:

 


Zadanie 8:

            Zmodyfikuj wyświetlany wynik z zadania nr 3 tak aby na ekranie pojawiło się tekst w kontenerze o rozmiarze 300px na 30px z marginesami wewnętrznymi 30px z ramką żółtą o rozmiarze 2px. Tak jak na zdjęciu poniżej:

 


Zadanie 9:

            Zmodyfikuj wyświetlany wynik z zadania nr 4 tak aby na ekranie pojawiło się tekst jako lista numerowana z parametrami jak na zdjęciu poniżej:

Obraz zawierający tekst, Czcionka, pismo odręczne, biały

Zawartość wygenerowana przez AI może być niepoprawna.