{"id":19828,"date":"2019-01-23T08:43:11","date_gmt":"2019-01-23T07:43:11","guid":{"rendered":"https:\/\/annaf34.sg-host.com\/?p=19828"},"modified":"2021-12-03T08:51:33","modified_gmt":"2021-12-03T07:51:33","slug":"jak-nauczyc-sie-javascript-od-podstaw","status":"publish","type":"post","link":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/","title":{"rendered":"Jak nauczy\u0107 si\u0119 JavaScript od podstaw?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"19828\" class=\"elementor elementor-19828\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71eca92 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"71eca92\" 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-c7ad30f\" data-id=\"c7ad30f\" 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-9fb7298 elementor-widget elementor-widget-text-editor\" data-id=\"9fb7298\" 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>Mnogo\u015b\u0107 ofert pracy dla front-end developer\u00f3w o specjalno\u015bci Java Script zach\u0119ca do zainteresowania si\u0119 nauk\u0105 tego j\u0119zyka.<\/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-6f6b2a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6f6b2a6\" 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-ff50f85\" data-id=\"ff50f85\" 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-8a9dfe6 elementor-widget elementor-widget-image\" data-id=\"8a9dfe6\" 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\/mateusz2-540x540-1.jpg\" class=\"attachment-large size-large wp-image-19829\" alt=\"\" srcset=\"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-540x540-1.jpg 540w, https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-540x540-1-300x300.jpg 300w, https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-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-e9434f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e9434f2\" 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-bc24967\" data-id=\"bc24967\" 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-36c75a3 elementor-widget elementor-widget-text-editor\" data-id=\"36c75a3\" 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>By\u0107 mo\u017ce zastanawiasz si\u0119, czy mo\u017cna nauczy\u0107 si\u0119 samego Java Script i ju\u017c by\u0107 guru programowania. Niestety nie jest tak \u0142atwo. Je\u017celi chcesz si\u0119 zajmowa\u0107 front-endem, konieczna b\u0119dzie dobra znajomo\u015b\u0107 j\u0119zyk\u00f3w HTML i CSS. Opowiemy ci dlaczego!<\/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-99a1edc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"99a1edc\" 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-43fc984\" data-id=\"43fc984\" 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-2eae9ec elementor-widget elementor-widget-heading\" data-id=\"2eae9ec\" 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 nauczy\u0107 si\u0119 JavaScript od podstaw?<\/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-fcdaf98 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fcdaf98\" 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-4f081d6\" data-id=\"4f081d6\" 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-ecfc30e elementor-widget elementor-widget-text-editor\" data-id=\"ecfc30e\" 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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p><p>Musisz wiedzie\u0107, \u017ce <a href=\"https:\/\/codecool.com\/pl\/wiedza\/javascript-gdzie-wykorzystuje-sie-js-codecool-pl\/\"><strong>Java Script<\/strong><\/a><strong> jest j\u0119zykiem programowania, kt\u00f3ry nie funkcjonuje samodzielnie<\/strong>. S\u0142u\u017cy g\u0142\u00f3wnie do manipulowania tym, co zosta\u0142o napisane w HTML-u i CSS. Najprostszy przyk\u0142ad? Za pomoc\u0105 Java Script mo\u017cemy np. zmieni\u0107 kolor jakiego\u015b elementu w CSS (kaskadowe arkusze styl\u00f3w), po tym, jak wyst\u0105pi jakie\u015b zdarzenie, np. klikni\u0119cie myszk\u0105 na buton mo\u017ce spowodowa\u0107 zmian\u0119 jego koloru.<\/p><p>\u017beby by\u0142o nieco trudniej, programowanie nie odbywa si\u0119 w jednym pliku. Osobno tworzymy pliki HTML, CSS i Java Script. Pliki HTML \u0142\u0105cz\u0105 w sobie CSS i Java Script. Co to oznacza? To w\u0142a\u015bnie w pliku HTML musimy poda\u0107, z jakiego CSS i Java Script b\u0119dzie korzysta\u0107 dana strona. Znajomo\u015b\u0107 HTML jest wi\u0119c niezb\u0119dna, aby zastosowa\u0107 to, co napiszemy w Java Script.<\/p><p>Wiesz ju\u017c, \u017ce zanim zaczniemy swoj\u0105 przygod\u0119 z Java Script, musimy posiada\u0107 przynajmniej podstawow\u0105 wiedz\u0119 na temat HTML i CSS. Jak w prosty spos\u00f3b trenowa\u0107 praktyczne umiej\u0119tno\u015bci? Trzeba wyznaczy\u0107 sobie prosty cel, jak np. napisanie prostej gry memory, kt\u00f3r\u0105 stworzy\u0107 mo\u017cna w\u0142a\u015bnie za pomoc\u0105 HTML-a i CSS-a.<\/p><p>Jak zabieramy si\u0119 za to w Codecool? W module webowym naszego <a href=\"https:\/\/codecool.com\/pl\/okursach\/\">kursu programowania<\/a> studenci Codecool zapoznaj\u0105 si\u0119 z HTML i CSS a p\u00f3\u017aniej ucz\u0105 si\u0119, \u00a0jak o\u017cywia\u0107 swoje strony dzi\u0119ki zastosowaniu Java Script.<\/p><p><strong>Przeczytaj r\u00f3wnie\u017c:<\/strong><a href=\"https:\/\/codecool.com\/pl\/wiedza\/przydatne-skrypty-w-javascript-codecool-pl\/\">Przydatne skrypty w JavaScript<\/a><\/p><p><strong>Sk\u0105d czerpa\u0107 wiedz\u0119 na temat Java Script i jak zacz\u0105\u0107 nauk\u0119 tego j\u0119zyka?<\/strong> Na stronie <a href=\"http:\/\/javascript.info\/\">JavaScript.info<\/a> znajduje si\u0119 kompletne i bardzo rozbudowane kompendium wiedzy na temat Java Script. Z uwagi na fakt, \u017ce Java Script jest bardzo rozbudowanym j\u0119zykiem, ilo\u015b\u0107 materia\u0142\u00f3w do nauki mo\u017ce si\u0119 wyda\u0107 wr\u0119cz przyt\u0142aczaj\u0105ca.<\/p><p>Spokojnie! To tylko jeden obszerny tutorial dla os\u00f3b, kt\u00f3re chc\u0105 zg\u0142\u0119bi\u0107 j\u0119zyk Java Script. Istnieje te\u017c wiele innych, kt\u00f3re pomog\u0105 nieco \u0142agodniej wej\u015b\u0107 w temat nauki Java Script. Przyk\u0142adowo mo\u017cemy wymieni\u0107 tu stron\u0119 <a href=\"http:\/\/jsforcats.com\/\">Java Script for Cats<\/a>. R\u00f3wnie\u017c na stronie <a href=\"http:\/\/www.htmldog.com\/\">HTML DOG<\/a> znajdziecie co nieco na temat nauki Java Scriptu.<\/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-606bc78 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"606bc78\" 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-f33772c\" data-id=\"f33772c\" 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-d534485 elementor-widget elementor-widget-heading\" data-id=\"d534485\" 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\">Wyzwania i trudno\u015bci Java Script<\/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-607fabd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"607fabd\" 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-bbe1c62\" data-id=\"bbe1c62\" 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-7f9ee81 elementor-widget elementor-widget-text-editor\" data-id=\"7f9ee81\" 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>Java Script jest j\u0119zykiem asynchronicznym<\/strong> i to sprawia najwi\u0119ksz\u0105 trudno\u015b\u0107 naszym studentom. Oznacza to, \u017ce j\u0119zyk nie gwarantuje, \u017ce <strong>kod b\u0119dzie wykonywany w takiej kolejno\u015bci, w jakiej go zapisali\u015bmy<\/strong>. Dzieje si\u0119 tak dlatego, \u017ce w Java Script operujemy na tzw. zdarzeniach, czyli informujemy przegl\u0105dark\u0119 o tym, co ma robi\u0107, je\u015bli nast\u0105pi jakie\u015b zdarzenie. Przyk\u0142adowo, okienko z informacj\u0105 wyskoczy dopiero, je\u017celi u\u017cytkownik kliknie w danym miejscu. Powoduje to r\u00f3wnie\u017c takie konsekwencje, \u017ce jedno zdarzenie mo\u017ce wywo\u0142ywa\u0107 kolejne. Na pocz\u0105tku przygody z programowaniem w Java Script ci\u0119\u017cko si\u0119 w tym po\u0142apa\u0107, wymaga to praktyki i przyzwyczajenia si\u0119 do specyfiki tego j\u0119zyka.<\/p><p>Java Script bardzo lu\u017ano podchodzi do typ\u00f3w danych. Pr\u00f3buje si\u0119 domy\u015bla\u0107, co u\u017cytkownik chce wykona\u0107. Je\u017celi chcemy wykona\u0107 dzia\u0142anie 2+1, ale zapiszemy cyfry w cudzys\u0142owie, to zostanie to zinterpretowane jako ch\u0119\u0107 po\u0142\u0105czenia tekstu i poka\u017ce nam si\u0119 wynik 21. Je\u017celi zamiast plusa damy minus, to JS skonwertuje to jako dzia\u0142anie i poka\u017ce wynik 1.<\/p><div>komenda:<\/div><div><pre>alert(\"2\" + \"1\")<\/pre><div>wy\u015bwietli nam na ekranie 21<\/div><div>natomiast komenda<\/div><pre>alert(\"2\" - \"1\")<\/pre><div>wy\u015bwietli nam na ekranie 1.<\/div><\/div><p>W Java Script mo\u017cemy zaobserwowa\u0107 sporo tego rodzaju sprzeczno\u015bci, nawet w tak podstawowych dzia\u0142aniach. Jak wspomnieli\u015bmy we wpisie, w kt\u00f3rym t\u0142umaczyli\u015bmy <a href=\"https:\/\/codecool.com\/pl\/wiedza\/javascript-gdzie-wykorzystuje-sie-js-codecool-pl\/\">czym jest Java Script<\/a>, \u00a0sami projektanci tego j\u0119zyka nie spodziewali si\u0119, \u017ce stanie si\u0119 on a\u017c tak popularny i \u017ce uro\u015bnie do takich rozmiar\u00f3w. St\u0105d tyle nieprzewidywalnych zachowa\u0144 w Java Script. Jak sobie z tym radzi\u0107? Niestety dzia\u0142a tu zasada \u201cJak si\u0119 nie przewr\u00f3cisz, to si\u0119 nie nauczysz\u201d. Pocz\u0105tkuj\u0105cy programista nie ma wi\u0119c innego wyj\u015bcia, jak tylko si\u0119 tego po prostu nauczy\u0107 i zapami\u0119ta\u0107, jak j\u0119zyk si\u0119 zachowuje si\u0119 w konkretnych sytuacjach. <strong>W problematycznych sytuacjach pomocne b\u0119dzie u\u017cycie debuggera,<\/strong> dzi\u0119ki kt\u00f3remu sprawdzimy, co dzieje si\u0119 w programie w czasie jego dzia\u0142ania. Gdy ju\u017c znajdziemy b\u0142\u0105d, trzeba wymy\u015bli\u0107 jego rozwi\u0105zanie lub skorzysta\u0107 z zasob\u00f3w dost\u0119pnych np. na <a href=\"https:\/\/stackoverflow.com\/\">StackOverflow<\/a>. Jest to strona, na kt\u00f3rej mo\u017cna zadawa\u0107 pytania i opisywa\u0107 programistyczne zagwozdki. Eksperci t\u0142umacz\u0105 dok\u0142adne przyczyny b\u0142\u0119d\u00f3w lub nieoczekiwanych zachowa\u0144 Java Scriptu.<\/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-99cb4fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"99cb4fa\" 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-b495f20\" data-id=\"b495f20\" 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-7878712 elementor-widget elementor-widget-heading\" data-id=\"7878712\" 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\">Dlaczego warto uczy\u0107 si\u0119 Java Script?<\/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-6582d43 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6582d43\" 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-7c84979\" data-id=\"7c84979\" 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-ecd6cad elementor-widget elementor-widget-text-editor\" data-id=\"ecd6cad\" 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>Na to pytanie mo\u017cna odpowiedzie\u0107 nawet jednym zdaniem: <strong>Java Script jest obecnie najpopularniejszym, najcz\u0119\u015bciej stosowanym <a href=\"https:\/\/codecool.com\/pl\/wiedza\/jakie-sa-jezyki-programowania-codecool-pl\/\">j\u0119zykiem programowania<\/a>, kt\u00f3ry pozwala pisa\u0107 programy, kt\u00f3re dzia\u0142aj\u0105 na wielu platformach.<\/strong>\u00a0w przegl\u0105darce, na desktopie, na urz\u0105dzeniach mobilnych i serwerach. Znajomo\u015b\u0107 tego j\u0119zyka przyda si\u0119 programistom w r\u00f3\u017cnych bran\u017cach. Specjalista od Java Script mo\u017ce na przyk\u0142ad znale\u017a\u0107 zatrudnienie w bran\u017cy gier. Istnieje wiele gier online, kt\u00f3re dzia\u0142aj\u0105 w oparciu o Java Script. \u00a0Z Java Script korzystaj\u0105 nie tylko programi\u015bci, ale r\u00f3wnie\u017c designerzy, projektuj\u0105cy dynamiczne interfejsy dla u\u017cytkownik\u00f3w.<\/p><p><strong>Zainteresuje Ci\u0119 r\u00f3wnie\u017c:<\/strong><a href=\"https:\/\/codecool.com\/pl\/wiedza\/od-czego-zaczac-nauke-programowania-codecool-pl\/\">Od jakiego j\u0119zyka zacz\u0105\u0107 nauk\u0119 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-d06e558 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d06e558\" 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-6526579\" data-id=\"6526579\" 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-24cb0c6 elementor-widget elementor-widget-heading\" data-id=\"24cb0c6\" 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\">Program nauki JS w Codecool.pl<\/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-60a2cf5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60a2cf5\" 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-bcc8a14\" data-id=\"bcc8a14\" 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-2505fd8 elementor-widget elementor-widget-text-editor\" data-id=\"2505fd8\" 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 module webowym zaczynamy z naszymi studentami nauk\u0119 <a href=\"https:\/\/codecool.com\/pl\/wiedza\/czym-jest-html-codecool-pl\/\">HTML<\/a> i CSS, a nast\u0119pnie przechodzimy do <a href=\"https:\/\/codecool.pl\/o-szkoleniu\/\">nauki programowania w Java Script<\/a>. W dalszej cz\u0119\u015bci kursu, a dok\u0142adnie w module zaawansowanym, studenci Codecool mog\u0105 wybra\u0107 specjalizacj\u0119 front-endow\u0105. Rozpoczynaj\u0105 w\u00f3wczas nauk\u0119 framework\u00f3w Java Scriptowych, takich jak <a href=\"https:\/\/reactjs.org\/\">React<\/a> i <a href=\"https:\/\/angular.io\/\">Angular<\/a>. Student, kt\u00f3ry wybierze tak\u0105 specjalizacj\u0119, mo\u017ce zajmowa\u0107 si\u0119 p\u00f3\u017aniej projektowaniem zaawansowanych interfejs\u00f3w u\u017cytkownika, tworzy\u0107 rozbudowane aplikacje takie jak Arkusze Google czy Facebook, kt\u00f3ry r\u00f3wnie\u017c jest dynamiczn\u0105 aplikacj\u0105 webow\u0105, dzia\u0142aj\u0105c\u0105 na wielu platformach. \ud83d\ude42 Podobnie komunikator tekstowy Messenger jest aplikacj\u0105 opart\u0105 o Java Script.<\/p><p><strong>Sprawd\u017a:<\/strong><a href=\"https:\/\/codecool.com\/pl\/wiedza\/back-end-developer-co-robi\/\">Co robi back-end developer?<\/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-543fdad elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"543fdad\" 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-7b3d1ed\" data-id=\"7b3d1ed\" 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-56c0621 elementor-widget elementor-widget-heading\" data-id=\"56c0621\" 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-2505331 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2505331\" 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-5468fbb\" data-id=\"5468fbb\" 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-068ab1b elementor-widget elementor-widget-text-editor\" data-id=\"068ab1b\" 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>Nauka samego Java Script nie wystarczy, by stara\u0107 si\u0119 o prac\u0119 na stanowisku front-end developera. By nim zosta\u0107, trzeba tak\u017ce zna\u0107 przynajmniej podstawy HTML i CSS<\/strong>, bo dopiero wtedy b\u0119dziemy w stanie wcieli\u0107 w \u017cycie to, co zaprogramowali\u015bmy w Java Script.<\/p><p><strong>Przeczytaj r\u00f3wnie\u017c:<\/strong><a href=\"https:\/\/codecool.com\/pl\/wiedza\/front-end-developer-jak-nim-zostac\/\"> Kim jest front-end developer?<\/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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mnogo\u015b\u0107 ofert pracy dla front-end developer\u00f3w o specjalno\u015bci Java Script zach\u0119ca do zainteresowania si\u0119 nauk\u0105 tego j\u0119zyka. By\u0107 mo\u017ce zastanawiasz si\u0119, czy mo\u017cna nauczy\u0107 si\u0119 samego Java Script i ju\u017c by\u0107 guru programowania. Niestety nie jest tak \u0142atwo. Je\u017celi chcesz si\u0119 zajmowa\u0107 front-endem, konieczna b\u0119dzie dobra znajomo\u015b\u0107 j\u0119zyk\u00f3w HTML i CSS. Opowiemy ci dlaczego! Jak [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":19829,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[133],"tags":[],"class_list":["post-19828","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>Jak nauczy\u0107 si\u0119 JavaScript od podstaw? - Codecool<\/title>\n<meta name=\"description\" content=\"Nauka programowania w JavaScript daje ogromne mo\u017cliwo\u015bci przysz\u0142ej pracy. Dowiedz si\u0119 wiecej o pocz\u0105tkach z JS.\" \/>\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\/jak-nauczyc-sie-javascript-od-podstaw\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jak nauczy\u0107 si\u0119 JavaScript od podstaw?\" \/>\n<meta property=\"og:description\" content=\"Nauka programowania w JavaScript daje ogromne mo\u017cliwo\u015bci przysz\u0142ej pracy. Dowiedz si\u0119 wiecej o pocz\u0105tkach z JS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/\" \/>\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-23T07:43:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-03T07:51:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-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=\"5 minut\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Jak nauczy\u0107 si\u0119 JavaScript od podstaw? - Codecool","description":"Nauka programowania w JavaScript daje ogromne mo\u017cliwo\u015bci przysz\u0142ej pracy. Dowiedz si\u0119 wiecej o pocz\u0105tkach z JS.","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\/jak-nauczyc-sie-javascript-od-podstaw\/","og_locale":"pl_PL","og_type":"article","og_title":"Jak nauczy\u0107 si\u0119 JavaScript od podstaw?","og_description":"Nauka programowania w JavaScript daje ogromne mo\u017cliwo\u015bci przysz\u0142ej pracy. Dowiedz si\u0119 wiecej o pocz\u0105tkach z JS.","og_url":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/","og_site_name":"Codecool","article_publisher":"https:\/\/www.facebook.com\/CodecoolOfficial\/","article_published_time":"2019-01-23T07:43:11+00:00","article_modified_time":"2021-12-03T07:51:33+00:00","og_image":[{"width":540,"height":540,"url":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-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":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/#article","isPartOf":{"@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/"},"author":{"name":"Dora Hoffman","@id":"https:\/\/codecool.com\/pl\/#\/schema\/person\/622e226c942203940586ef2dceca8365"},"headline":"Jak nauczy\u0107 si\u0119 JavaScript od podstaw?","datePublished":"2019-01-23T07:43:11+00:00","dateModified":"2021-12-03T07:51:33+00:00","mainEntityOfPage":{"@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/"},"wordCount":1113,"commentCount":0,"publisher":{"@id":"https:\/\/codecool.com\/pl\/#organization"},"image":{"@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/#primaryimage"},"thumbnailUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-540x540-1.jpg","articleSection":["Wiedza"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/","url":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/","name":"Jak nauczy\u0107 si\u0119 JavaScript od podstaw? - Codecool","isPartOf":{"@id":"https:\/\/codecool.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/#primaryimage"},"image":{"@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/#primaryimage"},"thumbnailUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-540x540-1.jpg","datePublished":"2019-01-23T07:43:11+00:00","dateModified":"2021-12-03T07:51:33+00:00","description":"Nauka programowania w JavaScript daje ogromne mo\u017cliwo\u015bci przysz\u0142ej pracy. Dowiedz si\u0119 wiecej o pocz\u0105tkach z JS.","breadcrumb":{"@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/#primaryimage","url":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-540x540-1.jpg","contentUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2021\/12\/mateusz2-540x540-1.jpg","width":540,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/codecool.com\/pl\/jak-nauczyc-sie-javascript-od-podstaw\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codecool.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Jak nauczy\u0107 si\u0119 JavaScript od podstaw?"}]},{"@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\/19828","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=19828"}],"version-history":[{"count":0,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/posts\/19828\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/media\/19829"}],"wp:attachment":[{"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/media?parent=19828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/categories?post=19828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codecool.com\/pl\/wp-json\/wp\/v2\/tags?post=19828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}