Kurz

Projekt

Osobní nebo produktový web

První skutečná věc, kterou postavíš a pošleš někomu odkazem. Statický web s vlastním vzhledem, nasazený na veřejné adrese.

6 hodinZáklad

Na konci máš

Web na veřejné adrese, který jsi navrhl a vyladil ty. Kód na GitHubu, změny se nasazují samy.

Tohle je projekt, který změní tvůj vztah k celé věci. Do téhle chvíle je vibe coding něco, o čem jsi četl. Po něm je to něco, co jsi udělal.

Co konkrétně vznikne

Jednostránkový nebo dvoustránkový web s vlastním vzhledem – ne šablona, ne generický vzhled z návodu. Bude mít:

  • obsah, který dává smysl pro konkrétního návštěvníka;
  • vlastní barevnost a typografii, kterou jsi vybral ty;
  • funkční zobrazení na mobilu;
  • správný titulek, popis a náhled pro sdílení;
  • veřejnou adresu.

Proč zrovna tohle jako první

Statický web má tři vlastnosti, které z něj dělají ideální první projekt:

  1. Výsledek je hned vidět

    Změníš barvu, obnovíš stránku, vidíš to. Zpětná vazba je okamžitá, což je u učení všechno.

  2. Nedá se moc pokazit

    Nejsou tam data uživatelů, nejsou tam platby, není tam nic, co by mohlo někomu ublížit.

  3. Projdeš celým cyklem

    Zadání, stavba, vzhled, kontrola, nasazení. Ten samý cyklus pak použiješ na cokoliv většího – jenom v každém kroku bude víc práce.

Na co narazíš

  • Vzhled, který vypadá „jako každý druhý web“, dokud nezadáš vizuální směr pořádně.
  • Rozpad rozvržení na mobilu, protože jsi web dělal na velké obrazovce.
  • První nasazení, které selže na chybě, kterou jsi lokálně neviděl.

Všechny tři jsou v modulu popsané i s řešením. A všechny tři potkáš znovu u každého dalšího projektu – tady je potkáš poprvé v bezpečí.

Jak poznáš, že jsi hotový

Pošli odkaz jednomu člověku a zeptej se: „Co si myslíš, že tady nabízím?“ Když odpoví správně, projekt je hotový.

Obsah aktualizován: 21. srpna 2026