<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>komentarze - Kama Kaczmarek</title>
	<atom:link href="https://kamakaczmarek.net/tag/komentarze/feed/" rel="self" type="application/rss+xml" />
	<link>https://kamakaczmarek.net/tag/komentarze/</link>
	<description>Strona z materiałami dla uczniów i nauczycieli</description>
	<lastBuildDate>Fri, 20 Feb 2026 07:43:06 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>2. JAVA &#8211; pierwszy program, wyświetlanie danych, komentarze</title>
		<link>https://kamakaczmarek.net/java-pierwszy-program-wyswietlanie-danych-komentarze/</link>
		
		<dc:creator><![CDATA[Kama]]></dc:creator>
		<pubDate>Mon, 12 Apr 2021 19:14:03 +0000</pubDate>
				<category><![CDATA[JAVA]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[komentarze]]></category>
		<category><![CDATA[pierwszy program]]></category>
		<category><![CDATA[wyświetlanie danych]]></category>
		<guid isPermaLink="false">https://kamakaczmarek.net/?p=2408</guid>

					<description><![CDATA[<p>W momencie utworzenia pierwszego projektu w programie Intellij, w interfejsie pokazał nam się krótki fragment kodu, mówimy że jest to szablon programu w Java &#8211; oto co w nim jest: Linia 1: ścieżka dostępu do pliku, w którym znajduje się plik Linia 3: publiczna klasa Main, należy zwrócić uwagę na to, że ZAWSZE jej nazwa [&#8230;]</p>
<p>Artykuł <a href="https://kamakaczmarek.net/java-pierwszy-program-wyswietlanie-danych-komentarze/">2. JAVA &#8211; pierwszy program, wyświetlanie danych, komentarze</a> pochodzi z serwisu <a href="https://kamakaczmarek.net">Kama Kaczmarek</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>W momencie utworzenia pierwszego projektu w programie Intellij, w interfejsie pokazał nam się krótki fragment kodu, mówimy że jest to szablon programu w Java &#8211; oto co w nim jest:</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="959" height="325" src="https://kamakaczmarek.net/wp-content/uploads/szpr-1.png" alt="" class="wp-image-2415" srcset="https://kamakaczmarek.net/wp-content/uploads/szpr-1.png 959w, https://kamakaczmarek.net/wp-content/uploads/szpr-1-300x102.png 300w, https://kamakaczmarek.net/wp-content/uploads/szpr-1-768x260.png 768w" sizes="(max-width: 959px) 100vw, 959px" /><figcaption>Szablon programu w Java</figcaption></figure>



<p>Linia 1: ścieżka dostępu do pliku, w którym znajduje się plik</p>



<p>Linia 3: publiczna klasa Main, należy zwrócić uwagę na to, że ZAWSZE jej nazwa jest identyczna jak nazwa pliku – inaczej skrypt nie zadziała. Nazwa klasy powinna być zapisana CamelCasem, w sytuacji wielowyrazowej nazwy.</p>



<p>Linia 5: publiczna statyczna funkcja main, jest to startowa funkcja wykonywana przez program – zawsze jest to main.</p>



<p><em><span style="font-size: 14pt;"><strong>Skrypty pisane w języku Java zapisujemy z rozszerzeniem *.java</strong></span></em></p>



<h2>Komentarze:</h2>



<pre class="wp-block-preformatted prettyprint">package com.cku.basics;

public class Main {

    public static void main(String[] args) {
       // to jest komentarz liniowy, jak sama nazwa wskazuje
        // obejmuje jedną linię kodu
        // czyli za każdym razem musimy postawić 2 znaki "/" 
        
        /*
        to natomiast
        jest komentarz blokowy
        nie musimy komentować oddzielnie
        każdej linii kodu 
        */

        /** Tak tworzymy dokumentację */
    }
}</pre>



<p>Oczywiście komentarze nie są widoczne po uruchomieniu programu, jest to „ukryta” informacja dla programisty. W komentarzach możemy zawrzeć informację np. o autorze, prawach autorskich, licencji lub po prostu traktować je jako instrukcje, „notatkę na marginesie”.</p>



<p><strong><em>Uwaga: nie wolno zagnieżdżać w sobie komentarzy blokowych!</em></strong></p>



<h2 class="wp-block-heading">Wyświetlanie danych na ekranie</h2>



<p>Aby wyświetlić wynik działania kodu posługujemy się funkcją <strong>System.out.print</strong> lub <strong>System.out.println</strong>. Wielkość liter w instrukcjach ma znaczenie.</p>



<pre class="wp-block-preformatted prettyprint">package com.cku.basics;

public class Main {

    public static void main(String[] args) {
       // wyświetlanie danych za pomocą print

        /*
        instrukcja "print" nie wyświetla znaku nowej linii,
        aby dodać załamanie linii należy wewnątrz instrukcji umieścić "\n"
        */
        System.<em>out</em>.print("Hello World!\n");
        System.<em>out</em>.print("Hello World2!\n");

        // wyświetlanie danych za pomocą println
        /*
        instrukcja "println" wyświetla każdy napis w nowej linii
        */
        System.<em>out</em>.println("Hello World 3!");
        System.<em>out</em>.println("Hello World 4!");
    }
}</pre>



<p>Aby uruchomić kod w konsoli programu naciskamy kombinację klawiszy:</p>



<p>Ctrl+Shift+F10</p>



<p>lub:</p>



<figure class="wp-block-image size-large"><img decoding="async" width="344" height="68" src="https://kamakaczmarek.net/wp-content/uploads/run.png" alt="" class="wp-image-2412" srcset="https://kamakaczmarek.net/wp-content/uploads/run.png 344w, https://kamakaczmarek.net/wp-content/uploads/run-300x59.png 300w" sizes="(max-width: 344px) 100vw, 344px" /></figure>



<p>Widok konsoli:</p>



<figure class="wp-block-image size-large"><img decoding="async" width="372" height="233" src="https://kamakaczmarek.net/wp-content/uploads/kons.png" alt="" class="wp-image-2413" srcset="https://kamakaczmarek.net/wp-content/uploads/kons.png 372w, https://kamakaczmarek.net/wp-content/uploads/kons-300x188.png 300w" sizes="(max-width: 372px) 100vw, 372px" /></figure>



<h4 class="wp-block-heading">Zadania:</h4>



<ol class="wp-block-list"><li>Stwórz program wyświetlający Twoje imię i nazwisko.</li><li>Napisz program, który wyświetli trzy różne zdania opisujące Twoje cele życiowe.</li><li>Przeanalizuj poniższe kody. Określ, czy kompilują się poprawnie, czy wywołują błędy. Jeżeli natrafisz na błąd &#8211; uzasadnij dlaczego wystąpił i napraw go.</li></ol>



<pre class="wp-block-code prettyprint lang-sql has-small-font-size" style="font-size: 0.85em;"><code class="prettyprint lang-sql" style="font-size: 0.85em;">//kod 1:
    public class PrzykladPierwszy {
      public static void main(String&#91;] args)
        System.out.println("Pierwsza zagadka.");
      }
    }

//kod 2:
    public class PrzykladDrugi {
      public static void main(String&#91;] args) {
        System.out.println("Druga zagadka.")
      }
    }

//kod 3:
    public class PrzykladTrzeci {
      public static void main(String&#91;] args) {
      }
    }

//kod 4:
    public class PrzykladCzwarty {
      public static void main(String&#91;] args) {
        System.out.println('Czwarta zagadka.');
      }
    }

//kod 5:
    public class PrzykladPiaty {
      public static void main(String&#91;] args) {
        System.out.println(”Piata zagadka.”);
      }
    }

//kod 6:
    public class Powitanie {
      public static void main (String&#91;] args) {
        System.out.println("Witam!");
      }
</code></pre>



<p></p>



<p><strong>Sprawdź się!</strong></p>



<p>Jak zapisujemy każdy rodzaj komentarza w Javie?</p>



<p>Które komentarze mogą być zagnieżdżone?</p>



<p>Co można by poprawić w poniższym kodzie?</p>



<pre class="wp-block-code prettyprint lang-sql has-small-font-size" style="font-size: 0.85em;"><code class="prettyprint lang-sql" style="font-size: 0.85em;">    public class zadaniezleformatowanie {
      public static void main(String&#91;] args) {
      // System.out.println("Witaj");
      // System.out.println("Swiecie!");
      System.out.println("Witaj Swiecie!");
      }
    }</code></pre>



<p>Która z nazw klas jest poprawna?</p>
<ol>
<li>HelloWorld</li>
<li>helloworld</li>
<li>helloWorld</li>
<li>Helloworld</li>
</ol>
<p>Artykuł <a href="https://kamakaczmarek.net/java-pierwszy-program-wyswietlanie-danych-komentarze/">2. JAVA &#8211; pierwszy program, wyświetlanie danych, komentarze</a> pochodzi z serwisu <a href="https://kamakaczmarek.net">Kama Kaczmarek</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>2. PHP &#8211; pierwszy skrypt, echo, komentarze.</title>
		<link>https://kamakaczmarek.net/php-pierwszy-skrypt-echo-komentarze/</link>
		
		<dc:creator><![CDATA[Kama]]></dc:creator>
		<pubDate>Fri, 28 Sep 2018 18:18:39 +0000</pubDate>
				<category><![CDATA[aplikacje]]></category>
		<category><![CDATA[dla ucznia]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[aplikacje internetowe]]></category>
		<category><![CDATA[echo]]></category>
		<category><![CDATA[komentarze]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[składnia]]></category>
		<guid isPermaLink="false">https://kamakaczmarek.net/?p=2284</guid>

					<description><![CDATA[<p>Na zakończenie ostatniego tematu poprosiłam Cię o stworzenie &#8222;zeszytu elektronicznego&#8221;. W panelu lewym Twojego &#8222;zeszytu&#8221; dodaj link o treści: &#8222;PHP &#8211; pierwszy skrypt, echo, komentarze.&#8221;, który przeniesie Cię do podstrony o nazwie: &#8222;data_dziesiejszych_zajec.php&#8221; (oczywiście wpisz datę zajęć np. 280918.php). Pliki projektu zapisuj w katalogu serwera WWW, np. C:\xampp\htdocs\NAZWA_PROJEKTU\ (Windows + XAMPP). Dzięki temu nie mieszasz plików z [&#8230;]</p>
<p>Artykuł <a href="https://kamakaczmarek.net/php-pierwszy-skrypt-echo-komentarze/">2. PHP &#8211; pierwszy skrypt, echo, komentarze.</a> pochodzi z serwisu <a href="https://kamakaczmarek.net">Kama Kaczmarek</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Na zakończenie ostatniego tematu poprosiłam Cię o stworzenie &#8222;zeszytu elektronicznego&#8221;. W panelu lewym Twojego &#8222;zeszytu&#8221; dodaj link o treści: &#8222;PHP &#8211; pierwszy skrypt, echo, komentarze.&#8221;, który przeniesie Cię do podstrony o nazwie: &#8222;data_dziesiejszych_zajec.php&#8221; (oczywiście wpisz datę zajęć np. 280918.php).</p>



<p>Pliki projektu zapisuj w katalogu serwera WWW, np. <code class="prettyprint lang-sql" style="font-size: 0.85em;">C:\xampp\htdocs\NAZWA_PROJEKTU\</code> (Windows + XAMPP). Dzięki temu nie mieszasz plików z innymi ćwiczeniami i łatwo przenosisz projekt.</p>



<p><strong>Uwaga: skrypty php muszą być zapisane w pliku z rozszerzeniem .php, NIE .html.</strong></p>



<p>Uruchom XAMPP Control Panel i wystartuj <strong>Apache</strong>. <strong>MySQL</strong> uruchamiaj tylko wtedy, gdy dana lekcja faktycznie korzysta z bazy danych. Uruchom przeglądarkę internetową wpisując w pasku adresu: <strong>localhost</strong>.</p>



<p>Jesteś gotowy do pracy.</p>



<h2 class="wp-block-heading"><strong>Składnia PHP</strong></h2>



<p>O składni języka PHP mówiliśmy na poprzedniej lekcji, ale w celu przypomnienia, aby skrypt PHP został prawidłowo zinterpretowany musi znajdować się pomiędzy standardowymi znacznikami:</p>



<pre class="wp-block-preformatted prettyprint">&lt;?php <br />    // kod PHP</pre>



<p>Zamykanie&nbsp;<code class="prettyprint lang-sql" style="font-size: 0.85em;">?&gt;</code>&nbsp;na końcu pliku PHP jest&nbsp;<strong>opcjonalne</strong>&nbsp;i często się go&nbsp;<strong>nie stosuje</strong>&nbsp;(zmniejsza ryzyko przypadkowego wysłania białych znaków i problemów z nagłówkami).</p>



<h2 class="wp-block-heading"><strong>Komentarze</strong></h2>



<p>Pamiętasz jak wygląda komentarz w HTML?</p>



<pre class="wp-block-preformatted prettyprint">&lt;!-- komentarz --&gt;
</pre>



<p>Komentarze w języku PHP występują w 3 postaciach:</p>



<pre class="wp-block-preformatted prettyprint">&lt;?php<br />// komentarz liniowy<br /># działa jak komentarz liniowy, ale w praktyce w PHP najczęściej spotkasz //<br />/* komentarza blokowy<br />kolejna linia<br />i kolejna<br />i kolejna<br />aż do zamknięcia komentarza */<br />?><br /></pre>



<p><strong>Uwaga: nie wolno zagnieżdżać w sobie komentarzy blokowych!</strong></p>



<p>Komentarze są bardzo przydatnym narzędziem i nie bój się z nich korzystać.</p>



<p>Mamy jeszcze komentarz dokumentacyjny, który musi zaczynać się od <strong class="Yjhzub" data-processed="true"><code class="prettyprint lang-sql" style="font-size: 0.85em;">/**</code></strong>&nbsp;(otwarcie) i kończyć na&nbsp;<strong class="Yjhzub" data-processed="true"><code class="prettyprint lang-sql" style="font-size: 0.85em;">*/</code></strong>&nbsp;(zamknięcie). Każda linia wewnątrz bloku powinna zaczynać się od gwiazdki (<code class="prettyprint lang-sql" style="font-size: 0.85em;">*</code>).</p>



<pre class="wp-block-preformatted prettyprint">&lt;?php<br />/**<br /> * Krótki opis (podsumowanie) funkcji.<br /> *<br /> * Dłuższy opis funkcji, który może zawierać szczegóły<br /> * dotyczące implementacji lub działania.<br /> *<br /> * @param string $param1 Opis parametru pierwszego.<br /> * @param int    $param2 Opis parametru drugiego.<br /> * @return array         Opis zwracanej wartości.<br /> */<br />function przykladowaFunkcja($param1, $param2) {<br />    // ... kod<br />}<br />?></pre>



<div class="Y3BBE" data-sfc-cp="" data-hveid="CAcQAA" data-processed="true">Tagi pozwalają ustrukturyzować informacje o kodzie. Najpopularniejsze z nich to:<button class="rBl3me" tabindex="0" data-amic="true" data-icl-uuid="1e1f7757-8135-4c15-9422-24421ca3da0c" aria-label="Wyświetl powiązane materiały" data-wiz-attrbind="disabled=y4T9Yc_1g/C5gNJc;aria-label=y4T9Yc_1g/bOjMyf;class=y4T9Yc_1g/UpSNec" data-ved="2ahUKEwjo8qn-tOWSAxUGT1UIHRHjAIcQye0OegQIBxAB" data-processed="true"></button></div>



<ul class="wp-block-list KsbFXc U6u95">
<li><span class="T286Pc" data-sfc-cp="" data-processed="true"><strong class="Yjhzub" data-processed="true"><code class="prettyprint lang-sql" style="font-size: 0.85em;">@param</code> <code class="prettyprint lang-sql" style="font-size: 0.85em;">&lt;typ></code> <code class="prettyprint lang-sql" style="font-size: 0.85em;">&lt;zmienna></code> <code class="prettyprint lang-sql" style="font-size: 0.85em;">&lt;opis></code></strong>: Opisuje parametry funkcji/metody.</span></li>



<li><span class="T286Pc" data-sfc-cp="" data-processed="true"><strong class="Yjhzub" data-processed="true"><code class="prettyprint lang-sql" style="font-size: 0.85em;">@return</code> <code class="prettyprint lang-sql" style="font-size: 0.85em;">&lt;typ></code> <code class="prettyprint lang-sql" style="font-size: 0.85em;">&lt;opis></code></strong>: Opisuje zwracaną wartość.</span></li>



<li><span class="T286Pc" data-sfc-cp="" data-processed="true"><strong class="Yjhzub" data-processed="true"><code class="prettyprint lang-sql" style="font-size: 0.85em;">@var</code> <code class="prettyprint lang-sql" style="font-size: 0.85em;">&lt;typ></code></strong>: Używany do definiowania typu zmiennych (np. właściwości klasy).</span></li>



<li><span class="T286Pc" data-sfc-cp="" data-processed="true"><strong class="Yjhzub" data-processed="true"><code class="prettyprint lang-sql" style="font-size: 0.85em;">@author</code></strong>: Autor kodu.</span></li>



<li><span class="T286Pc" data-sfc-cp="" data-processed="true"><strong class="Yjhzub" data-processed="true"><code class="prettyprint lang-sql" style="font-size: 0.85em;">@since</code></strong>: Wersja, od której element jest dostępny.</span></li>



<li><span class="T286Pc" data-sfc-cp="" data-processed="true"><strong class="Yjhzub" data-processed="true"><code class="prettyprint lang-sql" style="font-size: 0.85em;">@throws</code> <code class="prettyprint lang-sql" style="font-size: 0.85em;">&lt;typ></code> <code class="prettyprint lang-sql" style="font-size: 0.85em;">&lt;opis></code></strong>: Opisuje wyjątki, które mogą zostać wyrzucone.</span></li>
</ul>



<h2 class="wp-block-heading"><strong>Wyświetlanie tekstu w przeglądarce</strong></h2>



<p>Aby wyświetlić tekst w przeglądarce posługujemy się instrukcją <strong>echo</strong></p>



<pre class="wp-block-preformatted prettyprint">echo "Hello World!"; // wyświetli napis: Hello World! </pre>



<p>Alternatywnie możesz posłużyć się funkcją <strong>print</strong></p>



<pre class="wp-block-preformatted prettyprint">print "Hello World!"; // wyświetli napis: Hello World!  </pre>



<p>Hmm&#8230; czy są identyczne?</p>



<p><strong>echo </strong>i <strong>print </strong>służą do wypisywania tekstu.  <br />&#8211; echo to **konstrukcja językowa** i nie zwraca wartości.  <br />&#8211; print zachowuje się jak **wyrażenie** i zwraca `1`, więc teoretycznie można go użyć w wyrażeniach.  <br />W praktyce w nowoczesnym PHP (7/8) różnice wydajności są pomijalne — używaj tego, co jest czytelniejsze (najczęściej `echo`).</p>



<p>ale co i jak jeszcze można wyświetlać:</p>



<pre class="wp-block-preformatted prettyprint">echo "&lt;br>"; //w ten sposób dodajemy wyświetlanie nowej linii w HTML<br />echo "Linia 1\nLinia 2"; //w samym tekście (np. do pliku, do konsoli, do logów) używa się znaku nowej linii \n<br /><br />//wyświetlanie wielu linii<br />echo "Ten zapis obejmuje wiele linii, ale zostaną one wyświetlone w jednej linii, ponieważ sama instrukcja echo nie widzi w tym przypadku znaków nowej linii"; <br /><br />echo "&lt;br>";<br />echo "&lt;br>Ten zapis również obejmuje wiele linii.&lt;br><br />Będą one wyświetlane, w wielu liniach,&lt;br><br />przez dodanie znacznika nowego wiersza.";  <br /><br />echo "&lt;br>";<br />//alternatywna metoda wyświetlania. PHP umożliwia tworzenie wielowierszowych ciągów znaków za pomocą operatora &lt;&lt;&lt;, czyli tzw. składni heredoc (here-document) umożliwiającej dosłowne wstawianie bloków tekstowych z zachowaniem miejsc łamania wierszy i innych białych znaków (w tym wcięć).Działa pod warunkiem, iż łańcuch rozpocznie się i zakończy tym samym słowem, w tym wypadku END. <br />Heredoc jest użyteczny, gdy chcesz wstawić większy blok tekstu bez uciekania cudzysłowów.  <br />Uwaga: jeżeli wypisujesz tekst do przeglądarki, sam znak nowej linii w tekście nie zrobi „nowej linii” w HTML — do tego potrzebujesz np. `&lt;br>` albo CSS (`white-space`).<br />echo &lt;&lt;&lt;_END<br />Ten tekst może być wieloliniowy w edytorze.<br />Sprawdź czy zostanie tak wyświetlony w przeglądarce.<br />_END;<br /><br />W PHP 8 masz też **nowdoc** (gdy nie chcesz interpretacji zmiennych):  <br />```php<br />$txt = &lt;&lt;&lt;'END'<br />Tekst z $zmienna – tutaj NIE zostanie podstawiona.<br />END;<br />```<br /><br />echo "&lt;br>";<br /><br />//wyświetlanie znaków specjalnych tj. "" musimy poprzedzić backslash'em<br />echo "Jeżeli chcemy wyświetlić cudzysłów \"Przykład\".";<br />/*<br />W łańcuchach w cudzysłowie `"` musisz uciekać znak `"` oraz możesz w nich używać sekwencji specjalnych (np. `\n`, `\t`).  <br />W apostrofach `'` nie ma interpretacji `\n` (poza `\'` i `\\`) i nie ma podstawiania zmiennych.<br />*/ <br /><br />echo "&lt;br>"; <br /> <br />echo "Znak dolara \$";<br />echo "&lt;br>";<br />echo "\"Tekst ujęty w znaki cudzysłowia\"";<br />echo "&lt;br>";<br /><br />// Wyświetlanie zawartości zmiennych <br />$zmienna1 = "wartość zmiennej 1"; <br />$zmienna2 = "wartość zmiennej 2"; <br />echo "zmienna1 = $zmienna1, a zmienna2 = $zmienna2"; // wyświetli: zmienna1 = wartość zmiennej 1, a zmienna2 = wartość zmiennej 2<br /><br />echo "&lt;br>"; <br /><br />// używając apostrofu wyświetlamy dokładnie to co znajduje się pomiędzy apostrofami (nie pobiera zawartości zmiennej)<br />echo 'wartość zmiennej 1 znajduje się w $zmienna1'; // wyświetli: wartość zmiennej 1 znajduje się w $zmienna1 <br /><br />echo "&lt;br>"; <br /><br />// jeżeli wyświetlamy samą zmienną nie musimy używać cudzysłowów, ani apostrofów <br />echo $zmienna1; // wartość zmiennej 1<br /><br />echo "&lt;br>"; <br /><br />echo "Wartością zmiennej \$zmienna1 jest $zmienna1 &lt;br>"; <br /><br />echo "&lt;br>"; <br />//łączenie wielu elementów do wyświetlenia<br />echo $zmienna1.$zmienna2."&lt;br>"; // za pomocą kropki dołączamy kolejne zmienne <br />echo $zmienna1,$zmienna2,"&lt;br>"; // przecinek działa podobnie, tylko ma inne zachowanie (m.in. nie działa jak konkatenacja i ma inny priorytet) - stosujemy kropkę<br /><br />// łączenie wielu elemetów - tekstu i zmiennych  <br />echo 'Można '.'łączyć '.'wiele '.'elementów '.' oraz dodawać zmienne '.$zmienna1.'&lt;br>';<br /><br />// wyświetlanie tablicowe<br />$tablica = ["indeks" => "wartość"];<br />echo "wartość dla indeksu = {$tablica['indeks']} !"; <br />// wyświetli: wartość dla indeksu = wartość !<br /><br />echo "&lt;br>";<br /><br />// wyświetlanie z warunkiem jeżeli (warunek) ? 'wartość gdy prawda' : 'wartość gdy fałsz'<br />$wiek = 18;<br />echo ($wiek >= 18) ? 'pełnoletni' : 'niepełnoletni';</pre>



<h2 class="wp-block-heading"><strong>Integracja PHP z HTML</strong></h2>



<p>Skrypty PHP możesz umieszczać w dowolnym miejscu kodu HTML, zarówno przed i za znacznikami jak i wewnątrz nich:</p>



<pre class="wp-block-preformatted prettyprint prettyprinted"><span class="dec">&lt;!DOCTYPE html&gt;</span>
<span class="tag">&lt;html&gt;</span>
<span class="tag">   &lt;head&gt;</span>
<span class="tag">   &lt;/head&gt;</span>
<span class="tag">   &lt;body&gt;</span><span class="pln">
      &lt;section id="</span><span class="pun">&lt;?</span><span class="pln">php </span><span class="com">dowolny skrypt </span><span class="pun">?&gt;</span><span class="pln">"&gt;
</span><span class="pln">         &lt;a href="</span><span class="pun">&lt;?</span><span class="pln">php echo </span><span class="str">'https://kamakaczmarek.net'</span><span class="pun">;</span> <span class="pun">?&gt;</span><span class="pln">"&gt;Materiały do nauki</span><span class="tag">&lt;/a&gt;</span>
<span class="tag">      &lt;/section&gt;</span>    
<span class="tag">   &lt;/body&gt;</span>
<span class="tag">&lt;/html&gt;</span></pre>



<p>Istnieją 2 szkoły integrowania PHP z HTML:  pierwsza mówi o wyświetlaniu HTML za pomocą instrukcji <strong>echo, </strong>druga o rozdzieleniu HTML i PHP i umieszczaniu w kodzie HTML wielu skryptów objętych znacznikami &lt;?php ?&gt;. Ty decydujesz jakiej użyjesz. Ja jestem zwolenniczką 2 szkoły, ponieważ nie tracimy kolorowania składni HTML, a poza tym w testach jest odrobinę wydajniejsza ;P</p>



<pre class="wp-block-preformatted prettyprint">&lt;?php
   //wyświetlanie HTML w PHP  
   echo "&lt;p&gt;użycie HTML w PHP".$zmienna1."&lt;/p&gt;";  
?&gt;
&lt;p&gt;użycie PHP w HTML &lt;?php echo $zmienna1; ?&gt;&lt;/p&gt;
&lt;p&gt;użycie PHP w HTML w skróconej formie &lt;?=$zmienna1;?&gt;&lt;/p&gt;
</pre>



<p>Wszystkie kody zaprezentowane w tej lekcji powinny zostać zapisane w Twoim zeszycie, przetestuj ich działanie i za pomocą CSS &#8222;upiększ&#8221; ich wyświetlanie.</p>



<h2 class="wp-block-heading">Zasady pisania kodu (dobre praktyki)</h2>



<p>Dobrze napisany kod to taki, który jest&nbsp;<strong>czytelny</strong>,&nbsp;<strong>spójny</strong>,&nbsp;<strong>łatwy do rozbudowy</strong>&nbsp;i&nbsp;<strong>bezpieczny</strong>. Poniższe zasady warto stosować od pierwszych ćwiczeń.</p>



<h3 class="wp-block-heading">1) Czytelne nazewnictwo (zmienne, funkcje, pliki)</h3>



<ul class="wp-block-list">
<li>Używaj nazw, które mówią <strong>co przechowują / co robią</strong>, np. <code class="prettyprint lang-sql" style="font-size: 0.85em;">$cenaNetto</code>, <code class="prettyprint lang-sql" style="font-size: 0.85em;">$liczbaPunktow</code>, <code class="prettyprint lang-sql" style="font-size: 0.85em;">obliczSume()</code>.</li>



<li>Unikaj skrótów typu <code class="prettyprint lang-sql" style="font-size: 0.85em;">$a</code>, <code class="prettyprint lang-sql" style="font-size: 0.85em;">$x</code>, <code class="prettyprint lang-sql" style="font-size: 0.85em;">$tmp</code> (chyba że w bardzo krótkim fragmencie i ma to sens).</li>



<li>Stosuj jeden styl zapisu, np. <strong>camelCase</strong> w PHP:
<ul class="wp-block-list">
<li>zmienne i funkcje: <code class="prettyprint lang-sql" style="font-size: 0.85em;">$nazwaUcznia</code>, <code class="prettyprint lang-sql" style="font-size: 0.85em;">policzSrednia()</code></li>



<li>klasy: <code class="prettyprint lang-sql" style="font-size: 0.85em;">NazwaKlasy</code></li>
</ul>
</li>



<li>Nazwy nie powinny być za długie, ale muszą być jednoznaczne.</li>
</ul>



<h3 class="wp-block-heading">2) Jeden język w kodzie</h3>



<ul class="wp-block-list">
<li>Trzymaj się konsekwentnie <strong>jednego języka nazw</strong> w projekcie.</li>



<li>Najczęściej spotkasz angielski (np. <code class="prettyprint lang-sql" style="font-size: 0.85em;">$userName</code>, <code class="prettyprint lang-sql" style="font-size: 0.85em;">$totalPrice</code>), ale jeśli w klasie/zeszycie ustalacie polski — używaj polskiego wszędzie.</li>



<li>Nie mieszaj: np. nie rób <code class="prettyprint lang-sql" style="font-size: 0.85em;">$userImie</code> albo <code class="prettyprint lang-sql" style="font-size: 0.85em;">$cenaTotal</code>.</li>
</ul>



<h3 class="wp-block-heading">3) Wcięcia, spacje i estetyka</h3>



<ul class="wp-block-list">
<li>Stosuj wcięcia (indentację) w blokach <code class="prettyprint lang-sql" style="font-size: 0.85em;">{ }</code> — kod ma „wyglądać jak drzewko”.</li>



<li>Daj spacje po przecinkach i wokół operatorów:
<ul class="wp-block-list">
<li>dobrze: <code class="prettyprint lang-sql" style="font-size: 0.85em;">$a = $b + 2;</code></li>



<li>źle: <code class="prettyprint lang-sql" style="font-size: 0.85em;">$a=$b+2;</code></li>
</ul>
</li>



<li>Jedna instrukcja na linię — unikaj „ściany kodu”.</li>



<li>Zostaw puste linie między logicznymi częściami programu (np. deklaracje zmiennych, obliczenia, wyświetlanie wyniku).</li>
</ul>



<h3 class="wp-block-heading">4) Komentarze – po co i jak</h3>



<ul class="wp-block-list">
<li>Komentarze mają tłumaczyć <strong>dlaczego</strong> coś robisz, a nie przepisywać oczywistości.</li>



<li>Dobre komentarze opisują zamiar, np. „Walidacja danych z formularza”, „Zabezpieczenie przed pustym parametrem”.</li>
</ul>



<h3 class="wp-block-heading">5) Unikaj powtórzeń (DRY)</h3>



<ul class="wp-block-list">
<li>Jeśli ten sam fragment kodu powtarza się 3+ razy, to znak, że warto zrobić:
<ul class="wp-block-list">
<li>funkcję, np. <code class="prettyprint lang-sql" style="font-size: 0.85em;">formatujDate()</code></li>



<li>lub osobny plik/klasę (w większym projekcie)</li>
</ul>
</li>
</ul>



<h3 class="wp-block-heading">6) Prosta struktura i podział na elementy</h3>



