{"id":1637,"date":"2016-12-15T14:48:31","date_gmt":"2016-12-15T13:48:31","guid":{"rendered":"http:\/\/www.supermonitoring.pl\/blogpl\/?p=1637"},"modified":"2021-12-28T14:52:33","modified_gmt":"2021-12-28T12:52:33","slug":"programuj-testuj-ucz-sie-jsfiddle","status":"publish","type":"post","link":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/","title":{"rendered":"Programuj, testuj i ucz si\u0119 z JSFiddle"},"content":{"rendered":"<p>Czy kiedykolwiek s\u0142ysza\u0142e\u015b termin \u201eCode Playground\u201d? Je\u015bli lubisz programowanie, masz ci\u0105g\u0142\u0105 potrzeb\u0119 poszerzania swojej wiedzy, \u015bledzisz w Internecie spo\u0142eczno\u015bci bran\u017cowe i lubisz bawi\u0107 si\u0119 snippetami, to wymienione poj\u0119cie nie b\u0119dzie dla Ciebie obce. \u201eCode playground\u201d jest stron\u0105 internetow\u0105, aplikacj\u0105 lub narz\u0119dziem, kt\u00f3re pozwala \u0107wiczy\u0107 i uczy\u0107 si\u0119 poprzez oferowanie miejsca do pisania i testowania kodu. Pomy\u015bl o tym, jak o kalkulatorze \u2013 wprowadzasz r\u00f3wnanie i od razu mo\u017cesz zobaczy\u0107 wynik, a co za tym idzie natychmiast zweryfikowa\u0107 swoje w\u0142asne obliczenia i dokona\u0107 odpowiednich korekt, je\u015bli co\u015b posz\u0142o \u017ale. Teraz zastosuj t\u0105 sam\u0105 zasad\u0119, tym razem w odniesieniu do internetowego edytora kodu, kt\u00f3ry pozwoli Ci wpisa\u0107 kod, zapisa\u0107 go, uruchomi\u0107, a na ko\u0144cu zobaczy\u0107 wyniki Twojej pracy.<\/p>\n<p>Istnieje wiele r\u00f3\u017cnych narz\u0119dzi internetowych, kt\u00f3re pozwalaj\u0105 Ci testowa\u0107 Tw\u00f3j kod i poprawia\u0107 go, by doskonali\u0107 Twoje umiej\u0119tno\u015bci programistyczne. W niniejszym tek\u015bcie skupiamy si\u0119 na jednym z nich, kt\u00f3re zapewnia to wszystko i jeszcze wiele wi\u0119cej. Mowa o <a href=\"https:\/\/jsfiddle.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSFiddle<\/a>, jednym z najpopularniejszych \u201eprogramistycznych plac\u00f3w zabaw\u201d dost\u0119pnych obecnie w sieci.<\/p>\n<p><a href=\"https:\/\/jsfiddle.net\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1643 size-full\" style=\"border: 1px solid silver;\" src=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1-1.png\" width=\"250\" height=\"250\" alt=\"JSFiddle\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1-1.png 250w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1-1-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1-1-200x200.png 200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<h2>JSFiddle \u2013 sympatyczny edytor kodu online<\/h2>\n<p>JSFiddle to nazwa, kt\u00f3r\u0105 z pewno\u015bci\u0105 rozpoznaje wi\u0119kszo\u015b\u0107 programist\u00f3w JavaScript. Pozwala programistom pracowa\u0107 nad aplikacjami, ocenia\u0107 gotowe fragmenty kodu, udost\u0119pnia\u0107 snippety, wsp\u00f3\u0142pracowa\u0107 z innymi tw\u00f3rcami i wiele wi\u0119cej. I nie s\u0105d\u017a b\u0142\u0119dnie po samej jego nazwie, narz\u0119dzie umo\u017cliwia prac\u0119 oczywi\u015bcie z JavaScript, jak i HTML, CSS, a tak\u017ce wszelkiego rodzaju kombinacjami tych trzech technologii internetowych. Stw\u00f3rz swoje fragmenty kodu w jednym z tych j\u0119zyk\u00f3w w dedykowanych im okienkach i naci\u015bnij przycisk \u201eUruchom\u201d (\u201eRun\u201d), by zobaczy\u0107 je w akcji w oknie \u201eWynik\u201d (\u201eResult\u201d). Prawda, \u017ce proste?<\/p>\n<p>JSFiddle jest cz\u0119sto uznawany za jeden z pierwszych edytor\u00f3w kodu online lub \u201eprogramistycznych plac\u00f3w zabaw\u201d, kt\u00f3re da\u0142y przyk\u0142ad, skopiowany nast\u0119pnie przez wiele innych tego typu us\u0142ug. Oto przegl\u0105d najwa\u017cniejszych funkcjonalno\u015bci narz\u0119dzia:<\/p>\n<ul>\n<li>Narz\u0119dzie zawiera oddzielne, regulowane sekcje zwane \u201epanelami\u201d dla CSS, HTML i JS, a tak\u017ce panel wykonawczy.<\/li>\n<li>Po zalogowaniu si\u0119 do aplikacji mo\u017cna zdalnie debugowa\u0107 fragmenty kodu, zwane tutaj \u201efiddles\u201d.<\/li>\n<li>Narz\u0119dzie wykonuje Twoje \u201efiddles\u201d bazuj\u0105c na wbudowanej kolekcji ramek.<\/li>\n<li>Pozwala na wsp\u00f3\u0142prac\u0119 w czasie rzeczywistym z funkcj\u0105 \u015bledzenia.<\/li>\n<li>Umo\u017cliwia Ci aktualizowa\u0107\/publikowa\u0107 Twoje fragmenty kodu prywatnie lub publicznie.<\/li>\n<li>Opcja odwo\u0142ywania si\u0119 do plik\u00f3w z poziomu Twoich \u201efiddles\u201d poprzez dodawanie ich.<\/li>\n<li>Pozwala Ci zaprasza\u0107 cz\u0142onk\u00f3w zespo\u0142u do przy\u0142\u0105czenia si\u0119 do Twojej sesji i podgl\u0105dania Twojej pracy. Mog\u0105 te\u017c na bie\u017c\u0105co komentowa\u0107 to, co si\u0119 dzieje, za pomoc\u0105 live chata.<\/li>\n<li>Narz\u0119dzie zawiera tak\u017ce opcj\u0119 formatowania kodu, kt\u00f3ry utworzy odpowiednie wci\u0119cia i wyr\u00f3wna ca\u0142y kod.<\/li>\n<li>Wy\u015bwietlana sk\u0142adnia kodu jest automatycznie kolorowana, a panele zwracaj\u0105 informacj\u0119 o b\u0142\u0119dach sk\u0142adni w postaci brakuj\u0105cych znacznik\u00f3w lub element\u00f3w.<\/li>\n<\/ul>\n<p>Dodatkowo, u\u017cytkownicy mog\u0105 tworzy\u0107 swoje profile w aplikacji, zapisywa\u0107 i publikowa\u0107 swoje fragmenty kodu wraz z nazwami swoich profili. Wszyscy wsp\u00f3\u0142pracownicy r\u00f3wnie\u017c b\u0119d\u0105 mieli swoje konta, z indywidualnymi avatarami, by troch\u0119 uprzyjemni\u0107 prac\u0119.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1645 size-full\" style=\"border: 1px solid silver;\" src=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle1.png\" width=\"1000\" height=\"552\" alt=\"JSFiddle - zrzut ekranu\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle1.png 1000w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle1-300x166.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle1-768x424.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h2>Dzia\u0142anie narz\u0119dzia<\/h2>\n<p>Jak ju\u017c wspomnieli\u015bmy wcze\u015bniej, narz\u0119dzie jest bardzo proste w u\u017cyciu. Nie wymaga od Ciebie posiadania \u017cadnego wcze\u015bniejszego do\u015bwiadczenia z HTML, CSS i JavaScript, chocia\u017c dobrze jest mie\u0107 troch\u0119 wiedzy przed rozpocz\u0119ciem pracy z programem.<\/p>\n<p>Wejd\u017a na jsfiddle.net. Zobaczysz ekran g\u0142\u00f3wny podzielony na 5 sekcji \u2013 lewy panel z list\u0105 niekt\u00f3rych opcji, 3 sekcje odpowiednio po\u015bwi\u0119cone HTML, CSS i JavaScript oraz okienko wynik\u00f3w. Znajduje si\u0119 tu tak\u017ce menu g\u0142\u00f3wne, zawieraj\u0105ce r\u00f3\u017cne przyciski do zarz\u0105dzania Twoim kodem, ju\u017c po rozpocz\u0119ciu jego pisania. Je\u015bli chcesz pracowa\u0107 z dan\u0105 bibliotek\u0105 jednego z dost\u0119pnych j\u0119zyk\u00f3w, mo\u017cesz klikn\u0105\u0107 na ikon\u0119 ustawie\u0144 mieszcz\u0105c\u0105 si\u0119 w prawym g\u00f3rnym rogu ka\u017cdego panelu i wybra\u0107 interesuj\u0105ce Ci\u0119 repozytorium. Gdy wszystko ju\u017c sobie poustawiasz, mo\u017cesz wreszcie przyst\u0105pi\u0107 do tworzenia swoich projekt\u00f3w.<\/p>\n<p>Kliknij wewn\u0105trz dowolnego panelu, by zainicjowa\u0107 kursor i zacznij pisa\u0107. Gdy wprowadzisz ju\u017c sw\u00f3j kod (w jednym, w dw\u00f3ch lub we wszystkich panelach), wci\u015bnij przycisk \u201eUruchom\u201d (\u201eRun\u201d) w menu g\u0142\u00f3wnym, by wy\u015bwietli\u0107 efekt swojej pracy w panelu wynik\u00f3w. Mo\u017cesz te\u017c klikn\u0105\u0107 przycisk \u201eTidy\u201d, by wszystko, co zapisa\u0142e\u015b, znalaz\u0142o si\u0119 na swoim miejscu oraz wybra\u0107 konkretne ustawienia, na kt\u00f3rych chcesz pracowa\u0107, klikaj\u0105c przycisk \u201eUstawienia\u201d (\u201eSettings\u201d) w prawym g\u00f3rnym rogu ekranu.<\/p>\n<p>\u017beby zaprosi\u0107 cz\u0142onk\u00f3w zespo\u0142u i zacz\u0105\u0107 wsp\u00f3\u0142prac\u0119, nale\u017cy klikn\u0105\u0107 przycisk \u201eWsp\u00f3\u0142praca\u201d (\u201eCollaborate\u201d) w menu g\u0142\u00f3wnym. Powinno wy\u015bwietli\u0107 si\u0119 okienko pop-up wyja\u015bniaj\u0105ce, w jaki spos\u00f3b mo\u017cna wys\u0142a\u0107 link do sesji Twojemu zespo\u0142owi. Opr\u00f3cz tego powinna pojawi\u0107 si\u0119 kolumna z niekt\u00f3rymi dodatkowymi opcjami, gdy uruchomi si\u0119 sesja wsp\u00f3\u0142pracy. Na te opcje sk\u0142ada si\u0119: edycja profilu, dodawanie cz\u0142onk\u00f3w, mikrofon do aktywacji rozm\u00f3w g\u0142osowych oraz ikona wiadomo\u015bci, by rozpocz\u0105\u0107 live chat. Aby zapisa\u0107 Tw\u00f3j \u201efiddle\u201d, musisz stworzy\u0107 nowe konto w JSFiddle i zalogowa\u0107 si\u0119 do niego. Rejestracja jest do\u015b\u0107 prosta i powinna zaj\u0105\u0107 Ci najwy\u017cej kilka sekund.<\/p>\n<h2>Zalety i wady<\/h2>\n<p>Przyszed\u0142 czas na postawienie na szalach mocnych i s\u0142abych stron JSFiddle.<\/p>\n<p>Do mocnych stron narz\u0119dzia z pewno\u015bci\u0105 zalicza si\u0119:<\/p>\n<ul>\n<li>mo\u017cliwo\u015b\u0107 edycji kodu online wraz z funkcjonalno\u015bci\u0105 wsp\u00f3\u0142pracy,<\/li>\n<li>prostota publikowania fragment\u00f3w kodu, zar\u00f3wno prywatnie, jak i publicznie,<\/li>\n<li>\u0142atwe tworzenie udanych zapyta\u0144 AJAX,<\/li>\n<li>jego ca\u0142kowita bezp\u0142atno\u015b\u0107.<\/li>\n<\/ul>\n<p>Zawsze mo\u017cesz sam rzuci\u0107 okiem na funkcje narz\u0119dzia, by samemu sprawdzi\u0107 jego zalety.<\/p>\n<p>Jako s\u0142absze strony aplikacji mo\u017cna wymieni\u0107:<\/p>\n<ul>\n<li>niedostatecznie szybko dzia\u0142aj\u0105ce wy\u015bwietlanie wynik\u00f3w pracy kodu (przynajmniej wed\u0142ug u\u017cytkownik\u00f3w korzystaj\u0105cych wcze\u015bniej z konkurencyjnych narz\u0119dzi),<\/li>\n<li>brak mo\u017cliwo\u015bci sprawdzenia, kto korzysta\u0142 z Twoich fragment\u00f3w kodu,<\/li>\n<li>brak opcji wy\u0142\u0105czenia widoku paneli j\u0119zyk\u00f3w, z kt\u00f3rych w danym projekcie nie zamierzasz wcale korzysta\u0107.<\/li>\n<\/ul>\n<ul>\n<ul class=\"twitter1\">\n<li class=\"twitter2\">\n<blockquote class=\"twitter3\">\n<p class=\"twitter4\">Programuj i wykonuj w czasie rzeczywistym kod HTML + CSS + JavaScript z <span class=\"twitter5\">@jsfiddle<\/span> <span class=\"twitter5\">jsfiddle.net\/<\/span> via <span class=\"twitter5\">@MonitoringStron<\/span><\/p>\n<p class=\"twitter6\"><a class=\"twitter7\" title=\"Tweetnij to z Hrefshare.com\" href=\"http:\/\/hrefshare.com\/15935\" target=\"_blank\" rel=\"noopener noreferrer\">Tweetnij to<\/a><\/p>\n<\/blockquote>\n<\/li>\n<\/ul>\n<h2>Podsumowanie<\/h2>\n<p>JSFiddle jest doskona\u0142ym miejscem do \u0107wiczenia i doskonalenia Twoich umiej\u0119tno\u015bci programowania. Nie musisz niczego instalowa\u0107, ani nic p\u0142aci\u0107, a nawet nie musisz niczego si\u0119 uczy\u0107 przed korzystaniem z tej aplikacji. Istnieje tylko kilka narz\u0119dzi, kt\u00f3re pozwol\u0105 Ci na to samo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Czy kiedykolwiek s\u0142ysza\u0142e\u015b termin \u201eCode Playground\u201d? Je\u015bli lubisz programowanie, masz ci\u0105g\u0142\u0105 potrzeb\u0119 poszerzania swojej wiedzy, \u015bledzisz w Internecie spo\u0142eczno\u015bci bran\u017cowe i lubisz bawi\u0107 si\u0119 snippetami, to wymienione poj\u0119cie nie b\u0119dzie dla Ciebie obce. \u201eCode playground\u201d jest stron\u0105 internetow\u0105, aplikacj\u0105 lub narz\u0119dziem, kt\u00f3re pozwala \u0107wiczy\u0107 i uczy\u0107 si\u0119 poprzez oferowanie miejsca do pisania i testowania kodu. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1642,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[202],"tags":[245,384,395,257],"class_list":["post-1637","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-kod","tag-narzedzie","tag-programowanie","tag-testowanie"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Programuj, testuj i ucz si\u0119 z JSFiddle<\/title>\n<meta name=\"description\" content=\"Czy kiedykolwiek s\u0142ysza\u0142e\u015b termin \u201eCode Playground\u201d? Je\u015bli lubisz programowanie, masz ci\u0105g\u0142\u0105 potrzeb\u0119 poszerzania swojej wiedzy, \u015bledzisz w Internecie\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Programuj, testuj i ucz si\u0119 z JSFiddle\" \/>\n<meta property=\"og:description\" content=\"Czy kiedykolwiek s\u0142ysza\u0142e\u015b termin \u201eCode Playground\u201d? Je\u015bli lubisz programowanie, masz ci\u0105g\u0142\u0105 potrzeb\u0119 poszerzania swojej wiedzy, \u015bledzisz w Internecie\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Super Monitoring\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/monitoring.stron\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-15T13:48:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-28T12:52:33+00:00\" \/>\n<meta property=\"og:image\" content=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ela Huniak\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MonitoringStron\" \/>\n<meta name=\"twitter:site\" content=\"@MonitoringStron\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ela Huniak\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/\"},\"author\":{\"name\":\"Ela Huniak\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/person\\\/0e1f07e16e5526ff27652181cac21f42\"},\"headline\":\"Programuj, testuj i ucz si\u0119 z JSFiddle\",\"datePublished\":\"2016-12-15T13:48:31+00:00\",\"dateModified\":\"2021-12-28T12:52:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/\"},\"wordCount\":1100,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/jsfiddle-1.png\",\"keywords\":[\"kod\",\"narz\u0119dzie\",\"programowanie\",\"testowanie\"],\"articleSection\":[\"Web Development\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/\",\"name\":\"Programuj, testuj i ucz si\u0119 z JSFiddle\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/jsfiddle-1.png\",\"datePublished\":\"2016-12-15T13:48:31+00:00\",\"dateModified\":\"2021-12-28T12:52:33+00:00\",\"description\":\"Czy kiedykolwiek s\u0142ysza\u0142e\u015b termin \u201eCode Playground\u201d? Je\u015bli lubisz programowanie, masz ci\u0105g\u0142\u0105 potrzeb\u0119 poszerzania swojej wiedzy, \u015bledzisz w Internecie\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/#primaryimage\",\"url\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/jsfiddle-1.png\",\"contentUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/jsfiddle-1.png\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/programuj-testuj-ucz-sie-jsfiddle\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programuj, testuj i ucz si\u0119 z JSFiddle\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#website\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\",\"name\":\"Blog Super Monitoring\",\"description\":\"Narz\u0119dzia i zasoby dla ludzi Internetu \ud83d\udee0\ufe0f\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\",\"name\":\"Super Monitoring\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/supermonitoring-pionPL_400.png\",\"contentUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/supermonitoring-pionPL_400.png\",\"width\":400,\"height\":400,\"caption\":\"Super Monitoring\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/monitoring.stron\",\"https:\\\/\\\/x.com\\\/MonitoringStron\",\"https:\\\/\\\/www.linkedin.com\\\/showcase\\\/super-monitoring\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/person\\\/0e1f07e16e5526ff27652181cac21f42\",\"name\":\"Ela Huniak\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Programuj, testuj i ucz si\u0119 z JSFiddle","description":"Czy kiedykolwiek s\u0142ysza\u0142e\u015b termin \u201eCode Playground\u201d? Je\u015bli lubisz programowanie, masz ci\u0105g\u0142\u0105 potrzeb\u0119 poszerzania swojej wiedzy, \u015bledzisz w Internecie","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/","og_locale":"pl_PL","og_type":"article","og_title":"Programuj, testuj i ucz si\u0119 z JSFiddle","og_description":"Czy kiedykolwiek s\u0142ysza\u0142e\u015b termin \u201eCode Playground\u201d? Je\u015bli lubisz programowanie, masz ci\u0105g\u0142\u0105 potrzeb\u0119 poszerzania swojej wiedzy, \u015bledzisz w Internecie","og_url":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/","og_site_name":"Blog Super Monitoring","article_publisher":"https:\/\/www.facebook.com\/monitoring.stron","article_published_time":"2016-12-15T13:48:31+00:00","article_modified_time":"2021-12-28T12:52:33+00:00","og_image":[{"width":250,"height":250,"url":"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1.png","type":"image\/png"}],"author":"Ela Huniak","twitter_card":"summary_large_image","twitter_creator":"@MonitoringStron","twitter_site":"@MonitoringStron","twitter_misc":{"Napisane przez":"Ela Huniak","Szacowany czas czytania":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/#article","isPartOf":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/"},"author":{"name":"Ela Huniak","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/person\/0e1f07e16e5526ff27652181cac21f42"},"headline":"Programuj, testuj i ucz si\u0119 z JSFiddle","datePublished":"2016-12-15T13:48:31+00:00","dateModified":"2021-12-28T12:52:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/"},"wordCount":1100,"commentCount":0,"publisher":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/#primaryimage"},"thumbnailUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1.png","keywords":["kod","narz\u0119dzie","programowanie","testowanie"],"articleSection":["Web Development"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/","url":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/","name":"Programuj, testuj i ucz si\u0119 z JSFiddle","isPartOf":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/#primaryimage"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/#primaryimage"},"thumbnailUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1.png","datePublished":"2016-12-15T13:48:31+00:00","dateModified":"2021-12-28T12:52:33+00:00","description":"Czy kiedykolwiek s\u0142ysza\u0142e\u015b termin \u201eCode Playground\u201d? Je\u015bli lubisz programowanie, masz ci\u0105g\u0142\u0105 potrzeb\u0119 poszerzania swojej wiedzy, \u015bledzisz w Internecie","breadcrumb":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/#primaryimage","url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1.png","contentUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2016\/12\/jsfiddle-1.png","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/programuj-testuj-ucz-sie-jsfiddle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/www.supermonitoring.pl\/blogpl\/"},{"@type":"ListItem","position":2,"name":"Programuj, testuj i ucz si\u0119 z JSFiddle"}]},{"@type":"WebSite","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#website","url":"https:\/\/www.supermonitoring.pl\/blogpl\/","name":"Blog Super Monitoring","description":"Narz\u0119dzia i zasoby dla ludzi Internetu \ud83d\udee0\ufe0f","publisher":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.supermonitoring.pl\/blogpl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization","name":"Super Monitoring","url":"https:\/\/www.supermonitoring.pl\/blogpl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/logo\/image\/","url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/11\/supermonitoring-pionPL_400.png","contentUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/11\/supermonitoring-pionPL_400.png","width":400,"height":400,"caption":"Super Monitoring"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/monitoring.stron","https:\/\/x.com\/MonitoringStron","https:\/\/www.linkedin.com\/showcase\/super-monitoring\/"]},{"@type":"Person","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/person\/0e1f07e16e5526ff27652181cac21f42","name":"Ela Huniak"}]}},"_links":{"self":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/1637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/comments?post=1637"}],"version-history":[{"count":15,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/1637\/revisions"}],"predecessor-version":[{"id":5653,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/1637\/revisions\/5653"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/media\/1642"}],"wp:attachment":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/media?parent=1637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/categories?post=1637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/tags?post=1637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}