{"id":19841,"date":"2019-01-27T09:01:04","date_gmt":"2019-01-27T08:01:04","guid":{"rendered":"https:\/\/annaf34.sg-host.com\/?p=19841"},"modified":"2021-12-03T09:06:07","modified_gmt":"2021-12-03T08:06:07","slug":"przydatne-skrypty-w-javascript","status":"publish","type":"post","link":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/","title":{"rendered":"Przydatne skrypty w JavaScript"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"19841\" class=\"elementor elementor-19841\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-de557f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"de557f9\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a91ee1b\" data-id=\"a91ee1b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f0c57ab elementor-widget elementor-widget-text-editor\" data-id=\"f0c57ab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>U\u0142atwiaj\u0105 i uprzyjemniaj\u0105 korzystanie ze stron, pomagaj\u0105 w pracy, przyspieszaj\u0105 analiz\u0119 danych. To tylko kilka \u015bwietnych funkcji skrypt\u00f3w w Java Script. Ich przydatno\u015b\u0107 jest niekwestionowana &#8211; jeden dzie\u0144 bez skrypt\u00f3w Java Script by\u0142by z pewno\u015bci\u0105 bolesnym zderzeniem si\u0119 z faktem, jak niezb\u0119dne nam s\u0105 do wykonywania setek codziennych czynno\u015bci podczas pracy przy komputerze. Dowiedz si\u0119, czym s\u0105 skrypty Java Script i gdzie mo\u017cesz si\u0119 z nimi spotka\u0107, programuj\u0105c lub korzystaj\u0105c z Internetu!<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-701830b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"701830b\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d17a052\" data-id=\"d17a052\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2cb672 elementor-widget elementor-widget-image\" data-id=\"b2cb672\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1.jpg\" class=\"attachment-large size-large wp-image-19842\" alt=\"\" srcset=\"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1.jpg 540w, https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1-300x300.jpg 300w, https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1-150x150.jpg 150w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e8b53d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e8b53d\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-83e29e4\" data-id=\"83e29e4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2b4228 elementor-widget elementor-widget-heading\" data-id=\"b2b4228\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Do czego s\u0142u\u017c\u0105 skrypty w JavaScript?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-21d92c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"21d92c7\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e1a0f8\" data-id=\"0e1a0f8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6f86432 elementor-widget elementor-widget-text-editor\" data-id=\"6f86432\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Podstawowym zadaniem skrypt\u00f3w w <a href=\"https:\/\/codecool.com\/pl\/wiedza\/javascript-gdzie-wykorzystuje-sie-js-codecool-pl\/\">Java Script<\/a> jest <strong>uczynienie strony www bardziej dynamiczn\u0105.<\/strong> Za pomoc\u0105 skryptu mo\u017cna \u201co\u017cywi\u0107\u201d stron\u0119, dodaj\u0105c do niej ciekawe funkcje, na przyk\u0142ad tworz\u0105c jej <strong>wersj\u0119 kontrastow\u0105<\/strong>, przeznaczon\u0105 dla os\u00f3b s\u0142abo widz\u0105cych. Jest to wymagane w przypadku stron instytucji publicznych, takich jak urz\u0105d miasta czy lotnisko.<\/p><p>Za pomoc\u0105 Java Script mo\u017cemy doda\u0107 na stron\u0119 przycisk, kt\u00f3ry pozwoli u\u017cytkownikowi jednym klikni\u0119ciem prze\u0142\u0105czy\u0107 si\u0119 na wersj\u0119 kontrastow\u0105.<\/p><p><a href=\"https:\/\/codecool.com\/pl\/wiedza\/javascript-gdzie-wykorzystuje-sie-js-codecool-pl\/\">Java Script<\/a> pozwala tak\u017ce na podpi\u0119cie na stronie skrypt\u00f3w takich jak piksel Facebooka (ulubione narz\u0119dzie marketingowc\u00f3w) czy Google Analytics, czyli najpopularniejszego obecnie narz\u0119dzia, mierz\u0105cego ruch na stronie. Pozwala to na <strong>zbieranie danych o u\u017cytkownikach<\/strong> odwiedzaj\u0105cych stron\u0119 i ich zachowaniach.<\/p><p>Dzi\u0119ki skryptom Java Script mo\u017cna tak\u017ce przeprowadza\u0107 <strong>testy A\/B.<\/strong> Oznacza to, \u017ce cz\u0119\u015bci u\u017cytkownik\u00f3w zostanie wy\u015bwietlony jeden wygl\u0105d strony, a pozosta\u0142ej cz\u0119\u015bci drugi wygl\u0105d. Testy A\/B pozwol\u0105 sprawdzi\u0107, kt\u00f3ry wygl\u0105d strony bardziej podoba si\u0119 u\u017cytkownikom &#8211; przy kt\u00f3rym zostan\u0105 na stronie na d\u0142u\u017cej, podejm\u0105 wi\u0119cej akcji, np. kupi\u0105 produkt.<\/p><p><strong>Przeczytaj r\u00f3wnie\u017c: <\/strong><a href=\"https:\/\/codecool.com\/pl\/wiedza\/github-czym-jest-i-do-czego-sluzy-codecool-pl\/\">Czym jest github?<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2084d93 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2084d93\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0f6efa6\" data-id=\"0f6efa6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93cecb9 elementor-widget elementor-widget-heading\" data-id=\"93cecb9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Funkcje skrypt\u00f3w w JS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f36af45 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f36af45\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bbe1866\" data-id=\"bbe1866\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-820e833 elementor-widget elementor-widget-text-editor\" data-id=\"820e833\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Skrypty Java Script maj\u0105 przer\u00f3\u017cne funkcje i <strong>pomagaj\u0105 w pracy ludziom z wielu bran\u017c<\/strong> &#8211; analitykom, badaj\u0105cym zachowania u\u017cytkownik\u00f3w i ich wp\u0142yw na sprzeda\u017c, marketerom, kt\u00f3rzy musz\u0105 dzi\u015b precyzyjniej ni\u017c kiedykolwiek dociera\u0107 do odbiorc\u00f3w z reklamami, jak r\u00f3wnie\u017c programistom, kt\u00f3rzy dzi\u0119ki skryptom otrzymuj\u0105 np. dane o b\u0142\u0119dach, jakie wyst\u0105pi\u0142y na stronie.<\/p><p>Skrypty <strong>s\u0142u\u017c\u0105 r\u00f3wnie\u017c zwyk\u0142ym u\u017cytkownikom.<\/strong> Pozwalaj\u0105 na przyk\u0142ad s\u0142ucha\u0107 muzyki online przez stron\u0119 internetow\u0105 (Soundcloud, Spotify, radia internetowe). Dzi\u0119ki skryptom mo\u017cemy zapami\u0119ta\u0107 na stronie nasze ulubione ustawienia &#8211; miasto, o kt\u00f3rym chcemy czyta\u0107 na stronie portalu gazety, pogod\u0119 dla naszej miejscowo\u015bci, czy <strong>ustawi\u0107 ulubiony schemat<\/strong><strong> kolorystyczny<\/strong> strony lub komunikatora. To w\u0142a\u015bnie skrypty Java Script pozwalaj\u0105 nam dostosowa\u0107 wygl\u0105d skrzynki mailowej Gmail do indywidualnych preferencji. R\u00f3wnie\u017c to dzi\u0119ki skryptom mo\u017cemy w Gmailu <strong>robi\u0107 kilka rzeczy jednocze\u015bnie<\/strong>. Tworzymy wi\u0119c nowego maila (a jeden ze skrypt\u00f3w podkre\u015bla nam b\u0142\u0119dy ortograficzne), czatujemy ze znajomym, ale nie przeszkadza nam to w przeszukiwaniu odebranych maili. <strong>Automatycznie zapisuj\u0105ce si\u0119 kopie robocze<\/strong> w aplikacji Dokumenty Google to r\u00f3wnie\u017c zas\u0142uga skrypt\u00f3w Java Script. Gdy wpisujemy w Google lub inn\u0105 wyszukiwark\u0119 jak\u0105\u015b tre\u015b\u0107, to w mgnieniu oka pod spodem <strong>pojawiaj\u0105 nam si\u0119 podpowiedzi<\/strong>, przez co nie musimy wpisywa\u0107 ca\u0142ej frazy, czy zastanawia\u0107 si\u0119, jak sformu\u0142owac zdanie, by znale\u017a\u0107 to, czego szukamy. Tak, tak &#8211; to r\u00f3wnie\u017c sprawka skrypt\u00f3w Java Script!<\/p><p><strong>Zainteresuje Ci\u0119 r\u00f3wnie\u017c:<\/strong>\u00a0<a href=\"https:\/\/codecool.com\/pl\/blog\/studia-vs-szkola-programowania\/\">Studia vs szko\u0142a programowania<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5a590c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5a590c6\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf1a867\" data-id=\"cf1a867\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-223b9db elementor-widget elementor-widget-heading\" data-id=\"223b9db\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Jak wdro\u017cy\u0107 skrypt na stron\u0119 www<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e027d65 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e027d65\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c1e63ac\" data-id=\"c1e63ac\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2bf4f2b elementor-widget elementor-widget-text-editor\" data-id=\"2bf4f2b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Zanim napiszesz w\u0142asny skrypt, przypomnij sobie o z\u0142otej zasadzie &#8211; prawdopodobnie kto\u015b kiedy\u015b ju\u017c wymy\u015bli\u0142 to, na co w\u0142a\u015bnie wpad\u0142e\u015b! Zacznij wi\u0119c od poszukania, czy w sieci nie ma dost\u0119pnego gotowego skryptu. Najpro\u015bciej b\u0119dzie wpisa\u0107 poszukiwan\u0105 fraz\u0119 w Google lub skorzysta\u0107 z <strong>repozytorium wielu skrypt\u00f3w i bibliotek <a href=\"https:\/\/www.npmjs.com\/\">Java Script &#8211; NPM<\/a><\/strong> (Node Package Manager). Za\u0142\u00f3\u017cmy, \u017ce znale\u017ali\u015bmy skrypt, kt\u00f3ry idealnie odpowiada na nasze potrzeby. <strong>Jak wdro\u017cy\u0107 go na stron\u0119 www<\/strong><strong>? <\/strong>Jest to bardzo proste! W kodzie <a href=\"https:\/\/codecool.com\/pl\/wiedza\/czym-jest-html-codecool-pl\/\">HTML<\/a> odpowiedniej strony czy podstrony dodajemy tag script i wpisujemy skrypt bezpo\u015brednio, b\u0105d\u017a podajemy \u015bcie\u017ck\u0119 do umieszczonego na serwerze pliku z rozszerzeniem .js, w kt\u00f3rym skrypt si\u0119 znajduje.<\/p><div>Aby doda\u0107 skrypt do naszej strony wystarczy, \u017ce w HTML dodamy taki kawa\u0142ek:<\/div><pre>&lt;script&gt;\n\/\/ tutaj piszemy nasz kod javascript\n&lt;\/script&gt;<\/pre><div>Lub:<\/div><pre>&lt;script\u00a0src=\"skrypt.js\"&gt;&lt;\/script&gt;<\/pre><p>Wtedy nasz kod javascript zapisujemy w pliku skrypt.js<\/p><p><strong>Przeczytaj r\u00f3wnie\u017c:<\/strong><a href=\"https:\/\/codecool.com\/pl\/wiedza\/srodowisko-programistyczne-czym-jest-codecool-pl\/\">\u015arodowisko developerskie<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-85c5c37 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"85c5c37\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ba31c70\" data-id=\"ba31c70\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72f8726 elementor-widget elementor-widget-heading\" data-id=\"72f8726\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Popularne rodzaje skrypt\u00f3w JS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a2b01b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a2b01b5\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8d79373\" data-id=\"8d79373\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69b48fb elementor-widget elementor-widget-text-editor\" data-id=\"69b48fb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>W trakcie <a href=\"https:\/\/codecool.com\/pl\/okursach\/\">kursu programowania<\/a> poznasz dwa rodzaje skrypt\u00f3w Java Script:<\/p><p><strong> &#8211; dzia\u0142aj\u0105ce w tle<\/strong> &#8211; to skrypty, o kt\u00f3rych dzia\u0142aniu nie mamy poj\u0119cia, jako zwykli u\u017cytkownicy. Odpowiadaj\u0105 one za \u015bledzenie zachowa\u0144 u\u017cytkownika, raportowanie ich aktywno\u015bci oraz wy\u015bwietlanie tre\u015bci dostosowanych do preferencji konkretnej osoby. Informuj\u0105 tak\u017ce programist\u00f3w o b\u0142\u0119dach wyst\u0119puj\u0105cych na stronie.<\/p><p><strong>&#8211; wp\u0142ywaj\u0105ce na interakcje z u\u017cytkownikami<\/strong>&#8211; s\u0105 to skrypty, kt\u00f3re uruchamiaj\u0105 si\u0119, gdy u\u017cytkownik wykona jak\u0105\u015b akcj\u0119 &#8211; na przyk\u0142ad kliknie w przycisk. W\u00f3wczas skrypt np. zmienia kolory, wy\u015bwietla komunikat lub formularz.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79f01ff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"79f01ff\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10633ed\" data-id=\"10633ed\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15bfb0b elementor-widget elementor-widget-heading\" data-id=\"15bfb0b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Podsumowanie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0ae4846 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0ae4846\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a795977\" data-id=\"a795977\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f20728d elementor-widget elementor-widget-text-editor\" data-id=\"f20728d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Bez Java Script nasz internet znowu wygl\u0105da\u0142by jak ten, kt\u00f3ry niekt\u00f3rzy mog\u0105 jeszcze pami\u0119ta\u0107 &#8211; sprzed ponad 20 lat. Ka\u017cda strona internetowa wr\u0119cz naszpikowana jest skryptami Java Script, dzi\u0119ki kt\u00f3rym mo\u017ce by\u0107 dynamiczna, responsywna, bardziej funkcjonalna, ale te\u017c po prostu \u0142adniejsza.Dzi\u0119ki Java Script korzystanie z Internetu i codzienna praca w sieci sta\u0142y si\u0119 znacznie bardziej komfortowe.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>U\u0142atwiaj\u0105 i uprzyjemniaj\u0105 korzystanie ze stron, pomagaj\u0105 w pracy, przyspieszaj\u0105 analiz\u0119 danych. To tylko kilka \u015bwietnych funkcji skrypt\u00f3w w Java Script. Ich przydatno\u015b\u0107 jest niekwestionowana &#8211; jeden dzie\u0144 bez skrypt\u00f3w Java Script by\u0142by z pewno\u015bci\u0105 bolesnym zderzeniem si\u0119 z faktem, jak niezb\u0119dne nam s\u0105 do wykonywania setek codziennych czynno\u015bci podczas pracy przy komputerze. Dowiedz si\u0119, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":19842,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[133],"tags":[],"class_list":["post-19841","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wiedza"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.4 (Yoast SEO v24.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Przydatne skrypty w JavaScript - Codecool<\/title>\n<meta name=\"description\" content=\"Dowiedz si\u0119, jakich skrypt\u00f3w JavaScript powinien u\u017cywa\u0107 ka\u017cdy programista i jak je wdro\u017cy\u0107 na stron\u0119\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Przydatne skrypty w JavaScript\" \/>\n<meta property=\"og:description\" content=\"Dowiedz si\u0119, jakich skrypt\u00f3w JavaScript powinien u\u017cywa\u0107 ka\u017cdy programista i jak je wdro\u017cy\u0107 na stron\u0119\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Codecool\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CodecoolOfficial\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-27T08:01:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-03T08:06:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dora Hoffman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Codecool_global\" \/>\n<meta name=\"twitter:site\" content=\"@Codecool_global\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dora Hoffman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuty\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Przydatne skrypty w JavaScript - Codecool","description":"Dowiedz si\u0119, jakich skrypt\u00f3w JavaScript powinien u\u017cywa\u0107 ka\u017cdy programista i jak je wdro\u017cy\u0107 na stron\u0119","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:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/","og_locale":"pl_PL","og_type":"article","og_title":"Przydatne skrypty w JavaScript","og_description":"Dowiedz si\u0119, jakich skrypt\u00f3w JavaScript powinien u\u017cywa\u0107 ka\u017cdy programista i jak je wdro\u017cy\u0107 na stron\u0119","og_url":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/","og_site_name":"Codecool","article_publisher":"https:\/\/www.facebook.com\/CodecoolOfficial\/","article_published_time":"2019-01-27T08:01:04+00:00","article_modified_time":"2021-12-03T08:06:07+00:00","og_image":[{"width":540,"height":540,"url":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1.jpg","type":"image\/jpeg"}],"author":"Dora Hoffman","twitter_card":"summary_large_image","twitter_creator":"@Codecool_global","twitter_site":"@Codecool_global","twitter_misc":{"Napisane przez":"Dora Hoffman","Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/#article","isPartOf":{"@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/"},"author":{"name":"Dora Hoffman","@id":"https:\/\/codecool.com\/pl\/#\/schema\/person\/622e226c942203940586ef2dceca8365"},"headline":"Przydatne skrypty w JavaScript","datePublished":"2019-01-27T08:01:04+00:00","dateModified":"2021-12-03T08:06:07+00:00","mainEntityOfPage":{"@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/"},"wordCount":907,"commentCount":0,"publisher":{"@id":"https:\/\/codecool.com\/pl\/#organization"},"image":{"@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1.jpg","articleSection":["Wiedza"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/","url":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/","name":"Przydatne skrypty w JavaScript - Codecool","isPartOf":{"@id":"https:\/\/codecool.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/#primaryimage"},"image":{"@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1.jpg","datePublished":"2019-01-27T08:01:04+00:00","dateModified":"2021-12-03T08:06:07+00:00","description":"Dowiedz si\u0119, jakich skrypt\u00f3w JavaScript powinien u\u017cywa\u0107 ka\u017cdy programista i jak je wdro\u017cy\u0107 na stron\u0119","breadcrumb":{"@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/#primaryimage","url":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1.jpg","contentUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/tomek-540x540-1.jpg","width":540,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/codecool.com\/pl\/przydatne-skrypty-w-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codecool.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Przydatne skrypty w JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/codecool.com\/pl\/#website","url":"https:\/\/codecool.com\/pl\/","name":"Codecool","description":"Next gen coding school &amp; career hub","publisher":{"@id":"https:\/\/codecool.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codecool.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/codecool.com\/pl\/#organization","name":"Codecool","alternateName":"Codecool","url":"https:\/\/codecool.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/codecool.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/codecool.com\/wp-content\/uploads\/2023\/09\/Codecool-logo-app.svg","contentUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2023\/09\/Codecool-logo-app.svg","width":1,"height":1,"caption":"Codecool"},"image":{"@id":"https:\/\/codecool.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CodecoolOfficial\/","https:\/\/x.com\/Codecool_global","https:\/\/www.instagram.com\/codecool_official\/","https:\/\/www.linkedin.com\/school\/codecool\/"]},{"@type":"Person","@id":"https:\/\/codecool.com\/pl\/#\/schema\/person\/622e226c942203940586ef2dceca8365","name":"Dora Hoffman","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/codecool.com\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/13d568fb246033721321e216b8f5f06457e373d046558ceccec33b2e0dc025bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/13d568fb246033721321e216b8f5f06457e373d046558ceccec33b2e0dc025bc?s=96&d=mm&r=g","caption":"Dora Hoffman"}}]}},"_links":{"self":[{"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/posts\/19841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/comments?post=19841"}],"version-history":[{"count":0,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/posts\/19841\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/media\/19842"}],"wp:attachment":[{"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/media?parent=19841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/categories?post=19841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/tags?post=19841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}