Rozdiel: backend vs. frontend

hodnotenie: 5 (10 hlasov)

Aký je rozdiel medzi slovami backend a frontend

Softvér (napr. mobilná aplikácia, počítačová aplikácia, webová stránka a pod.) môžeme z hľadiska funkcionality rozdeliť na dve časti: frontend a backend. Niekedy sa tieto časti nazývajú ako vrstvy: vrstva frontendu a vrstva backendu.

Toto rozdelenie umožňuje efektívnejšiu tvorbu aj údržbu zdrojového kódu keďže každú časť môže vytvoriť niekto iný (v praxi sa často programátori delia na tých, ktorí sa venujú vývoju frontendu a tých, ktorý spravujú časť backendu).

V praxi sa často zamieňajú pojmy frontend-backend s dvojicou klient-server. Na rozdiel od klasifikácie klient-server, frontend aj backend môžu byť na tom istom mieste (čiže klientská aplikácia môže obsahovať aj frontend aj backend, a tiež serverovská aplikácia zvyčajne obsahuje aj frontend aj backend). Klient a server teda hovorí o tom, kde je aplikácia umiestnená, frontend a backend hovorí o dvoch častiach jednej aplikácie. Mnohé súčasné aplikácie však fungujú na princípe, že klientská časť (napr. mobil) obsahuje len frontend a samotné výpočty sa realizujú na serveri. Nie je to však vždy.

backend

Frontend sa zvyčajne do slovenčiny prekladá ako prezentačná vrstva aplikácie alebo používateľské rozhranie. Ide o vizuálnu časť aplikácie, s ktorou pracuje používateľ a vykonáva vďaka nej svoje požiadavky (napr. písaním na klávesnici, klikaním myšou, ťahaním prsta a pod.).

Keď si zoberieme ako príklad internetový obchod, tak frontend je okno webového prehliadača, kde používateľ zadá adresu webovej stránky a po jej načítaní vykonáva ďalšie aktivity ako vloženie tovaru do košíka a pod. Používateľské rozhranie je väčšinou grafické, teda obsahuje rôzne sfarbené elementy, tlačítka, obrázky, animácie a pod. Ale nie je to nutnosť, taktiež môže byť aj textové (napríklad príkazový riadok), kde používateľ len píše príkazy, ktoré oznamujú, čo má stroj (počítač, mobil) vykonať.

V prípade kalkulačky tvorí frontend skupina tlačidiel a textové okno, kde sa zobrazuje výsledok.

Príklady frontend technológií: HTML, CSS, Javascript

frontend

Backend je vrstva aplikácie, ktorá je zodpovedná za vykonávanie operácií na základe pokynov z frontendu. Backend vrstva sa stará o výpočty, komunikáciu s databázou a pod. 

V príklade internetového obchodu sa backend stará o získanie informácií o produktoch z databázy (popis, text, cenu, obrázky...). Používateľ cez frontend zadá adresu webovej stránky a backend je zodpovedný za zobrazenie produktov, uloženie objednávky, odoslanie emailu po objednaní a pod. Backend v rámci svojich výpočtov môže vykonávať aj ďalšie operácie, ktoré používateľ na frontende nevidí (napr. môže overiť existenciu čísla zadanej platobnej cez rozhranie banky, uložiť do databázy informácie o adrese používateľa, poslať email a pod.). 

V prípade kalkulačky je backend tá časť, ktorá dostane zadanie od používateľa, vykoná matematickú operáciu a odošle výsledok späť na frontend.

 Príklady backend technológií: PHP, Java, databáza

Podobné slová: klient server