Čo je Frontend (klientska časť)?
Frontend je všetko, čo používateľ vidí a s čím interaguje na webstránke — dizajn, tlačidlá, formuláre, animácie a rozloženie obsahu. Vytvára sa pomocou troch základných technológií: HTML, CSS a JavaScript.
Definícia Frontend (klientska časť)
Čo je frontend
Frontend (anglicky front-end, tiež klientska strana) označuje prezentačnú vrstvu softvéru, s ktorou používatelia priamo interagujú. Podľa Wikipedie v softvérovom vývoji „front end" označuje prezentačnú vrstvu, kým „back end" označuje správu a spracovanie dát na pozadí.
V kontexte webového vývoja frontend zahŕňa všetko, čo sa zobrazí v prehliadači — rozloženie stránky, farby, písma, obrázky, tlačidlá, formuláre a animácie.
Základné technológie frontendu
Frontend je postavený na troch pilieroch:
- HTML — definuje štruktúru a obsah stránky (nadpisy, odseky, obrázky, formuláre)
- CSS — určuje vizuálny vzhľad (farby, písma, rozloženie, animácie)
- JavaScript — pridáva interaktivitu a dynamické správanie (reakcie na kliknutia, načítavanie dát, validácia formulárov)
JavaScript pomocou DOM (Document Object Model) dokáže manipulovať s HTML stránkou v reálnom čase — meniť obsah, reagovať na vstupy používateľa a komunikovať so serverom bez obnovenia stránky (technológia AJAX).
Ciele frontendového vývoja
- Výkon (Performance) — zabezpečiť, aby sa stránka načítala rýchlo správnou prácou s HTML, CSS a JavaScriptom
- Prístupnosť (Accessibility) — stránka musí fungovať na všetkých zariadeniach a byť použiteľná aj pre ľudí so zdravotným postihnutím
- Responzívnosť — dizajn sa prispôsobuje veľkosti obrazovky pomocou CSS media queries
Praktický príklad
Príklad: Webstránka hotela.
Frontend je všetko, čo hosť vidí a používa:
- Hlavná stránka — veľký banner s fotografiou hotela, navigačné menu, tlačidlo „Rezervovať"
- Galéria izieb — fotky, ktoré sa dajú zväčšiť kliknutím, posúvať šípkami
- Rezervačný formulár — výber dátumov, počtu hostí, typ izby s okamžitým výpočtom ceny
- Mapa — interaktívna mapa s polohou hotela
Hosť netuší, že na pozadí (v backende) server overuje dostupnosť izieb, počíta ceny a ukladá rezerváciu do databázy. Frontend mu jednoducho zobrazí pekný formulár a výsledok.
Často kladené otázky
Čo je frontend?
Frontend je klientska časť webstránky — všetko, čo používateľ vidí a s čím interaguje v prehliadači. Zahŕňa dizajn, rozloženie, tlačidlá, formuláre a animácie. Vytvára sa pomocou HTML, CSS a JavaScriptu.
Aký je rozdiel medzi frontendom a backendom?
Frontend je to, čo vidíte v prehliadači (dizajn, tlačidlá, formuláre). Backend je to, čo beží na serveri na pozadí (databázy, spracovanie objednávok, overovanie prihlásenia). Spolu tvoria kompletnú webovú aplikáciu.
Čo robí frontend developer?
Frontend developer vytvára používateľské rozhranie webstránok. Pracuje s HTML, CSS a JavaScriptom, používa moderné frameworky (React, Vue, Angular) a zabezpečuje, aby stránka vyzerala dobre a fungovala na všetkých zariadeniach.
Aké technológie sa používajú na frontend?
Základom sú HTML, CSS a JavaScript. Moderný frontend využíva aj frameworky ako React, Vue.js alebo Angular, predprocesory CSS (Sass, Less) a nástroje ako webpack alebo Vite.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.