{"id":1590,"date":"2026-05-19T14:25:52","date_gmt":"2026-05-19T12:25:52","guid":{"rendered":"https:\/\/trzykody.pl\/?p=1590"},"modified":"2026-05-19T14:25:54","modified_gmt":"2026-05-19T12:25:54","slug":"z-jakich-programow-mozemy-skorzystac-w-celu-stworzenia-strony-www","status":"publish","type":"post","link":"https:\/\/trzykody.pl\/index.php\/2026\/05\/19\/z-jakich-programow-mozemy-skorzystac-w-celu-stworzenia-strony-www\/","title":{"rendered":"Z jakich program\u00f3w mo\u017cemy skorzysta\u0107 w celu stworzenia strony www"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Dobrze przygotowana strona internetowa to dzi\u015b po\u0142\u0105czenie kodu, grafiki, optymalizacji wydajno\u015bci, bezpiecze\u0144stwa i wygodnego zarz\u0105dzania tre\u015bci\u0105. Sam <a href=\"https:\/\/trzykody.pl\/index.php\/2026\/04\/17\/jak-stworzyc-strone-html-od-podstaw\/\">HTML<\/a> ju\u017c dawno przesta\u0142 wystarcza\u0107. Nawet prosta witryna firmowa zwykle korzysta z kilku osobnych program\u00f3w: edytora kodu, narz\u0119dzia do projektowania interfejsu, klienta FTP, systemu kontroli wersji, lokalnego serwera i cz\u0119sto tak\u017ce \u015brodowiska testowego. W praktyce wyb\u00f3r oprogramowania wp\u0142ywa p\u00f3\u017aniej na szybko\u015b\u0107 pracy, ilo\u015b\u0107 b\u0142\u0119d\u00f3w, koszt utrzymania i mo\u017cliwo\u015b\u0107 dalszego rozwijania projektu. W codziennej pracy programisty du\u017ce znaczenie ma to, z jakich program\u00f3w mo\u017cemy skorzysta\u0107 w celu stworzenia strony www.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Spis Tre\u015bci<\/h2><nav><ol><li><a href=\"#z-jakich-programow-mozemy-skorzystac-w-celu-stworzenia-strony-www-podczas-pisania-kodu-html-css-i-java-script-od-podstaw\">Z jakich program\u00f3w mo\u017cemy skorzysta\u0107 w celu stworzenia strony www podczas pisania kodu HTML, CSS i JavaScript od podstaw<\/a><\/li><li><a href=\"#narzedzia-do-kontroli-wersji-kodu-i-wspolpracy-zespolowej-przy-wiekszych-projektach-internetowych\">Narz\u0119dzia do kontroli wersji kodu i wsp\u00f3\u0142pracy zespo\u0142owej przy wi\u0119kszych projektach internetowych<\/a><\/li><li><a href=\"#typowe-bledy-przy-wyborze-programow-do-tworzenia-stron-internetowych-i-problemy-widoczne-dopiero-po-kilku-miesiacach-pracy\">Typowe b\u0142\u0119dy przy wyborze program\u00f3w do tworzenia stron internetowych i problemy widoczne dopiero po kilku miesi\u0105cach pracy<\/a><\/li><li><a href=\"#faq-dotyczace-programow-uzywanych-do-tworzenia-stron-internetowych\">FAQ dotycz\u0105ce program\u00f3w u\u017cywanych do tworzenia stron internetowych<\/a><ol><li><a href=\"#czy-poczatkujacy-powinien-zaczynac-od-word-pressa-czy-od-czystego-html\">Czy pocz\u0105tkuj\u0105cy powinien zaczyna\u0107 od WordPressa czy od czystego HTML?<\/a><\/li><li><a href=\"#czy-visual-studio-code-wystarczy-do-profesjonalnej-pracy\">Czy Visual Studio Code wystarczy do profesjonalnej pracy?<\/a><\/li><li><a href=\"#czy-trzeba-znac-php-zeby-tworzyc-strony\">Czy trzeba zna\u0107 PHP, \u017ceby tworzy\u0107 strony?<\/a><\/li><li><a href=\"#czy-git-jest-konieczny-przy-malych-projektach\">Czy Git jest konieczny przy ma\u0142ych projektach?<\/a><\/li><li><a href=\"#czy-darmowe-programy-wystarcza-do-stworzenia-profesjonalnej-strony\">Czy darmowe programy wystarcz\u0105 do stworzenia profesjonalnej strony?<\/a><\/li><li><a href=\"#czy-warto-uzywac-kilku-frameworkow-jednoczesnie\">Czy warto u\u017cywa\u0107 kilku framework\u00f3w jednocze\u015bnie?<\/a><\/li><li><a href=\"#czy-hosting-wplywa-na-szybkosc-strony\">Czy hosting wp\u0142ywa na szybko\u015b\u0107 strony?<\/a><\/li><li><a href=\"#czy-docker-jest-konieczny\">Czy Docker jest konieczny?<\/a><\/li><\/ol><\/li><li><a href=\"#krotkie-zakonczenie-dotyczace-wyboru-narzedzi-do-budowy-nowoczesnych-stron-internetowych\">Kr\u00f3tkie zako\u0144czenie dotycz\u0105ce wyboru narz\u0119dzi do budowy nowoczesnych stron internetowych<\/a><\/li><\/ol><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"z-jakich-programow-mozemy-skorzystac-w-celu-stworzenia-strony-www-podczas-pisania-kodu-html-css-i-java-script-od-podstaw\">Z jakich program\u00f3w mo\u017cemy skorzysta\u0107 w celu stworzenia strony www podczas pisania kodu HTML, CSS i JavaScript od podstaw<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pierwsz\u0105 grup\u0105 program\u00f3w s\u0105 klasyczne edytory kodu. To podstawowe \u015brodowisko pracy frontend developera lub osoby tworz\u0105cej prost\u0105 stron\u0119 internetow\u0105. Edytor odpowiada za kolorowanie sk\u0142adni, podpowiedzi kodu, automatyczne formatowanie i wyszukiwanie b\u0142\u0119d\u00f3w jeszcze przed uruchomieniem projektu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Najcz\u0119\u015bciej u\u017cywane programy:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Program<\/th><th>Typ<\/th><th>Najwa\u017cniejsze funkcje<\/th><th>Typowe zastosowanie<\/th><\/tr><\/thead><tbody><tr><td>Visual Studio Code<\/td><td>Edytor kodu<\/td><td>IntelliSense, Git, rozszerzenia<\/td><td>Frontend i backend<\/td><\/tr><tr><td>Sublime Text<\/td><td>Lekki edytor<\/td><td>Bardzo szybkie dzia\u0142anie<\/td><td>Proste projekty<\/td><\/tr><tr><td>Notepad++<\/td><td>Edytor tekstu<\/td><td>Minimalizm, ma\u0142e wymagania<\/td><td>Nauka HTML\/CSS<\/td><\/tr><tr><td>Vim<\/td><td>Edytor terminalowy<\/td><td>Praca skr\u00f3tami klawiszowymi<\/td><td>Linux i serwery<\/td><\/tr><tr><td>WebStorm<\/td><td>IDE<\/td><td>Zaawansowana analiza JavaScript<\/td><td>Du\u017ce projekty<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Najpopularniejszy obecnie jest Visual Studio Code. Pow\u00f3d jest prosty: ogromna liczba rozszerze\u0144 i niski pr\u00f3g wej\u015bcia. Mo\u017cna w kilka minut skonfigurowa\u0107 obs\u0142ug\u0119 HTML, <a href=\"https:\/\/trzykody.pl\/index.php\/2026\/04\/17\/podstawy-css-dla-poczatkujacych\/\">CSS<\/a>, <a href=\"https:\/\/trzykody.pl\/index.php\/2026\/02\/20\/funkcja-javascript-jako-podstawowy-mechanizm-organizacji-kodu-i-kontroli-przeplywu-wykonania\/\">JavaScript<\/a>, PHP, <a href=\"https:\/\/trzykody.pl\/index.php\/python\/\">Pythona<\/a> czy TypeScript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Przyk\u0142ad prostego pliku HTML:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Kod HTML<\/th><\/tr><\/thead><tbody><tr><td>&#8222;`html<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&#8221;UTF-8&#8243;&gt; &lt;title&gt;Moja strona&lt;\/title&gt; &lt;\/head&gt; &lt;body&gt; &lt;h1&gt;Witaj&lt;\/h1&gt; &lt;p&gt;To jest przyk\u0142adowa strona.&lt;\/p&gt; &lt;\/body&gt; &lt;\/html&gt; &#8222;`|<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Przyk\u0142ad prostego CSS:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Kod CSS<\/th><\/tr><\/thead><tbody><tr><td>&#8222;`css<\/td><\/tr><tr><td>body {<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>font-family: Arial;<br>background: #f2f2f2;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">h1 {<br>color: navy;<br>}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Przyk\u0142ad prostego JavaScript:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">| Kod JavaScript |<br>|&#8212;|<br>|&#8222;`javascript<br>function pokazKomunikat() {<br>alert(&#8222;Strona dzia\u0142a poprawnie&#8221;);<br>}<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>W praktyce sam edytor nie wystarcza. Programista zwykle instaluje dodatkowe rozszerzenia:\n\n| Rozszerzenie VS Code | Funkcja |\n|---|---|\n| Live Server | Automatyczne od\u015bwie\u017canie strony |\n| Prettier | Formatowanie kodu |\n| ESLint | Analiza b\u0142\u0119d\u00f3w JavaScript |\n| PHP Intelephense | Podpowiedzi dla PHP |\n| GitLens | Historia zmian Git |\n\nDu\u017cym problemem pocz\u0105tkuj\u0105cych jest wyb\u00f3r zbyt ci\u0119\u017ckiego \u015brodowiska na starcie. WebStorm jest bardzo dobry, ale dla prostych stron potrafi zu\u017cywa\u0107 ponad 1 GB pami\u0119ci RAM. Na starszym laptopie praca robi si\u0119 m\u0119cz\u0105ca.\n\n## Programy do projektowania interfejs\u00f3w i makiet zanim powstanie pierwsza linijka kodu\n\nWiele os\u00f3b pope\u0142nia b\u0142\u0105d polegaj\u0105cy na rozpocz\u0119ciu kodowania bez wcze\u015bniejszego projektu interfejsu. Efekt zwykle jest podobny: chaos w uk\u0142adzie, problemy z responsywno\u015bci\u0105 i wielokrotne przepisywanie CSS.\n\nDlatego przed implementacj\u0105 cz\u0119sto tworzy si\u0119 makiet\u0119 lub pe\u0142ny projekt UI.\n\nNajcz\u0119\u015bciej u\u017cywane programy:\n\n| Program | Zastosowanie | Charakterystyka |\n|---|---|---|\n| Figma | Projektowanie UI\/UX | Praca zespo\u0142owa online |\n| Adobe XD | Makiety i interfejsy | Integracja z Adobe |\n| Sketch | Projektowanie aplikacji | Popularny na macOS |\n| Canva | Proste projekty | Niski pr\u00f3g wej\u015bcia |\n| Penpot | Open source UI | Alternatywa dla Figmy |\n\nFigma sta\u0142a si\u0119 standardem bran\u017cowym. Du\u017c\u0105 zalet\u0105 jest praca w przegl\u0105darce oraz mo\u017cliwo\u015b\u0107 jednoczesnej edycji projektu przez kilka os\u00f3b. Programista mo\u017ce p\u00f3\u017aniej pobra\u0107 gotowe warto\u015bci CSS, kolory, odst\u0119py i rozmiary font\u00f3w.\n\nTypowy proces projektowania wygl\u0105da tak:\n\n| Etap | Opis |\n|---|---|\n| Wireframe | Szkic uk\u0142adu strony |\n| Mockup | Projekt graficzny |\n| Prototype | Interaktywna wersja projektu |\n| Implementacja | Kodowanie strony |\n| Testy | Sprawdzanie dzia\u0142ania |\n\nW praktyce dobrze przygotowany projekt skraca czas kodowania nawet o 30\u201340%. Szczeg\u00f3lnie przy du\u017cych sklepach internetowych lub portalach.\n\nCz\u0119sty problem pojawia si\u0119 wtedy, gdy projekt graficzny jest nierealny technicznie. Designer tworzy bardzo ci\u0119\u017ckie animacje, rozbudowane przej\u015bcia albo uk\u0142ady trudne do utrzymania na urz\u0105dzeniach mobilnych. Wtedy frontend trzeba przepisywa\u0107 wielokrotnie.\n\n## Z jakich program\u00f3w mo\u017cemy skorzysta\u0107 w celu stworzenia strony www wykorzystuj\u0105cej system CMS i gotowe panele administracyjne\n\nNie ka\u017cda strona musi by\u0107 kodowana r\u0119cznie. Wiele firm korzysta z CMS-\u00f3w, czyli system\u00f3w zarz\u0105dzania tre\u015bci\u0105.\n\nNajpopularniejsze systemy:\n\n| CMS | J\u0119zyk | Zastosowanie |\n|---|---|---|\n| WordPress | PHP | Blogi, strony firmowe |\n| Joomla | PHP | Portale |\n| Drupal | PHP | Rozbudowane serwisy |\n| PrestaShop | PHP | Sklepy internetowe |\n| Magento | PHP | Du\u017cy e-commerce |\n\nWordPress odpowiada za ponad 40% stron internetowych na \u015bwiecie. Pow\u00f3d jest prosty: ogromna liczba motyw\u00f3w i wtyczek.\n\nDo pracy z CMS potrzebne s\u0105 dodatkowe programy:\n\n| Program | Funkcja |\n|---|---|\n| XAMPP | Lokalny serwer Apache + MySQL |\n| Laragon | \u015arodowisko developerskie |\n| FileZilla | FTP |\n| phpMyAdmin | Zarz\u0105dzanie baz\u0105 danych |\n\nPrzyk\u0142ad po\u0142\u0105czenia z baz\u0105 MySQL w PHP:\n\n| Kod PHP |\n|---|\n|```php\n&lt;?php\n\n$host = \"localhost\";\n$user = \"root\";\n$password = \"\";\n$database = \"moja_baza\";\n\n$conn = mysqli_connect($host, $user, $password, $database);\n\nif (!$conn) {\n    die(\"B\u0142\u0105d po\u0142\u0105czenia\");\n}\n\necho \"Po\u0142\u0105czono poprawnie\";\n\n?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">|<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lokalny serwer jest bardzo wa\u017cny. Bez niego PHP nie zostanie wykonane. Pocz\u0105tkuj\u0105cy cz\u0119sto pr\u00f3buj\u0105 otwiera\u0107 plik PHP bezpo\u015brednio w przegl\u0105darce i widz\u0105 surowy kod zamiast dzia\u0142ania programu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">XAMPP instaluje:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Komponent<\/th><th>Funkcja<\/th><\/tr><\/thead><tbody><tr><td>Apache<\/td><td>Serwer HTTP<\/td><\/tr><tr><td>MySQL\/MariaDB<\/td><td>Baza danych<\/td><\/tr><tr><td>PHP<\/td><td>Interpreter<\/td><\/tr><tr><td>phpMyAdmin<\/td><td>Zarz\u0105dzanie baz\u0105<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Coraz popularniejszy staje si\u0119 Laragon. Zu\u017cywa mniej zasob\u00f3w i szybciej dzia\u0142a na Windowsie.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"narzedzia-do-kontroli-wersji-kodu-i-wspolpracy-zespolowej-przy-wiekszych-projektach-internetowych\">Narz\u0119dzia do kontroli wersji kodu i wsp\u00f3\u0142pracy zespo\u0142owej przy wi\u0119kszych projektach internetowych<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Przy wi\u0119kszej stronie internetowej bardzo szybko pojawia si\u0119 problem utraty zmian. Jeden b\u0142\u0119dny zapis mo\u017ce uszkodzi\u0107 projekt rozwijany przez kilka miesi\u0119cy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dlatego stosuje si\u0119 systemy kontroli wersji.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Najwa\u017cniejsze narz\u0119dzia:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Program<\/th><th>Funkcja<\/th><\/tr><\/thead><tbody><tr><td>Git<\/td><td>Kontrola wersji<\/td><\/tr><tr><td>GitHub<\/td><td>Repozytoria online<\/td><\/tr><tr><td>GitLab<\/td><td>Repozytoria + CI\/CD<\/td><\/tr><tr><td>Bitbucket<\/td><td>Zarz\u0105dzanie kodem<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Git zapisuje histori\u0119 zmian. Mo\u017cna wr\u00f3ci\u0107 do wcze\u015bniejszej wersji projektu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Podstawowe komendy Git:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Komenda<\/th><th>Dzia\u0142anie<\/th><\/tr><\/thead><tbody><tr><td><code>git init<\/code><\/td><td>Tworzy repozytorium<\/td><\/tr><tr><td><code>git add .<\/code><\/td><td>Dodaje pliki<\/td><\/tr><tr><td><code>git commit -m \"opis\"<\/code><\/td><td>Zapisuje zmiany<\/td><\/tr><tr><td><code>git push<\/code><\/td><td>Wysy\u0142a kod<\/td><\/tr><tr><td><code>git pull<\/code><\/td><td>Pobiera zmiany<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Przyk\u0142ad:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">| Kod Git |<br>|&#8212;|<br>|&#8222;`bash<br>git init<br>git add .<br>git commit -m &#8222;Pierwsza wersja strony&#8221;<br>git push origin main<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>W praktyce Git rozwi\u0105zuje kilka bardzo powa\u017cnych problem\u00f3w:\n\n- cofanie b\u0142\u0119d\u00f3w,\n- wsp\u00f3\u0142praca wielu programist\u00f3w,\n- tworzenie osobnych ga\u0142\u0119zi funkcji,\n- backup projektu,\n- automatyczne wdra\u017canie.\n\nBrak Git przy wi\u0119kszym projekcie zwykle ko\u0144czy si\u0119 chaosem organizacyjnym.\n\n## Programy do testowania wydajno\u015bci, szybko\u015bci dzia\u0142ania i bezpiecze\u0144stwa stron internetowych\n\nSama dzia\u0142aj\u0105ca strona nie oznacza jeszcze dobrej strony. Istotna jest szybko\u015b\u0107 \u0142adowania i bezpiecze\u0144stwo.\n\nNajcz\u0119\u015bciej u\u017cywane narz\u0119dzia:\n\n| Program\/Narz\u0119dzie | Zastosowanie |\n|---|---|\n| Lighthouse | Audyt wydajno\u015bci |\n| GTmetrix | Analiza szybko\u015bci |\n| PageSpeed Insights | Optymalizacja Google |\n| Burp Suite | Testy bezpiecze\u0144stwa |\n| Postman | Testowanie API |\n\nGoogle przy ocenie stron bierze pod uwag\u0119 Core Web Vitals:\n\n| Parametr | Znaczenie |\n|---|---|\n| LCP | Czas \u0142adowania g\u0142\u00f3wnego elementu |\n| CLS | Stabilno\u015b\u0107 uk\u0142adu |\n| INP | Reakcja interfejsu |\n\nZbyt wolna strona powoduje realne straty. Wed\u0142ug danych Google op\u00f3\u017anienie \u0142adowania o 1 sekund\u0119 mo\u017ce znacz\u0105co zwi\u0119kszy\u0107 wsp\u00f3\u0142czynnik odrzuce\u0144 u\u017cytkownik\u00f3w mobilnych.\n\nPrzyk\u0142ad prostego testu API w Pythonie:\n\n| Kod Python |\n|---|\n|```python\nimport requests\n\nresponse = requests.get(\"https:\/\/example.com\/api\")\n\nprint(response.status_code)\nprint(response.text)<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">|<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Przyk\u0142ad prostego sprawdzenia czasu odpowiedzi w PHP:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">| Kod PHP |<br>|&#8212;|<br>|&#8222;`php<br>&lt;?php<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">$start = microtime(true);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">file_get_contents(&#8222;https:\/\/example.com&#8221;);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">$end = microtime(true);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">echo $end &#8211; $start;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">?&gt;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Cz\u0119sty b\u0142\u0105d pocz\u0105tkuj\u0105cych polega na ignorowaniu optymalizacji obraz\u00f3w. Zdj\u0119cie o rozmiarze 8 MB potrafi ca\u0142kowicie zniszczy\u0107 wydajno\u015b\u0107 strony.\n\n## Z jakich program\u00f3w mo\u017cemy skorzysta\u0107 w celu stworzenia strony www dzia\u0142aj\u0105cej jako aplikacja frontendowa lub system backendowy\n\nNowoczesne strony coraz cz\u0119\u015bciej przypominaj\u0105 aplikacje internetowe.\n\nFrontend:\n\n| Technologia | Funkcja |\n|---|---|\n| React | Interfejs u\u017cytkownika |\n| Vue | Lekki frontend |\n| Angular | Rozbudowane aplikacje |\n| Vite | Build frontend |\n| Webpack | Bundlowanie plik\u00f3w |\n\nBackend:\n\n| Technologia | Funkcja |\n|---|---|\n| Node.js | Backend JavaScript |\n| Django | Python backend |\n| Laravel | PHP framework |\n| Flask | Lekki Python |\n| Express.js | API Node.js |\n\nPrzyk\u0142ad prostego serwera Flask:\n\n| Kod Python |\n|---|\n|```python\nfrom flask import Flask\n\napp = Flask(__name__)\n\n@app.route(\"\/\")\ndef home():\n    return \"Strona dzia\u0142a\"\n\napp.run()<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">|<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Przyk\u0142ad prostego backendu Node.js:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">| Kod JavaScript |<br>|&#8212;|<br>|&#8222;`javascript<br>const express = require(&#8222;express&#8221;);<br>const app = express();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">app.get(&#8222;\/&#8221;, (req, res) =&gt; {<br>res.send(&#8222;Dzia\u0142a&#8221;);<br>});<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">app.listen(3000);<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>W praktyce wyb\u00f3r technologii zale\u017cy od kilku czynnik\u00f3w:\n\n| Sytuacja | Najcz\u0119stszy wyb\u00f3r |\n|---|---|\n| Prosta strona firmowa | WordPress |\n| Blog techniczny | Hugo lub WordPress |\n| Panel administracyjny | Laravel |\n| SPA | React |\n| API | Node.js lub Django |\n\nProblem pojawia si\u0119 wtedy, gdy kto\u015b wybiera zbyt skomplikowany stack technologiczny do prostego projektu. Budowanie ma\u0142ej strony firmowej w architekturze mikroserwis\u00f3w zwykle nie ma sensu.\n\n## Narz\u0119dzia do publikowania strony na serwerze oraz zarz\u0105dzania hostingiem i domen\u0105\n\nPo zako\u0144czeniu projektu strona musi zosta\u0107 wdro\u017cona.\n\nNajcz\u0119\u015bciej u\u017cywane programy i us\u0142ugi:\n\n| Narz\u0119dzie | Funkcja |\n|---|---|\n| FileZilla | FTP |\n| PuTTY | SSH |\n| cPanel | Hosting |\n| Docker | Kontenery |\n| nginx | Serwer HTTP |\n\nPrzyk\u0142ad konfiguracji nginx:\n\n| Konfiguracja nginx |\n|---|\n|```nginx\nserver {\n    listen 80;\n    server_name example.com;\n\n    location \/ {\n        root \/var\/www\/html;\n        index index.html;\n    }\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">|<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Coraz cz\u0119\u015bciej u\u017cywa si\u0119 Dockera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Przyk\u0142ad prostego Dockerfile:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">| Dockerfile |<br>|&#8212;|<br>|&#8222;`dockerfile<br>FROM nginx:latest<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">COPY . \/usr\/share\/nginx\/html<br>&#8222;`|<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Docker upraszcza wdra\u017canie, poniewa\u017c \u015brodowisko dzia\u0142a identycznie na komputerze programisty i serwerze produkcyjnym.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Najcz\u0119stsze problemy przy wdro\u017ceniach:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Problem<\/th><th>Przyczyna<\/th><\/tr><\/thead><tbody><tr><td>B\u0142\u0105d 500<\/td><td>Niepoprawna konfiguracja PHP<\/td><\/tr><tr><td>Brak po\u0142\u0105czenia z baz\u0105<\/td><td>Z\u0142e dane dost\u0119pu<\/td><\/tr><tr><td>Wolna strona<\/td><td>Brak cache<\/td><\/tr><tr><td>B\u0142\u0105d SSL<\/td><td>Z\u0142a konfiguracja certyfikatu<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"typowe-bledy-przy-wyborze-programow-do-tworzenia-stron-internetowych-i-problemy-widoczne-dopiero-po-kilku-miesiacach-pracy\">Typowe b\u0142\u0119dy przy wyborze program\u00f3w do tworzenia stron internetowych i problemy widoczne dopiero po kilku miesi\u0105cach pracy<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pocz\u0105tkuj\u0105cy cz\u0119sto skupiaj\u0105 si\u0119 wy\u0142\u0105cznie na popularno\u015bci narz\u0119dzia. To prowadzi do z\u0142ych decyzji.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Najcz\u0119stsze b\u0142\u0119dy:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>B\u0142\u0105d<\/th><th>Konsekwencja<\/th><\/tr><\/thead><tbody><tr><td>Zbyt du\u017co framework\u00f3w<\/td><td>Chaos w projekcie<\/td><\/tr><tr><td>Brak Git<\/td><td>Utrata kodu<\/td><\/tr><tr><td>Brak \u015brodowiska testowego<\/td><td>B\u0142\u0119dy na produkcji<\/td><\/tr><tr><td>Ci\u0119\u017cki CMS do prostej strony<\/td><td>Spadek wydajno\u015bci<\/td><\/tr><tr><td>Ignorowanie bezpiecze\u0144stwa<\/td><td>Ataki i utrata danych<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">W praktyce najwa\u017cniejsza jest stabilno\u015b\u0107 projektu. Narz\u0119dzie powinno:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>by\u0107 rozwijane,<\/li>\n\n\n\n<li>posiada\u0107 dokumentacj\u0119,<\/li>\n\n\n\n<li>mie\u0107 aktywn\u0105 spo\u0142eczno\u015b\u0107,<\/li>\n\n\n\n<li>umo\u017cliwia\u0107 \u0142atwe aktualizacje,<\/li>\n\n\n\n<li>nie wymaga\u0107 bardzo kosztownego hostingu.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wielu programist\u00f3w po czasie upraszcza swoje \u015brodowisko pracy. Zamiast kilkunastu rozszerze\u0144 i wielu framework\u00f3w zostawiaj\u0105 kilka sprawdzonych narz\u0119dzi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq-dotyczace-programow-uzywanych-do-tworzenia-stron-internetowych\">FAQ dotycz\u0105ce program\u00f3w u\u017cywanych do tworzenia stron internetowych<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"czy-poczatkujacy-powinien-zaczynac-od-word-pressa-czy-od-czystego-html\">Czy pocz\u0105tkuj\u0105cy powinien zaczyna\u0107 od WordPressa czy od czystego HTML?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Najlepiej pozna\u0107 podstawy HTML i CSS. WordPress u\u0142atwia budow\u0119 strony, ale bez znajomo\u015bci podstaw trudno p\u00f3\u017aniej rozwi\u0105zywa\u0107 b\u0142\u0119dy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"czy-visual-studio-code-wystarczy-do-profesjonalnej-pracy\">Czy Visual Studio Code wystarczy do profesjonalnej pracy?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tak. Obecnie jest to jedno z najcz\u0119\u015bciej u\u017cywanych narz\u0119dzi przez frontend i backend developer\u00f3w.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"czy-trzeba-znac-php-zeby-tworzyc-strony\">Czy trzeba zna\u0107 PHP, \u017ceby tworzy\u0107 strony?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nie zawsze. Przy prostych stronach statycznych wystarczy HTML, CSS i JavaScript. PHP nadal jednak jest bardzo wa\u017cny przy CMS-ach.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"czy-git-jest-konieczny-przy-malych-projektach\">Czy Git jest konieczny przy ma\u0142ych projektach?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tak. Nawet przy ma\u0142ej stronie warto mie\u0107 histori\u0119 zmian i mo\u017cliwo\u015b\u0107 cofni\u0119cia b\u0142\u0119du.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"czy-darmowe-programy-wystarcza-do-stworzenia-profesjonalnej-strony\">Czy darmowe programy wystarcz\u0105 do stworzenia profesjonalnej strony?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">W wi\u0119kszo\u015bci przypadk\u00f3w tak. VS Code, Git, XAMPP, Figma czy FileZilla s\u0105 wystarczaj\u0105ce do wielu komercyjnych projekt\u00f3w.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"czy-warto-uzywac-kilku-frameworkow-jednoczesnie\">Czy warto u\u017cywa\u0107 kilku framework\u00f3w jednocze\u015bnie?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Zwykle nie. Nadmiar technologii zwi\u0119ksza trudno\u015b\u0107 utrzymania projektu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"czy-hosting-wplywa-na-szybkosc-strony\">Czy hosting wp\u0142ywa na szybko\u015b\u0107 strony?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bardzo mocno. S\u0142aby hosting mo\u017ce spowalnia\u0107 nawet dobrze napisany projekt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"czy-docker-jest-konieczny\">Czy Docker jest konieczny?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nie przy ma\u0142ych stronach. Przy wi\u0119kszych systemach bardzo u\u0142atwia wdro\u017cenia i konfiguracj\u0119 \u015brodowiska.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"krotkie-zakonczenie-dotyczace-wyboru-narzedzi-do-budowy-nowoczesnych-stron-internetowych\">Kr\u00f3tkie zako\u0144czenie dotycz\u0105ce wyboru narz\u0119dzi do budowy nowoczesnych stron internetowych<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dob\u00f3r program\u00f3w do tworzenia stron internetowych wp\u0142ywa p\u00f3\u017aniej na ka\u017cdy etap pracy: szybko\u015b\u0107 kodowania, stabilno\u015b\u0107 projektu, mo\u017cliwo\u015b\u0107 rozwoju i bezpiecze\u0144stwo danych. Nie istnieje jedno idealne \u015brodowisko dla wszystkich. Innych narz\u0119dzi potrzebuje osoba tworz\u0105ca prosty landing page, a innych zesp\u00f3\u0142 utrzymuj\u0105cy rozbudowan\u0105 aplikacj\u0119 webow\u0105 z tysi\u0105cami u\u017cytkownik\u00f3w dziennie. Najwa\u017cniejsze zwykle okazuje si\u0119 nie to, ile program\u00f3w zosta\u0142o zainstalowanych, ale czy rzeczywi\u015bcie rozwi\u0105zuj\u0105 konkretne problemy techniczne i organizacyjne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>\u0179r\u00f3d\u0142o Foto: Freepik<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dobrze przygotowana strona internetowa to dzi\u015b po\u0142\u0105czenie kodu, grafiki, optymalizacji wydajno\u015bci, bezpiecze\u0144stwa i wygodnego zarz\u0105dzania tre\u015bci\u0105. Sam HTML ju\u017c dawno przesta\u0142 wystarcza\u0107. Nawet prosta witryna firmowa zwykle korzysta z kilku osobnych program\u00f3w: edytora kodu, narz\u0119dzia do projektowania interfejsu, klienta FTP, systemu kontroli wersji, lokalnego serwera i cz\u0119sto tak\u017ce \u015brodowiska testowego. W praktyce wyb\u00f3r oprogramowania wp\u0142ywa p\u00f3\u017aniej na szybko\u015b\u0107 pracy, ilo\u015b\u0107 b\u0142\u0119d\u00f3w, koszt utrzymania i mo\u017cliwo\u015b\u0107 dalszego rozwijania projektu. W codziennej pracy programisty du\u017ce znaczenie ma to, z jakich program\u00f3w mo\u017cemy skorzysta\u0107 w celu stworzenia strony www. Z jakich program\u00f3w mo\u017cemy skorzysta\u0107 w celu stworzenia strony www podczas pisania kodu HTML, CSS i JavaScript od podstaw Pierwsz\u0105 grup\u0105 program\u00f3w s\u0105 klasyczne edytory kodu. To podstawowe \u015brodowisko pracy frontend developera lub osoby tworz\u0105cej prost\u0105 stron\u0119 internetow\u0105. Edytor odpowiada za kolorowanie sk\u0142adni, podpowiedzi kodu, automatyczne formatowanie i wyszukiwanie b\u0142\u0119d\u00f3w jeszcze przed uruchomieniem projektu. Najcz\u0119\u015bciej u\u017cywane programy: Program Typ Najwa\u017cniejsze funkcje Typowe zastosowanie Visual Studio Code Edytor kodu IntelliSense, Git, rozszerzenia Frontend i backend Sublime Text Lekki edytor Bardzo szybkie dzia\u0142anie Proste projekty Notepad++ Edytor tekstu Minimalizm, ma\u0142e wymagania Nauka HTML\/CSS Vim Edytor terminalowy Praca skr\u00f3tami klawiszowymi Linux i serwery WebStorm IDE Zaawansowana analiza JavaScript Du\u017ce projekty Najpopularniejszy obecnie jest Visual Studio Code. Pow\u00f3d jest prosty: ogromna liczba rozszerze\u0144 i niski pr\u00f3g wej\u015bcia. Mo\u017cna w kilka minut skonfigurowa\u0107 obs\u0142ug\u0119 HTML, CSS, JavaScript, PHP, Pythona czy TypeScript. Przyk\u0142ad prostego pliku HTML: Kod HTML &#8222;`html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&#8221;UTF-8&#8243;&gt; &lt;title&gt;Moja strona&lt;\/title&gt; &lt;\/head&gt; &lt;body&gt; &lt;h1&gt;Witaj&lt;\/h1&gt; &lt;p&gt;To jest przyk\u0142adowa strona.&lt;\/p&gt; &lt;\/body&gt; &lt;\/html&gt; &#8222;`| Przyk\u0142ad prostego CSS: Kod CSS &#8222;`css body { } h1 {color: navy;} Przyk\u0142ad prostego JavaScript: | Kod JavaScript ||&#8212;||&#8222;`javascriptfunction pokazKomunikat() {alert(&#8222;Strona dzia\u0142a poprawnie&#8221;);} | Lokalny serwer jest bardzo wa\u017cny. Bez niego PHP nie zostanie wykonane. Pocz\u0105tkuj\u0105cy cz\u0119sto pr\u00f3buj\u0105 otwiera\u0107 plik PHP bezpo\u015brednio w przegl\u0105darce i widz\u0105 surowy kod zamiast dzia\u0142ania programu. XAMPP instaluje: Komponent Funkcja Apache Serwer HTTP MySQL\/MariaDB Baza danych PHP Interpreter phpMyAdmin Zarz\u0105dzanie baz\u0105 Coraz popularniejszy staje si\u0119 Laragon. Zu\u017cywa mniej zasob\u00f3w i szybciej dzia\u0142a na Windowsie. Narz\u0119dzia do kontroli wersji kodu i wsp\u00f3\u0142pracy zespo\u0142owej przy wi\u0119kszych projektach internetowych Przy wi\u0119kszej stronie internetowej bardzo szybko pojawia si\u0119 problem utraty zmian. Jeden b\u0142\u0119dny zapis mo\u017ce uszkodzi\u0107 projekt rozwijany przez kilka miesi\u0119cy. Dlatego stosuje si\u0119 systemy kontroli wersji. Najwa\u017cniejsze narz\u0119dzia: Program Funkcja Git Kontrola wersji GitHub Repozytoria online GitLab Repozytoria + CI\/CD Bitbucket Zarz\u0105dzanie kodem Git zapisuje histori\u0119 zmian. Mo\u017cna wr\u00f3ci\u0107 do wcze\u015bniejszej wersji projektu. Podstawowe komendy Git: Komenda Dzia\u0142anie git init Tworzy repozytorium git add . Dodaje pliki git commit -m &#8222;opis&#8221; Zapisuje zmiany git push Wysy\u0142a kod git pull Pobiera zmiany Przyk\u0142ad: | Kod Git ||&#8212;||&#8222;`bashgit initgit add .git commit -m &#8222;Pierwsza wersja strony&#8221;git push origin main | Przyk\u0142ad prostego sprawdzenia czasu odpowiedzi w PHP: | Kod PHP ||&#8212;||&#8222;`php&lt;?php $start = microtime(true); file_get_contents(&#8222;https:\/\/example.com&#8221;); $end = microtime(true); echo $end &#8211; $start; ?&gt; | Przyk\u0142ad prostego backendu Node.js: | Kod JavaScript ||&#8212;||&#8222;`javascriptconst express = require(&#8222;express&#8221;);const app = express(); app.get(&#8222;\/&#8221;, (req, res) =&gt; {res.send(&#8222;Dzia\u0142a&#8221;);}); app.listen(3000); | Coraz cz\u0119\u015bciej u\u017cywa si\u0119 Dockera. Przyk\u0142ad prostego Dockerfile: | Dockerfile ||&#8212;||&#8222;`dockerfileFROM nginx:latest COPY . \/usr\/share\/nginx\/html&#8222;`| Docker upraszcza wdra\u017canie, poniewa\u017c \u015brodowisko dzia\u0142a identycznie na komputerze programisty i serwerze produkcyjnym. Najcz\u0119stsze problemy przy wdro\u017ceniach: Problem Przyczyna B\u0142\u0105d 500 Niepoprawna konfiguracja PHP Brak po\u0142\u0105czenia z baz\u0105 Z\u0142e dane dost\u0119pu Wolna strona Brak cache B\u0142\u0105d SSL Z\u0142a konfiguracja certyfikatu Typowe b\u0142\u0119dy przy wyborze program\u00f3w do tworzenia stron internetowych i problemy widoczne dopiero po kilku miesi\u0105cach pracy Pocz\u0105tkuj\u0105cy cz\u0119sto skupiaj\u0105 si\u0119 wy\u0142\u0105cznie na popularno\u015bci narz\u0119dzia. To prowadzi do z\u0142ych decyzji. Najcz\u0119stsze b\u0142\u0119dy: B\u0142\u0105d Konsekwencja Zbyt du\u017co framework\u00f3w Chaos w projekcie Brak Git Utrata kodu Brak \u015brodowiska testowego B\u0142\u0119dy na produkcji Ci\u0119\u017cki CMS do prostej strony Spadek wydajno\u015bci Ignorowanie bezpiecze\u0144stwa Ataki i utrata danych W praktyce najwa\u017cniejsza jest stabilno\u015b\u0107 projektu. Narz\u0119dzie powinno: Wielu programist\u00f3w po czasie upraszcza swoje \u015brodowisko pracy. Zamiast kilkunastu rozszerze\u0144 i wielu framework\u00f3w zostawiaj\u0105 kilka sprawdzonych narz\u0119dzi. FAQ dotycz\u0105ce program\u00f3w u\u017cywanych do tworzenia stron internetowych Czy pocz\u0105tkuj\u0105cy powinien zaczyna\u0107 od WordPressa czy od czystego HTML? Najlepiej pozna\u0107 podstawy HTML i CSS. WordPress u\u0142atwia budow\u0119 strony, ale bez znajomo\u015bci podstaw trudno p\u00f3\u017aniej rozwi\u0105zywa\u0107 b\u0142\u0119dy. Czy Visual Studio Code wystarczy do profesjonalnej pracy? Tak. Obecnie jest to jedno z najcz\u0119\u015bciej u\u017cywanych narz\u0119dzi przez frontend i backend developer\u00f3w. Czy trzeba zna\u0107 PHP, \u017ceby tworzy\u0107 strony? Nie zawsze. Przy prostych stronach statycznych wystarczy HTML, CSS i JavaScript. PHP nadal jednak jest bardzo wa\u017cny przy CMS-ach. Czy Git jest konieczny przy ma\u0142ych projektach? Tak. Nawet przy ma\u0142ej stronie warto mie\u0107 histori\u0119 zmian i mo\u017cliwo\u015b\u0107 cofni\u0119cia b\u0142\u0119du. Czy darmowe programy wystarcz\u0105 do stworzenia profesjonalnej strony? W wi\u0119kszo\u015bci przypadk\u00f3w tak. VS Code, Git, XAMPP, Figma czy FileZilla s\u0105 wystarczaj\u0105ce do wielu komercyjnych projekt\u00f3w. Czy warto u\u017cywa\u0107 kilku framework\u00f3w jednocze\u015bnie? Zwykle nie. Nadmiar technologii zwi\u0119ksza trudno\u015b\u0107 utrzymania projektu. Czy hosting wp\u0142ywa na szybko\u015b\u0107 strony? Bardzo mocno. S\u0142aby hosting mo\u017ce spowalnia\u0107 nawet dobrze napisany projekt. Czy Docker jest konieczny? Nie przy ma\u0142ych stronach. Przy wi\u0119kszych systemach bardzo u\u0142atwia wdro\u017cenia i konfiguracj\u0119 \u015brodowiska. Kr\u00f3tkie zako\u0144czenie dotycz\u0105ce wyboru narz\u0119dzi do budowy nowoczesnych stron internetowych Dob\u00f3r program\u00f3w do tworzenia stron internetowych wp\u0142ywa p\u00f3\u017aniej na ka\u017cdy etap pracy: szybko\u015b\u0107 kodowania, stabilno\u015b\u0107 projektu, mo\u017cliwo\u015b\u0107 rozwoju i bezpiecze\u0144stwo danych. Nie istnieje jedno idealne \u015brodowisko dla wszystkich. Innych narz\u0119dzi potrzebuje osoba tworz\u0105ca prosty landing page, a innych zesp\u00f3\u0142 utrzymuj\u0105cy rozbudowan\u0105 aplikacj\u0119 webow\u0105 z tysi\u0105cami u\u017cytkownik\u00f3w dziennie. Najwa\u017cniejsze zwykle okazuje si\u0119 nie to, ile program\u00f3w zosta\u0142o zainstalowanych, ale czy rzeczywi\u015bcie rozwi\u0105zuj\u0105 konkretne problemy techniczne i organizacyjne. \u0179r\u00f3d\u0142o Foto: Freepik<\/p>\n","protected":false},"author":1,"featured_media":1591,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,1],"tags":[],"class_list":["post-1590","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet","category-poradnik"],"_links":{"self":[{"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/posts\/1590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/comments?post=1590"}],"version-history":[{"count":1,"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/posts\/1590\/revisions"}],"predecessor-version":[{"id":1592,"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/posts\/1590\/revisions\/1592"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/media\/1591"}],"wp:attachment":[{"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/media?parent=1590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/categories?post=1590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trzykody.pl\/index.php\/wp-json\/wp\/v2\/tags?post=1590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}