Projekts - JS bibliotēkas turpinājums

Praktiskais projekts, lai pielietotu pamata OOP zināšanas un izmantotu JS bibliotēkas.

Saturs

• Uzdevuma apraksts
• Specifikācija
  • Īpašības
  • Metodes
  • Programma piedāvā
  • Padziļināti
• Darba gaita
• Nepieciešamie resursi
• Nepieciešamās zināšanas
• Ieteikumi
• Programmēšana II SR

Uzdevuma apraksts

Šis ir turpinājums uzdevumam, kur bija jāizveido JS Bibliotēku reģistrs, kur ātri varētu nolasīt informāciju par JS bibliotēkas izmantošanu, izmēru (kb) un nokopēt jau sagatavotu <script src='...'></script> ar bibliotēkas avota saiti.

Šajā uzdevumā funkcionalitāti nepieciešams papildināt ar iespēju saglabāt ierakstu failā un noformēt laiku lasīšanai ērtā formā, izmantojot JS bibliotēkas.

Specifikācija

Programma sevī ietver klasi (class) Biblioteka

Īpašības

• nosaukums (piemēram, filesaver.js);
• apraksts (piemēram, saglabāt datus faila formā);
• srcsaite (piemēram, https://://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.0/FileSaver.min.js);
• izmerskb (piemēram, 36);
• pievienots (saglabā laika zīmogu, kad bibliotēka ir pievienota)

Metodes

• pilnsSrc(), kas atgriež jau sagatavotu <script src='...'></script> (string), izmantojot objekta srcsaite īpašību.
• parakLiela(), kas atgriež ❌ (string), ja bibliotēka ir virs 50 kb, un ✅ (string), ja nav virs 50 kb.
• productInfo(), kas atgriež tekstu (string) ikonu no metodes parakLiela, objekta nosaukumu, objekta izmēru un objekta aprakstu.
• printToFile(), kas ļauj saglabāt productInfo() un pilnsSrc() .txt datnē.
• saglabāt datnē informāciju, cik sen tika pievienota bibliotēka, izmantojot pievienots īpašību.

Programma piedāvā

• ievadīt datus par bibliotēku;
• izvadīt informāciju uz ekrāna, izmantojot izveidotās metodes productInfo() un pilnsSrc();
• saglabāt informāciju par bibliotēku, izmantojot metodi printToFile().

Padziļināti

Papildināt dayjs bibliotēku, lai izdrukātu informāciju par pagājušo laiku latviešu valodā.

Darba gaita

1. sagatavot HTML, JS, CSS datņu struktūru, izmantojot parauga failus;
2. pievienot pie list element pogu, kura klausīsies objekta klases metodi printToFile();
3. pievienot klases konstruktoram īpašību pievienots, kas saglabāt laika zīmogu new Date();
4. pievienot klases metodi printToFile();
   • i/ni vērtējums par 1.-4. daļu - pielietot pamata OOP zināšanas;
5. pievienot filesaver.js HTML dokumentam;

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.0/FileSaver.min.js"></script>

6. atrast internetā filesaver.js bibliotēkas dokumentāciju;
7. saglabāt test informāciju ar metodi printToFile() un filesaver.js bibliotēku;
8. saglabāt productInfo() un pilnsSrc() informāciju ar metodi printToFile() un filesaver.js bibliotēku;
9. atrast internetā dayjs bibliotēkas dokumentāciju;
10. izmantojot dayjs Humanize metodes saglabāt datnē informāciju, cik sen tika pievienota bibliotēka.

Paredzamais izpildes laiks: 160 min.

Nepieciešamie resursi

• Programmnodošrinājums

Nepieciešamās zināšanas

Var izmantot WEB Zinašanu krātuvi, kur ir apkopojums par pamata lietām, kas ir jāzina par JavaScript, HTML, CSS un Bootstrap 5, lai uzsāktu Programmēšana II kursu.

Var izmantot OOP Zinašanu krātuvi, kur ir apkopojums par pamata lietām, kas ir jāzina par objektorientēto programmēšanu (OOP) un bibliotēkām.

Ieteikumi

• regulāri pārbaudīt un atkļūdot risinājumu;
• ievērot labas prakses principus.

Programmēšana II SR

Aktivitāte vērsta uz šādām Programmēšana II sasniedzamajiem rezultātiem (SR):

• Zināšanas: Skaidro objektorientētās programmēšanas darbības pamatprincipus.
• Prasmes: Izmanto programmēšanas valodu un to bibliotēku dokumentāciju un palīdzības sistēmu, lai patstāvīgi apgūtu citas to piedāvātās iespējas.
• Prasmes: Piesaista standartbibliotēku funkcionalitāti.
• Prasmes: Veido programmas kādā no programmēšanas valodām, t. sk. objektorientētajā valodā.
• Prasmes: Veic atkļūdošanu.
• Ieradumi: Izmanto labās prakses principus programmas koda pierakstā un strukturēšanā.