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.

Letní škola pro dívky 2024

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/ 

Základy programování 2021/2022

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)

Tvorba uživatelských rozhraní 2021/2022

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

Tvorba webových stránek 2023/2024

Cvičení skupina pátek

1. DNS, HTTP (pdf, pptx)

Tvorba webových stránek 2022/2023

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

1. DNS, HTTP (pdf)

Letní škola pro dívky 2022

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