{"id":230313,"date":"2022-12-09T13:51:00","date_gmt":"2022-12-09T10:51:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230313"},"modified":"2022-12-09T13:53:08","modified_gmt":"2022-12-09T10:53:08","slug":"wprowadzenie-do-debugowania","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/wprowadzenie-do-debugowania\/","title":{"rendered":"Wprowadzenie do debugowania"},"content":{"rendered":"\n<p>W <strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/instalowanie-xdebug-czesc-2-ide\/\" title=\"najnowszym po\u015bcie z tej serii\">najnowszym po\u015bcie z tej serii<\/a><\/strong> om\u00f3wi\u0142em proces integracji Xdebug z Twoim IDE. A bior\u0105c pod uwag\u0119, \u017ce u\u017cywam <strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/ide-do-programowania-wordpress-niezaleznie-od-doswiadczenia\/\" title=\"Visual Studio Code\">Visual Studio Code<\/a><\/strong> jako mojego wybranego IDE, jest to r\u00f3wnie\u017c IDE, kt\u00f3rego u\u017cywam jako przyk\u0142ad.<\/p>\n<p>Co wi\u0119cej, jest to platforma wieloplatformowa, wystarczaj\u0105co \u0142atwa do rozpocz\u0119cia dla pocz\u0105tkuj\u0105cych, ale wystarczaj\u0105co pot\u0119\u017cna, aby rozszerzy\u0107 i dzia\u0142a\u0107 dla bardziej do\u015bwiadczonych programist\u00f3w (i dla reszty z nas, kt\u00f3rzy s\u0105 pomi\u0119dzy).<\/p>\n<p>W ostatnim po\u015bcie stwierdzi\u0142em, \u017ce b\u0119d\u0119 robi\u0142 seri\u0119 screencast\u00f3w. W szczeg\u00f3lno\u015bci napisa\u0142em, co nast\u0119puje:<\/p>\n<blockquote>\n<p>Pocz\u0105wszy od nast\u0119pnego wpisu, zaczn\u0119 udost\u0119pnia\u0107 kilka screencast\u00f3w, kt\u00f3re przeprowadz\u0105 przez proces debugowania funkcji i zmiennych, zmiany warto\u015bci w locie, pracy z konsol\u0105 debugowania i nie tylko.<\/p>\n<\/blockquote>\n<p>W tym po\u015bcie przedstawi\u0119 kr\u00f3tki screencast przedstawiaj\u0105cy wprowadzenie do debugowania WordPressa w pierwszej cz\u0119\u015bci tej serii. Mianowicie uruchomienie instancji witryny zbudowanej przy u\u017cyciu WordPressa i wykorzystanie podstaw debugowania wtyczki.<\/p>\n<h2>Wprowadzenie do debugowania<\/h2>\n<p>Poniewa\u017c ten screencast jest pierwszym z serii i poniewa\u017c nie chc\u0119 zak\u0142ada\u0107, \u017ce dana osoba ma wcze\u015bniejsze do\u015bwiadczenia, zaczn\u0119 od najbardziej podstawowego poziomu.<\/p>\n<p>Oznacza to, \u017ce zak\u0142adam, \u017ce masz:<\/p>\n<ul>\n<li>strona za\u0142o\u017cona i skonfigurowana,<\/li>\n<li>mo\u017cliwo\u015b\u0107 dost\u0119pu do niego w przegl\u0105darce internetowej,<\/li>\n<li>podstawowy zestaw wtyczek, takich jak Hello Dolly, kt\u00f3re s\u0105 dostarczane z WordPress.<\/li>\n<\/ul>\n<p>Je\u015bli nie masz \u017cadnego z poni\u017cszych, przejrzyj nast\u0119puj\u0105ce posty:<\/p>\n<ol>\n<li><strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/instalowanie-wordpressa-dla-rozwoju-lokalnego\/\" title=\"Instalowanie WordPressa dla rozwoju lokalnego\">Instalowanie WordPressa dla rozwoju lokalnego<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/instalowanie-xdebug-czesc-1-modul-xdebug\/\" title=\"Instalowanie Xdebug, cz\u0119\u015b\u0107 1: Modu\u0142 Xdebug\">Instalowanie Xdebug, cz\u0119\u015b\u0107 1: Modu\u0142 Xdebug<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/instalowanie-xdebug-czesc-2-ide\/\" title=\"Instalowanie Xdebug, cz\u0119\u015b\u0107 2: IDE\">Instalowanie Xdebug, cz\u0119\u015b\u0107 2: IDE<\/a><\/strong><\/li>\n<\/ol>\n<p>Po zako\u0144czeniu powiniene\u015b mie\u0107 wszystko, czego potrzebujesz, aby rozpocz\u0105\u0107 proces aktywnego debugowania uruchomionej aplikacji.<\/p>\n<h3>Zr\u00f3bmy kilka screencast\u00f3w<\/h3>\n<p>Cel screencast\u00f3w jest dwojaki:<\/p>\n<ol>\n<li>niech b\u0119d\u0105 kr\u00f3tkie,<\/li>\n<li>zaprezentuj przynajmniej jedn\u0105 praktyczn\u0105 rzecz, kt\u00f3r\u0105 mo\u017cesz wynie\u015b\u0107 z ich ogl\u0105dania.<\/li>\n<\/ol>\n<p>Poniewa\u017c wiem, \u017ce wszyscy jeste\u015bmy zaj\u0119ci i poniewa\u017c wierz\u0119, \u017ce filmy trwaj\u0105 d\u0142u\u017cej ni\u017c powinny, chc\u0119 by\u0107 tak zwi\u0119z\u0142y i bezpo\u015bredni, jak to mo\u017cliwe, kiedy omawiam aspekt debugowania.<\/p>\n<p>Co wi\u0119cej, skoro to wszystko ma zaczyna\u0107 si\u0119 od podstaw, dlaczego nie zacz\u0105\u0107 od wtyczki do\u0142\u0105czonej do WordPressa? To co\u015b, co wszyscy mamy, b\u0119dzie dzia\u0142a\u0107 z tre\u015bci\u0105, kt\u00f3ra zosta\u0142a ju\u017c napisana, i po\u0142o\u017cy podwaliny pod bardziej zaawansowane debugowanie.<\/p>\n<h3>Przejd\u017a przez wtyczk\u0119<\/h3>\n<p>W tym screencastu przyjrzymy si\u0119 ustawieniu kilku punkt\u00f3w przerwania w Hello Dolly i sprawdzeniu warto\u015bci niekt\u00f3rych zmiennych. To wszystko, nic wi\u0119cej.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/hzpZBF2YqdA\" frameborder=\"0\"><\/iframe><\/div>\n<p>P\u00f3\u017aniej przejdziemy do bardziej zaawansowanych rzeczy, kt\u00f3re ma do zaoferowania debuger, ale zaczynamy od podstaw. Celem nie jest te\u017c pozostawienie go z t\u0105 wtyczk\u0105. Zamiast tego ma pokaza\u0107, jak wykorzysta\u0107 dost\u0119pne narz\u0119dzia, a nast\u0119pnie zacz\u0105\u0107 je stosowa\u0107 w swojej pracy.<\/p>\n<h2>W przysz\u0142ym<\/h2>\n<p>W nast\u0119pnym po\u015bcie przyjrzymy si\u0119 bardziej zaawansowanym rzeczom, kt\u00f3re mo\u017cemy zrobi\u0107, takim jak wchodzenie do funkcji, wychodzenie z funkcji i przechodzenie przez funkcje.<\/p>\n<p>Nast\u0119pnie zwr\u00f3cimy nasz\u0105 uwag\u0119 na bardziej zaawansowane rzeczy, takie jak obserwowanie zmiennych przez ca\u0142y okres wykonywania wtyczki, a nast\u0119pnie zmienianie zmiennych podczas wykonywania.<\/p>\n<p>Na razie jednak, dlaczego nie po\u015bwi\u0119ci\u0107 troch\u0119 czasu na \u0107wiczenie i ustawi\u0107 punkt przerwania w kilku r\u00f3\u017cnych wtyczkach, to kilka r\u00f3\u017cnych obszar\u00f3w kodu w aplikacji specyficznej dla WordPressa?<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>B\u0119d\u0119 mia\u0142 kr\u00f3tki screencast przedstawiaj\u0105cy wprowadzenie do debugowania WordPressa w pierwszej cz\u0119\u015bci tej serii.<\/p>\n","protected":false},"author":1,"featured_media":236089,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[721,897,805,866],"tags":[1169],"class_list":["post-230313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deweloper","category-kod","category-php-7","category-wordpress-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/230313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=230313"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/230313\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/236089"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=230313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=230313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=230313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}