Alena Omachtová

Tuesday, 13:30-16:00, B/L204 (Božetěchova 1/2, Brno 61200)

Thursday, 13:00-16:00, B/L204 (Božetěchova 1/2, Brno 61200)

Prosím, vždy se předem domluvte e-mailem. Pokud Vám termín nevyhovuje, je možné se domluvit na jiném termínu.

1. prezentace - základy UX, UI, design process
   • Návrh uživatelského rozhraní - pdf verze
2. návrh ve figmě
   • Odkaz na funkční prototyp
3. kód v JS
   • šablona zip
   • postup:
     1. rozbalte zip a otevřete ho ve vašem oblíbeném editoru (např. VS code)
     2. v souboru main.js chybí kód, který je potřreba doplnit, aby aplikace fungovala správně (ten jediný editujte)
     3. Co bude potřeba:
        1. vykreslit všechny karty na úvodní obrazovce
        2. každá karta by měla obsahovat kategorii, počet otázek a úvodní obrázek
        3. po kliknutí na kartu by se měla zobrazit první otázka pro danou kategorii
        4. Po kliknutí na Correct nebo Wrong by se měla zobrazit další otázka (pokud ještě nějaká je)
        5. u otázky je možné se podívat na odpověď (hide, show)
        6. na konci vidím, kolik bylo správně odpovědí a kolik bylo špatně
        7. zkuste si přidat novou kategorii a otázky a otestovat, že všechno funguje správně
     4. (optional) pro zájemce: přidejte informaci o tom, které otázky byly špatně a správně (jak je ve figmě)
   • jak by to mělo vypdat na konci: https://alena424.github.io/learn-with-flash-cards/
   • řešení: https://github.com/alena424/learn-with-flash-cards
   • javascript cheatsheet: https://htmlcheatsheet.com/js/
   • jquery cheatsheet: https://htmlcheatsheet.com/jquery/ 

Cvičení skupina pátek

1. DNS, HTTP (pdf, pptx)