Frontend (čteno „frontend", česky přední strana) je ta část webu, kterou návštěvník skutečně vidí a ovládá ve svém prohlížeči. Patří sem rozvržení stránky, barvy, texty, obrázky, tlačítka i formuláře. Opakem je backend, tedy neviditelná část běžící na serveru.
Přirovnání k restauraci: frontend je jídelna, jídelní lístek a obsluha – vše, s čím host přijde do styku. Backend je kuchyně, sklad a účetnictví. Host do kuchyně nevidí, ale bez ní by na stole nic neskončilo.
Frontend stojí na třech technologiích, které se doplňují:
- HTML – kostra stránky, určuje co je nadpis, odstavec, odkaz nebo obrázek.
- CSS – vzhled: barvy, písma, rozestupy, chování na různě velkých obrazovkách.
- JavaScript – chování a interakce: rozbalovací menu, našeptávač, ověření formuláře před odesláním.
Zásadní vlastnost frontendu je, že běží na zařízení návštěvníka, ne na serveru. Tomu se musí přizpůsobit: stránka má vypadat dobře na mobilu i na velkém monitoru (o to se stará responzivní design) a nemá být zbytečně těžká, protože každý kilobyte se musí přenést a rychlost načtení ovlivňuje i SEO.
Protože psát vše od nuly je zdlouhavé, používají vývojáři hotové stavebnice – frameworky a knihovny. Důležité je pamatovat na to, že cokoli běží ve frontendu, si návštěvník může prohlédnout a upravit. Ověření údajů z formuláře proto nikdy nesmí zůstat jen na frontendu, ale musí ho zopakovat i server.