Alena Omachtová

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

čtvrtek, 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í u mě probíhá ve čtvrtek od 14:00 - 15:50 a 16:00 - 17:50 v učebně N204.

1. Základní pomy, první programy (slidy, pdf)
2. cyklus, první práce s poli (slidy, pdf)
3. řetězce (slidy, pdf)
4. funkce a vnořené cykly (slidy, pdf)
5. datové struktury, dvourozměrné pole, práce se soubory (slidy, pdf)
6. úvod do ukazatelů (slidy, pdf)
7. práce s ukazateli (slidy, pdf)
8. dynamická alokace, ladicí techniky a nástroje (slidy, pdf)
9. algoritmizace, rekurze (slidy, pdf)
10. jednosměrně vázaný lineární seznam (slidy, pdf)

• Figma DEMO (slidy, pdf)
• Tomáš Giesl - UX & UI design process (pdf)

Cvičení skupina pátek

1. DNS, HTTP (pdf, pptx)

Cvičení skupiny čtvrtek od 12:00, 14:00

1. DNS, HTTP (pdf)

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. vytvořte hlavní obrazovku s použitím html s css
        • řešení: zip
     2. vytvořte druhou obrazovku "learning modu" opět s použitím html a css
        • řešení: zip
     3. vytvořte summary obrazovku
        • řešení: zip
     4. nastudujte funkce v js/main.js a doplňte do nich váš html kód
        • finální řešení - zip
   • demo: https://alena424.github.io/learn-with-flash-cards/
   • gitlab: https://github.com/alena424/learn-with-flash-cards