Tema
/
Interneto svetainių kliento dalies kūrimas JS
📖 Teorija

Namų darbas — paleisk (ir sulaužyk) Cosmos

Namų darbas — paleisk, sulaužyk ir suprask platformą.

  1. Paleisk per serverį. Susidėk index.html, style.css, js/main.js ir js/config.js į vieną aplanką. Paleisk python -m http.server 8000 (arba Live Server) ir atidaryk http://localhost:8000. Turi pamatyti „Cosmos is running…".
  2. Sulaužyk su file://. Dabar atidaryk tą patį index.html dvigubu spustelėjimu (adresas file:///…). Puslapis neveiks. Atidaryk konsolę (F12) ir perskaityk CORS klaidą — įsimink ją. Grįžk prie serverio — vėl veikia.
  3. Pakeisk modulį. config.js pridėk export const APP_NAME = 'Cosmos';, o main.js importuok ir panaudok jį tekste. Perkrauk — pamatysi pokytį. Tu ką tik perdavei duomenis tarp modulių, be jokio surinkimo.
  4. Gauk savo NASA raktą. Nueik į api.nasa.gov, užsiregistruok (nemokamai) ir pasižymėk savo raktą. Prireiks 4 pamokoje.

Privalomi testai:

  • Serverio testas: per http://localhost:8000 puslapis veikia.
  • file:// testas: atpažįsti CORS klaidą konsolėje ir žinai, kad sprendimas — serviruoti per http.

Atsiskaitymui: ekrano nuotraukos: (1) veikiantis puslapis per localhost, (2) CORS klaida konsolėje atidarius per file://.

Toliau. Turi veikiančią platformą — be jokių įrankių. 2 pamokoje pradėsim statyti sąsają rankomis (createElement, textContent), o 4 pamokoje su tuo NASA raktu atsisiųsim tikras nuotraukas. Įrankiai (Node, npm, Vite) nepasirodys iki 15 pamokos — ir tik todėl, kad TypeScript be jų negali veikti.