<ul class="wp-block-list">
<li>Mieszanie wszystkiego w jednym miejscu utrudnia pracę.</li>



<li>Staraj się rozdzielać:
<ul class="wp-block-list">
<li>pobieranie danych (np. z formularza)</li>



<li>przetwarzanie (logika)</li>



<li>wyświetlanie (HTML)</li>
</ul>
</li>
</ul>



<h3 class="wp-block-heading">7) Przewidywalność i bezpieczeństwo danych</h3>



<ul class="wp-block-list">
<li>Nie ufaj danym z zewnątrz (formularze, URL) — sprawdzaj je (walidacja).</li>



<li>Przy wyświetlaniu tekstu w HTML stosuj escapowanie (ochrona przed XSS), np. <code class="prettyprint lang-sql" style="font-size: 0.85em;">htmlspecialchars(...)</code>.</li>



<li>Ustal, co ma się stać w przypadku błędu (np. brak danych, zły format) i obsłuż to w kodzie.</li>
</ul>



<h3 class="wp-block-heading">8) Stała konsekwencja</h3>



<p>Najważniejsza zasada:&nbsp;<strong>konsekwencja</strong>. Jeśli w projekcie ustalisz:</p>



<ul class="wp-block-list">
<li>styl nazw,</li>



<li>wcięcia,</li>



<li>sposób formatowania, to trzymaj się tego w całym kodzie. Dzięki temu kod jest czytelny nie tylko dla Ciebie, ale też dla innych.</li>
</ul>
<p>Artykuł <a href="https://kamakaczmarek.net/php-pierwszy-skrypt-echo-komentarze/">2. PHP &#8211; pierwszy skrypt, echo, komentarze.</a> pochodzi z serwisu <a href="https://kamakaczmarek.net">Kama Kaczmarek</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
