Jak probíhá tvorba webu v praxi
Zvenčí vypadá vývoj jako černá skříňka: schválíte návrh, pár týdnů počkáte, objeví se web. Pochopit, co se děje uvnitř, pomáhá klást správné otázky a včas rozpoznat varovné signály.
Tento průvodce vysvětluje praktický chod, pro zadavatele, ne pro programátory.
Prostředí: kde práce probíhá#
Seriózní projekt má alespoň dvě prostředí, často tři. Pokud je jen jedno, je to samo o sobě signál.
| Prostředí | K čemu slouží | Kdo má přístup |
|---|---|---|
| Lokální | Počítač toho, kdo programuje | Tým |
| Testovací | Sdílená verze k prohlédnutí | Tým a klient |
| Předprodukční | Kopie shodná s produkcí | Tým, před nasazením |
| Produkční | Veřejný web | Všichni |
Změny prováděné přímo v produkci jsou nejčastějším zdrojem nečekaných výpadků. Pokud vám řeknou, že testovací prostředí není, ptejte se proč.
Pracovní cyklus#
Většina týmů pracuje v krátkých cyklech, s něčím k prohlédnutí na konci každého.
- Práce se dělí na malé úkoly, každý s ověřitelným výsledkem.
- Každý úkol se vyvíjí odděleně, se správou verzí.
- Někdo jiný kód zkontroluje před sloučením, pokud má tým dostatečnou velikost.
- Výsledek jde do testovacího prostředí, kde ho lze vidět.
- Vy ho projdete a dáte konkrétní zpětnou vazbu, s adresou a snímkem obrazovky.
- Opravy jdou do dalšího cyklu, pokud nejsou blokující.
- Každý týden či dva je verze k prohlédnutí, ne až na konci.
Projekt, kde výsledek uvidíte až na konci, je rizikový projekt. Vyžádejte si přístup do testovacího prostředí od prvního týdne.
Testy před nasazením#
Co by mělo být ověřeno před každým nasazením, bez ohledu na velikost projektu.
- Funkčnost: každý formulář, každá cesta, každé tlačítko, které něco dělá.
- Prohlížeče: ty, které vaši návštěvníci skutečně používají, podle analytiky.
- Zařízení: skutečné mobily, včetně starého a pomalého.
- Výkon: změřený, ne odhadnutý, na hlavních šablonách.
- Přístupnost: klávesnice, kontrast, popisky, struktura nadpisů.
- Obsah: bez zástupného textu, bez odkazů na testovací doménu.
- Regrese: to, co fungovalo, funguje dál.
- Bezpečnost: validace vstupů, oprávnění, HTTPS.
Nasazení a návrat zpět#
Nasazení má být rutinní a nudné. Když je to napjatá událost, je to znak křehkého procesu.
| Praxe | Proč na tom záleží |
|---|---|
| Automatizované nasazení | Odstraňuje zapomenuté ruční kroky |
| Návrat zpět během minut | Mění vážnou chybu v drobný incident |
| Záloha před nasazením | Záchranná síť pro databázi |
| Verzované migrace dat | Reprodukovatelné změny databáze |
| Ověření po nasazení | Zachytí to, co selže jen v produkci |
| Nasazovat v klidnou chvíli | Méně zasažených uživatelů, víc pozornosti |
| Záznam o nasazeních | Umožňuje spojit problém se změnou |
Zeptejte se, jak dlouho trvá návrat zpět. Pokud odpověď zní «to záleží» nebo «nikdy jsme nemuseli», plán návratu neexistuje.
Časté dotazy
Jak často mám vidět postup?
Každý týden nebo dva, s něčím viditelným v testovacím prostředí. Delší cykly zvyšují riziko pozdního odhalení nedorozumění. Velmi krátké cykly s neustálou zpětnou vazbou mají také cenu, protože přerušovaná práce je neefektivní. Dvoutýdenní rytmus funguje u většiny projektů dobře.
Co dělat, když se projekt zpozdí?
Nejdřív zjistěte příčinu: chybějící obsah, rozrostlý rozsah, nebo optimistický odhad. Tyto tři se řeší různě a první je často na straně klienta. Pak volte mezi zkrácením rozsahu a posunem data — přidávat lidi doprostřed zpožděného projektu ho obvykle zpozdí ještě víc.
Musím rozumět kódu, abych tohle vedl?
Ne. Musíte vědět, na co se ptát: je testovací prostředí, jak se nasazuje, jak dlouho trvá návrat zpět, co je otestované, kdo má přístup ke kódu. Odpovědi vám o solidnosti procesu řeknou hodně, aniž byste přečetli řádek kódu.
Co je správa verzí a proč na ní záleží?
Je to systém — téměř vždy Git — který uchovává historii všech změn kódu a umožňuje se vrátit. Záleží na ní ze tří důvodů: umožňuje vrátit chybu, umožňuje víc lidem pracovat souběžně, a je důkazem, že kód je váš a přenositelný. Projekt bez správy verzí je projekt bez historie.
jak vzniká webtestovací prostředíspráva verzínasazení webuproces tvorby webuvedení webového projektu