{"id":37047,"date":"2025-11-27T10:14:33","date_gmt":"2025-11-27T08:14:33","guid":{"rendered":"https:\/\/coma.lv\/2025\/11\/27\/kas-ir-javascript\/"},"modified":"2025-11-27T10:18:35","modified_gmt":"2025-11-27T08:18:35","slug":"kas-ir-javascript","status":"publish","type":"post","link":"https:\/\/coma.lv\/lv\/2025\/11\/27\/kas-ir-javascript\/","title":{"rendered":"Kas ir JavaScript?"},"content":{"rendered":"\n<p style=\"text-align: left;\" data-start=\"127\" data-end=\"496\">JavaScript ir programm\u0113\u0161anas valoda, kas ieb\u016bv\u0113ta p\u0101rl\u016bkprogramm\u0101s un padara t\u012bmek\u013ca lapas \u201cdz\u012bv\u012bgas\u201d. Programmas \u0161aj\u0101 valod\u0101 sauc par skriptiem. P\u0101rl\u016bkprogramm\u0101 t\u0101s tiek piesaist\u012btas HTML un izpild\u0101s uzreiz p\u0113c lapas iel\u0101des. JS \u013cauj pievienot vietnei dinamiskus elementus: sl\u012bd\u0146us, uznirsto\u0161os logus, pogas, interakt\u012bvas formas un citus lietot\u0101ja saskarnes elementus.<\/p>\n<h2 style=\"text-align: left;\" data-start=\"680\" data-end=\"705\">JavaScript WordPress<\/h2>\n<p style=\"text-align: left;\">WordPress t\u0113mas un spraud\u0146i akt\u012bvi izmanto JavaScript, lai rad\u012btu interakt\u012bvus un dinamiskus elementus. Visbie\u017e\u0101k tiek izmantota kombin\u0101cija:<\/p>\n<ul style=\"text-align: left;\">\n<li>Vanilla JS (t\u012brs JavaScript bez bibliot\u0113k\u0101m)<\/li>\n<li>AJAX dinamisk\u0101m piepras\u012bjuma izpild\u0113m bez lapas p\u0101rl\u0101d\u0113\u0161anas<\/li>\n<li>jQuery (lai nodro\u0161in\u0101tu atpaka\u013csader\u012bbu un vec\u0101kas t\u0113mas)<\/li>\n<li>M\u016bsdienu ietvari progres\u012bv\u0101s t\u0113m\u0101s: React, Vue.js, Alpine.js<\/li>\n<\/ul>\n<p style=\"text-align: left;\" data-start=\"937\" data-end=\"1026\">JavaScript var pievienot t\u0113mai vai spraudnim, izmantojot WordPress standarta funkcijas:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n\/\/ Skripta re\u0123istr\u0101cija un piesl\u0113g\u0161ana\r\nwp_register_script( &#039;custom-js&#039;, get_template_directory_uri() . &#039;\/js\/custom.js&#039;, array(&#039;jquery&#039;), null, true );\r\nwp_enqueue_script( &#039;custom-js&#039; );\r\n<\/pre>\n<div class=\"contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary\" style=\"text-align: left;\">\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs\">\n<p data-start=\"1398\" data-end=\"1587\"><strong data-start=\"1225\" data-end=\"1236\">Padoms:<\/strong> tie\u0161i ievietot JS t\u0113mas failos (piem\u0113ram, header.php vai footer.php) nav ieteicams. Lab\u0101k izmantot <em>wp_enqueue_script() <\/em>un, ja nepiecie\u0161ams, <em>wp_localize_script()<\/em>, lai nodotu datus no PHP uz JS.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><span style=\"font-size: 28px; font-weight: 600; letter-spacing: 0px;\">Skriptu organiz\u0101cija t\u0113m\u0101<\/span><\/p>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\">\n<p data-start=\"1475\" data-end=\"1673\">Daudz\u0101s t\u0113m\u0101s ir atsevi\u0161\u0137a mape <strong data-start=\"1507\" data-end=\"1514\">\/js<\/strong>, kur glab\u0101jas visi JavaScript faili. Skripti tiek izsaukti tikai tur, kur tie ir nepiecie\u0161ami. Tas pa\u0101trina lapas iel\u0101di un nov\u0113r\u0161 nevajadz\u012bgu skriptu iel\u0101di.<\/p>\n<p data-start=\"1827\" data-end=\"1849\">T\u0113mas strukt\u016bras piem\u0113rs:<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n\/wp-content\/themes\/my-theme\/\r\n\u251c\u2500\u2500 js\/\r\n\u2502   \u251c\u2500\u2500 main.js\r\n\u2502   \u251c\u2500\u2500 slider.js\r\n\u2502   \u2514\u2500\u2500 popup.js\r\n\u251c\u2500\u2500 style.css\r\n\u251c\u2500\u2500 functions.php\r\n\u2514\u2500\u2500 index.php\r\n<\/pre>\n<\/div>\n<p><span style=\"font-size: 28px; font-weight: 600; letter-spacing: 0px;\">Standarta WordPress bibliot\u0113kas<\/span><\/p>\n<\/div>\n<p style=\"text-align: left;\" data-start=\"1891\" data-end=\"1974\">WordPress iek\u013cauj vair\u0101kas bibliot\u0113kas, ko var izmantot sav\u0101s t\u0113m\u0101s un spraud\u0146os:<\/p>\n<ul style=\"text-align: left;\">\n<li data-start=\"1891\" data-end=\"1974\">jQuery \u2013 atpaka\u013csader\u012bbai<\/li>\n<li data-start=\"1891\" data-end=\"1974\">Underscore.js \u2013 util\u012btfunkcijas<\/li>\n<li data-start=\"1891\" data-end=\"1974\">Backbone.js \u2013 struktur\u0113tu klienta lietot\u0146u veido\u0161anai<\/li>\n<li data-start=\"1891\" data-end=\"1974\">wp.i18n \u2013 internacion\u0101liz\u0101cijai<\/li>\n<li data-start=\"1891\" data-end=\"1974\">wp.apiFetch \u2013 AJAX piepras\u012bjumiem REST API<\/li>\n<\/ul>\n<p style=\"text-align: left;\">Ieb\u016bv\u0113tas bibliot\u0113kas savieno\u0161anas piem\u0113rs:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\nwp_enqueue_script( &#039;jquery&#039; ); \/\/ jQuery piesl\u0113g\u0161ana\r\n<\/pre>\n<h2 style=\"text-align: left;\">Secin\u0101jums<\/h2>\n<p style=\"text-align: left;\" data-start=\"2339\" data-end=\"2565\">JavaScript joproj\u0101m ir galvenais instruments interakt\u012bvu viet\u0146u izveidei WordPress. M\u016bsdienu t\u0113mas izmanto kombin\u0101ciju no t\u012bra JS, AJAX un ietvariem. Sak\u0101rtots un pareizi piesl\u0113gts JS padara vietni \u0101tr\u0101ku, \u0113rt\u0101ku un modern\u0101ku.<\/p>\n<hr \/>\n<p style=\"text-align: left;\"><em>M\u016bsu specializ\u0101cija \u2014 WordPress viet\u0146u izstr\u0101de un uztur\u0113\u0161ana. Kontakti bezmaksas konsult\u0101cijai \u2014 <a href=\"mailto:vadim@coma.lv\">vadim@coma.lv<\/a>, <a href=\"tel:+37129394520\">+371 29394520<\/a><\/em><\/p>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript ir programm\u0113\u0161anas valoda, kas ieb\u016bv\u0113ta p\u0101rl\u016bkprogramm\u0101s un padara t\u012bmek\u013ca lapas \u201cdz\u012bv\u012bgas\u201d. Programmas \u0161aj\u0101 valod\u0101 sauc par skriptiem. P\u0101rl\u016bkprogramm\u0101 t\u0101s tiek piesaist\u012btas HTML un izpild\u0101s uzreiz p\u0113c lapas iel\u0101des. JS \u013cauj pievienot vietnei dinamiskus elementus: sl\u012bd\u0146us, uznirsto\u0161os logus, pogas, interakt\u012bvas formas un citus lietot\u0101ja saskarnes elementus. JavaScript WordPress WordPress t\u0113mas un spraud\u0146i akt\u012bvi izmanto JavaScript, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":37617,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1226,1318],"tags":[],"class_list":["post-37047","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-termini"],"_links":{"self":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/37047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/comments?post=37047"}],"version-history":[{"count":4,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/37047\/revisions"}],"predecessor-version":[{"id":37051,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/posts\/37047\/revisions\/37051"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/media\/37617"}],"wp:attachment":[{"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/media?parent=37047"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/categories?post=37047"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coma.lv\/lv\/wp-json\/wp\/v2\/tags?post=37047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}