JavaScript/Veikimo ir kodo aplinkos

Iš Wikibooks.

JAVASCRIPT PROGRAMAVIMO PAGRINDAI
(instrukcinis vadovas pradedantiesiems)[keisti]

Veikimo ir kodo aplinkos


Paprasčiausia būdas išbandyti JS yra interneto naršyklės „Developer Tools“ lango „Console“ (konsolės) lange. Su F12 mygtuko arba Ctrl+Shift+I mygtukų kombinacijos klaviatūroje nuspaudimu „Windows OS“ aplinkoje išsišaukite „Developer Tools“ langą (Command+Option+I „Mac“ aplinkoje). Po to jame pasirinkite „Console“ skirtuką.

Jūs tai galite padaryti skaitydami šį vadovą ir lango dešinėje matyti konsolės langą, kuriame galite rinkti JS kodą arba nukopijuoti kodo eilutes!

Parašius konsolės eilutėje JS suprantamą operaciją ir nuspaudus 'Enter' galima pamatyti JS veikimą.

Užduotis. Surinkite konsolės eilutėse šias ekspresijas ir po kiekvienos nuspauskite 'Enter' klaviatūros mygtuką:

  • 2+3;
  • k=[1, 2, 3, 4];

Štai ir pamatėte JS kodo veikimą.

Naršyklės konsolės lange rašyti didesnės apimties programas yra sudėtinga. Tam naudojami programavimo redaktoriai: „Atom“, „Notepad++“, „VSCode“, „Sublime“ ir kiti. Tekstiniais redaktoriais sukurtos JS bylos išsaugojamos su .js pavadinimo praplėtimu.

Programuojant reikia surinkti daug pasikartojančių tekstų ir tam padeda redaktoriuose įdiegtas „Emmet“ programinis tekstų nuspėjimo įrankis, kuris, renkant tekstą, automatiškai parodo artimus pasirinkimo variantus. Surinkite konsolėje nors vieną raidę ir virtualus patarėjas jums pasiūlys įvairių tolimesnių pasirinkimo variantų.

Šiose programose rašomo JS kodo veikimą galima pamatyti susiejus vykdomą .js bylą su naršyklės aktyviuoju interneto puslapiu (.html byla).

Paruoštą JS kodą galima tiesiogiai įterpti HTML bylos <script> elemente.

Kitas būdas pamatyti veikiantį JS kodą – instaliuoti Node.js paketą, kuris pavaizduoja veikiantį JS kodą redaktoriaus „Terminal“ lange.

Susipažinimui su JS programavimu pilnai tinka internetiniai (online) redaktoriai, kurie dažniausiai turi HTML, CSS, JS kodų ir kodų veikimo peržiūros langus. Keletas iš jų: CodePen, JSFiddle, LiveWeave.