Nákupný zoznam 1

4 hodiny
5 lekcií
Začiatočník
Matej Glasnak

Lekcie

  • 1. Pridávanie položiek do zoznamu
  • 2. Vypísanie položiek zo zoznamu
  • 3. Zmazanie položiek do zoznamu
  • 4. Filtrované vypaísanie položiek do zoznamu
  • 5. Dokončenie nákupného zoznamu
  • Popis online kurzu

    V tomto projekte si vytvoríme jednoduchý nákupný zoznam. Bude pozostávať z jednej stránky v ktorej bude formulár na pridanie položky, pod ním zoznam pridaných položiek a možnosť zmazať položku, čo ju presunie do zoznamu zmazané položky.

    Pre koho je kurz vhodný?

    Tento kurz je vhodný pre ľudí, ktorí ešte nikdy nepracovali s Vue, ale už majú základy HTML a JavaScriptu. Pred pozretím tohto kurzu si odporúčame najprv prejst kurz Úvod a inštalácia.

    Čo nové sa naučíme?

    • premenné vo Vue
    • computed
    • methods
    • event listenery (@click)
    • .filter()

    Zadanie

    V projekte si vytvoríme formulár cez ktorý budeme vedieť pridať položku do zoznamu. Po napísaní jej názvu stlačíme tlačidlo Pridať.

    Pod formulárom vypíšeme všetky položky v zozname. Vedľa nich pridáme aj znak X ktorý ju buďe vedieť označiť ako zmazanú.

    Nakoniec vypíšeme aj zoznam už zmazaných položiek

    Výsledok