{"id":606,"date":"2020-07-22T01:30:52","date_gmt":"2020-07-21T22:30:52","guid":{"rendered":"https:\/\/datorium.eu\/?p=606"},"modified":"2020-09-30T22:20:52","modified_gmt":"2020-09-30T19:20:52","slug":"is-html-a-programming-language","status":"publish","type":"post","link":"https:\/\/datorium.eu\/lv\/is-html-a-programming-language\/","title":{"rendered":"Vai HTML ir programm\u0113\u0161anas valoda?"},"content":{"rendered":"<h2 class=\"wp-block-heading\">\u012as\u0101 atbilde: Dro\u0161i vien n\u0113<\/h2>\n\n\n\n<p>HTML (Hyper Text Mark-up Language) nav programm\u0113\u0161anas valoda, k\u0101 nor\u0101da nosaukums, t\u0101 ir iez\u012bm\u0113\u0161anas valoda (k\u0101 paskaidrots t\u0101l\u0101k). Vienk\u0101r\u0161i sakot, HTML ir kods, kas apraksta, k\u0101 izskat\u0101s konkr\u0113ta t\u012bmek\u013ca lapa. HTML var satur\u0113t ar\u012b t\u0101 elementu format\u0113jumu, piem\u0113ram, fonta lielumu, kr\u0101su, stilu, fona kr\u0101su, atra\u0161an\u0101s vietu un daudz ko citu. Bet m\u016bsdienu t\u012bmek\u013ca izstr\u0101d\u0113 m\u0113s ievietoj\u0101m \u0161o ieveido\u0161anas kodu atsevi\u0161\u0137\u0101 fail\u0101, ko sauc par CSS (Cascaded Style Sheet). T\u0101tad, kaut ar\u012b HTML nosaka lapas strukt\u016bru, CSS pie\u0161\u0137ir tai stilu. Bet j\u016bs nevarat uzdot datoram izpild\u012bt proced\u016bras ar tiem, piem\u0113ram, nevarat defin\u0113t cilpas, veikt sazaro\u0161anu ar if \/ else, deklar\u0113t funkcijas, r\u012bkoties ar notikumiem un daudz ko citu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kas ir uzcenojums?<\/h2>\n\n\n\n<p>Iedom\u0101jieties, ka j\u016bsu vietn\u0113 v\u0113laties tekstu \u201cLaipni l\u016bdzam man\u0101 vietn\u0113\u201d un v\u0113laties, lai t\u0101 izm\u0113rs b\u016btu 18 un sarkana. Tagad, k\u0101 m\u0113s varam likt datoram saglab\u0101t \u0161os format\u0113\u0161anas datus? M\u0113s to varam izdar\u012bt ar uzcenojuma valodu, izmantojot t\u0101 saucamos tagus (\u012bpa\u0161os simbolus). Pat\u012bk <\/p>\n\n\n\n<p><code>&lt;p style=&quot;&rdquo;font-size:18px&quot; color:red&rdquo;&gt;Laipni l\u016bdzam man\u0101 vietn\u0113&lt;\/p&gt;<\/code>. <\/p>\n\n\n\n<p>Iepriek\u0161 min\u0113taj\u0101 piem\u0113r\u0101 m\u0113s datoram sak\u0101m, ka \u201cLaipni l\u016bdzam man\u0101 vietn\u0113\u201d ir rindkopa, jo t\u0101 ir ap\u0146emta <code>&lt;p&gt;&lt;\/p&gt;<\/code> tagi (HTML da\u013ca). Pievienojot <code>style = \u201dfonta lielums: 18 pikse\u013ci kr\u0101sa: sarkana\u201d<\/code> kodu, m\u0113s datoram ar\u012b nosak\u0101m \u0161\u012bs rindkopas stilu (CSS da\u013ca). Vienk\u0101r\u0161i, vai ne? Kad m\u016bsu HTML \/ CSS kodi k\u013c\u016bst liel\u0101ki, ir \u013coti praktiski \u0161o stila inform\u0101ciju glab\u0101t atsevi\u0161\u0137\u0101 fail\u0101 ar nosaukumu CSS (Cascaded Style Sheet).<\/p>\n\n\n\n<p>T\u0101tad HTML kods nosaka strukt\u016bru, ti, nor\u0101da, ka \u0161eit b\u016bs rindkopa ar noteiktu tekstu:<\/p>\n\n\n\n<p><code>&lt;p&gt;Laipni l\u016bdzam man\u0101 vietn\u0113&lt;\/p&gt;<\/code><\/p>\n\n\n\n<p>Un CSS kods nor\u0101da, k\u0101 \u0161\u012b rindkopa j\u0101format\u0113:<\/p>\n\n\n\n<p><code>p {<\/code><br>   <code>fonta lielums: 18 pikse\u013ci;<\/code><br>   kr\u0101sa: sarkana;<br>}<\/p>\n\n\n\n<p>P\u0101rl\u016bkprogrammas, piem\u0113ram, Chrome, Safari, Firefox, Edge utt., Zina, ka jebkur\u0161 teksts ir iesai\u0146ots <code>&lt;p&gt;&lt;\/p&gt;<\/code> tagam j\u0101b\u016bt 18 pikse\u013cu lielumam un nokr\u0101sotai sarkan\u0101 kr\u0101s\u0101, un lietot\u0101jam tas tiek par\u0101d\u012bts konkr\u0113t\u0101 veid\u0101. Tas ir viss!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">K\u0101das tad ir programm\u0113\u0161anas valodas?<\/h2>\n\n\n\n<p>Vienk\u0101r\u0161i sakot, mums ir dar\u012b\u0161ana ar programm\u0113\u0161anas valodu, kad m\u0113s varam defin\u0113t main\u012bgos lielumus, glab\u0101t un las\u012bt ar tiem v\u0113rt\u012bbas, rakst\u012bt funkcijas, rakst\u012bt cilpas, ja pazi\u0146ojumi, r\u012bkoties ar notikumiem, piem\u0113ram, pogas klik\u0161\u0137iem un daudz ko citu. T\u0101 k\u0101 HTML \/ CSS nevar veikt nevienu no aprakst\u012btajiem, m\u0113s atjaunojam m\u016bsu vietnes, pievienojot JavaScript (JS) kodu. JS ir skriptu valoda (programma, kas kalpo noteiktam m\u0113r\u0137im), kas s\u0101kotn\u0113ji tika izmantota tikai priek\u0161pl\u0101na izstr\u0101dei (tas ir tas, ko j\u016bs \u0161aj\u0101 vietn\u0113 redzat un ar kuru var mijiedarboties \u0161obr\u012bd). Mugurpus\u0113 (viss, kas notiek server\u012b, un j\u016bs k\u0101 lietot\u0101js to nevarat redz\u0113t) m\u0113s izmantojam programm\u0113\u0161anas valodas ar (attiec\u012bgajiem ietvariem par\u0101d\u012btajiem ietvariem), piem\u0113ram, Java (Spring), C# (ASP.NET), PHP (Laravel), Python (kolba, Django), Ruby (Rails) un tagad ar\u012b JavaScript ar savu sal\u012bdzino\u0161i jauno ietvaru Node.JS (vienk\u0101r\u0161i run\u0101jot, JavaScript valodas ievie\u0161ana fona vajadz\u012bb\u0101m).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Noskatieties manu \u012bso vizu\u0101lo skaidrojumu par at\u0161\u0137ir\u012bbu starp HTML, CSS un JS.<\/h2>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"lazyload\" title=\"Piekabe - Datorium Web Tech kop\u0101 ar Tomu V\u012bti\" width=\"800\" height=\"450\" data-src=\"https:\/\/www.youtube.com\/embed\/YFXRFWaHAsw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Saite uz manu tie\u0161saistes kursu: <a href=\"https:\/\/online.datorium.eu\/courses\" class=\"rank-math-link\">https:\/\/online.datorium.eu<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u012as\u0101 atbilde: Iesp\u0113jams, ka HTML (Hyper Text Mark-up Language) nav programm\u0113\u0161anas valoda, k\u0101 nor\u0101da nosaukums, t\u0101 ir iez\u012bm\u0113\u0161anas valoda (k\u0101 paskaidrots t\u0101l\u0101k). Vienk\u0101r\u0161i sakot, HTML ir kods, kas apraksta, k\u0101 izskat\u0101s konkr\u0113ta t\u012bmek\u013ca lapa. HTML var satur\u0113t ar\u012b t\u0101 elementu format\u0113jumu, piem\u0113ram, fonta lielumu, kr\u0101su, [\u2026]<\/p>","protected":false},"author":7,"featured_media":636,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[35,33,10,34,11],"_links":{"self":[{"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/posts\/606"}],"collection":[{"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/comments?post=606"}],"version-history":[{"count":0,"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/posts\/606\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/media\/636"}],"wp:attachment":[{"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/media?parent=606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/categories?post=606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datorium.eu\/lv\/wp-json\/wp\/v2\/tags?post=606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}