Atpakaļ

Mērķis: jQuery apgūšana

Svarīgi: sīkdatnes un localStorage nestrādā ar failiem, kas ielādēti pa taisno no failu sistēmas. Lai pilnībā izpildītu šos uzdevumus uzinstalējiet XAMPP serveri un ielādējiet failus adresē http://127.0.0.1 vai http://localhost. Ja neizdodas uzstādīt serveri (mēs to skatīsimies nākošajā lekcijā), tad pagaidām izlaidiet visu 1. uzdevumu un 2. uzdevuma pēdējo bonus punktu.

Uzdevums 1: Saglabāt un nolasīt sīkdatni (cookie)

  1. Izveidojiet JavaScript/jQuery programmu, kas:
    1. Parāda izkrītošo sarakstu ar vērtībām: "Latviešu", "Krievu", "Angļu".
    2. Mainot vērtību saglabā izvēlēto vērtību sīkdatnē.
    3. Ielādējot lapu nolasa sīkdatni un uzstāda iepriekš saglabāto vērtību.
    4. Sīkdatņu lietošanas dokumentācija: https://www.w3schools.com/js/js_cookies.asp
      • Skat setCookie un getCookie funkcijas - variet izmantot tās.

Uzdevums 2: Izveidot TODO aplikāciju

  1. Izveidojiet JavaScript/jQuery programmu:
    1. Variet izmantot kā paraugu - piemēru no prezentācijas.
    2. Var pievienot un dzēst todo ierakstus (skat, piemēru).
    3. Var atzīmēt ierakstu kā "izpildītu" - aktīvs checkbox un ieraksts pārsvītrots.
    4. Var atzīmēt ierakstu kā "neizpildītu" - neaktīvs checkbox.
    5. Bonus uzdevums (nav obligāts) - saglabāt visu sarakstu localStorage datubāzē un ielādēt atverot lapu. Skat: https://www.w3schools.com/html/html5_webstorage.asp

Darbu sagatavojiet jaunā folderī ar nosaukumu "Vārds Uzvārds Prakt6" (aiztājiet ar savu vārdu un uzvārdu).
Praktiskā darba folderi arhivējiet zip formātā.
Nosūtiet arhīvu uz e-pastu mikelis@va.lv.