Alena Tesařová

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

čtvrtek, 9:00-11: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. 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

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