Modul 11 · První skutečná aplikace

Od webu k aplikaci

Co přesně se změní, když má produkt uživatele, data a stavy. A proč se to musí promyslet dopředu.

11 minlekce 62/107

Po lekci umíš

  • Rozumíš rozdílu mezi webem a aplikací
  • Víš, které tři věci aplikaci komplikují
  • Umíš odhadnout, jestli tvůj nápad je web, nebo aplikace
Obsah lekce (4)

Web, který jsi postavil v modulu 5, byl ve své podstatě jednoduchý: obsah je daný, každý návštěvník vidí totéž, po odchodu nic nezůstává.

Aplikace přidává tři věci a každá z nich mění pravidla.

Tři věci, které to mění

  1. Data, která zůstávají

    Uživatel něco vytvoří a příště to tam pořád je. Někde se to musí uložit a odněkud načíst.

  2. Různí lidé vidí různé věci

    Moje objednávky nejsou tvoje objednávky. Vzniká přihlašování a otázka, kdo smí co.

  3. Stavy

    Objednávka je nová, zaplacená, odeslaná nebo zrušená. Každý stav vypadá jinak a povoluje jiné akce.

Web, nebo aplikace?

Praktický test na tvůj nápad:

OtázkaKdyž ano
Musí si to pamatovat, co uživatel udělal?Aplikace
Vidí každý uživatel něco jiného?Aplikace
Mění se obsah bez toho, abys ho měnil ty?Aplikace
Jen ukazuješ informace, které sám spravuješ?Web

Co to znamená pro stavbu

Web

  • Stavíš stránku po stránce.
  • Změna jedné stránky neovlivní ostatní.
  • Zkontroluješ okem.
  • Rozbité je hned vidět.

Aplikace

  • Nejdřív rozmyslíš data a obrazovky.
  • Změna dat se dotkne všeho, co je používá.
  • Musíš procházet situace, ne jen stránky.
  • Rozbité se pozná až v konkrétním stavu.

Poslední řádek je ten nepříjemný. Aplikace může vypadat perfektně a být rozbitá pro uživatele, který má prázdný seznam, nebo pro toho, kdo má sto položek.

Čtyři stavy každé obrazovky

Zapamatuj si tenhle seznam. Budeš ho používat u každé obrazovky, kterou postavíš.

  1. Prázdno

    Uživatel nemá žádná data. První dojem z aplikace – a nejčastěji zapomenutý stav.

  2. Načítání

    Data se berou ze serveru a chvíli to trvá. Bez toho stránka „blikne“ nebo chvíli vypadá rozbitě.

  3. Obsah

    Normální stav, jediný, který obvykle někdo navrhne.

  4. Chyba

    Nepodařilo se to načíst. Musí být vidět, že je problém, a co s tím.

Prompt pro Claude Code

Zkontroluj čtyři stavy

U každé obrazovky, která pracuje s daty.

Projdi tuhle obrazovku a řekni mi, jak se chová ve čtyřech situacích:

1. Uživatel nemá žádná data.
2. Data se ještě načítají.
3. Data jsou načtená (běžný stav).
4. Načtení selhalo.

U každé napiš, co uživatel uvidí. Kde chybí ošetření, navrhni,
co tam má být – včetně textu, který se zobrazí. Česky.

Zkus to teď

Vezmi svůj nápad na aplikaci a odpověz na tři otázky:

  1. Co si musí pamatovat?
  2. Vidí různí lidé různé věci?
  3. Má něco v aplikaci stavy (nové / rozpracované / hotové)?

Odpovědi si nech, v příští lekci z nich uděláš zadání.

Co si odnést

  • Aplikaci od webu dělí data, uživatelé a stavy.
  • Než postavíš aplikaci, zvaž, jestli první verze nemůže být jednodušší.
  • U aplikace se nekontrolují stránky, ale situace.
  • Každá obrazovka s daty má čtyři stavy: prázdno, načítání, obsah, chyba.

Máš to za sebou?

Označ lekci jako hotovou, ať víš, kde jsi skončil. Nic se tím neuzamkne.

Obsah aktualizován: 21. srpna 2026