Co je tvorba webu
Tvorba webu je práce, která mění návrh a sadu požadavků v něco, co funguje v prohlížeči. Zahrnuje víc vrstev, než se zvenčí zdá, a znát je pomáhá při jednání s tím, kdo staví.
Tento průvodce vysvětluje jednotlivé části, kdo se stará o kterou, a co odlišuje web, který funguje, od webu, který lze udržovat.
Vrstvy webu#
Každý web má tyto vrstvy, i ten nejjednodušší — rozdíl je v tom, kolik z každé je přítomno.
| Vrstva | Co dělá | Typické technologie |
|---|---|---|
| Frontend | To, co návštěvník vidí a s čím pracuje | HTML, CSS, JavaScript |
| Backend | Logika na serveru, obchodní pravidla | PHP, Python, Node, Java |
| Databáze | Ukládá obsah, uživatele, objednávky | MySQL, PostgreSQL |
| Provoz | Server, na kterém to vše běží | Sdílený, VPS, cloud |
| Doména a DNS | Adresa a způsob jejího překladu | Registrátor, jmenné servery |
| Externí služby | Platby, e-mail, analytika, mapy | API třetích stran |
Statický web nemusí mít backend ani databázi. Proto je rychlejší, bezpečnější a levnější na správu.
Kdo dělá co#
Role se překrývají a v malých projektech dělá jeden člověk hned několik.
- Frontend: mění návrh v rozhraní, řeší responzivitu, přístupnost a výkon v prohlížeči.
- Backend: píše serverovou logiku, modeluje data, integruje externí systémy.
- Fullstack: dělá obojí, s různou hloubkou v každém.
- DevOps: stará se o servery, nasazení, monitoring a zálohy.
- Návrhář: určuje vzhled a chování dřív, než vznikne kód.
- Projektový manažer: koordinuje, hlídá termíny a překládá mezi klientem a týmem.
- V malém projektu pokryje tohle všechno jeden nebo dva lidé. Zeptejte se, kdo dělá co, než podepíšete.
Jak spolu části komunikují#
Pochopení cesty požadavku vysvětluje většinu technických rozhodnutí, která vám předloží.
- Návštěvník zadá adresu; DNS přeloží doménu na adresu serveru.
- Prohlížeč si vyžádá stránku od serveru přes HTTPS.
- Server odpoví HTML — hotovým, nebo generovaným v tu chvíli z databáze.
- Prohlížeč přečte HTML a vyžádá si související soubory: styly, obrázky, skripty.
- JavaScript se spustí a přidá chování — menu, formuláře, dynamický obsah.
- Akce uživatele mohou generovat další požadavky na server na pozadí.
- Server zapíše do databáze nebo z ní čte a vrátí výsledek.
Pokud HTML přijde ze serveru hotové, stránka se objeví rychleji a indexuje se spolehlivěji. Pokud existuje až po spuštění JavaScriptu, obojí se zhorší.
Co odlišuje solidní stavbu#
Dva weby mohou vypadat stejně a být velmi odlišné na údržbu. Toto jsou signály.
| Signál | Dobře | Špatně |
|---|---|---|
| Struktura kódu | Uspořádaná, s konvencemi | Vše v jednom obřím souboru |
| Správa verzí | Git, s čitelnou historií | Soubory kopírované s datem v názvu |
| Testovací prostředí | Existuje a používá se | Změny přímo v produkci |
| Nasazení | Automatizované a vratné | Ruční FTP |
| Závislosti | Málo a aktuální | Mnoho a zastaralých |
| Dokumentace | Jak nainstalovat a nasadit | Jen v hlavě jednoho člověka |
| Testy | Alespoň na kritických cestách | Žádné |
Časté dotazy
Jaký je rozdíl mezi webdesignem a tvorbou webu?
Design určuje vzhled a chování; tvorba staví to, co funguje. Existuje překryv — frontendista dělá vizuální rozhodnutí denně a návrhář, který chápe technická omezení, tvoří lepší návrhy. V malých projektech dělá často jeden člověk obojí.
Potřebuji backend?
Jen pokud má web ukládat nebo zpracovávat data: uživatelské účty, objednávky, editovatelný obsah, formuláře s logikou. Firemní web s pevným obsahem může být zcela statický, což ho činí rychlejším, bezpečnějším a téměř bezúdržbovým.
Jak dlouho trvá vytvořit web?
Dva až čtyři týdny u jednoduchého firemního webu po schválení návrhu; dva až tři měsíce s CMS, integracemi a migrací; déle u e-shopů a aplikací. Termín určuje počet šablon a integrací, ne počet stránek — a v praxi ho často určuje obsah.
Dá se udělat web bez programování?
Ano, pomocí vizuálních stavitelů nebo CMS se šablonou. Funguje to dobře u firemních webů a blogů. Hranice se objeví, když potřebujete něco, co nástroj nepředpokládá, když hodně záleží na výkonu, nebo když chcete platformu opustit — tehdy se z toho, co vypadalo jako úspora, vyklube závislost.
tvorba webuco je vývoj webufrontend backendjak funguje webprogramování webustavba webu
