Co je Frontend [FE], HTML, CSS, JS a proč sázíme na VUE.js

Co je frontend (FE)?

Frontend je „tvář“ webu – všechno, co uživatel vidí a ovládá. Od rozložení stránky přes barvy až po interaktivní prvky. Jde o kombinaci technologií, které dohromady tvoří uživatelské rozhraní:

• HTML – kostra stránky
• CSS – vzhled a styl
• JavaScript – interaktivita

Tyto tři technologie společně tvoří základ každého moderního webu.

HTML: struktura obsahu

HTML (HyperText Markup Language) definuje, co je na stránce: nadpisy, odstavce, tlačítka, obrázky, formuláře…
Bez HTML by web neexistoval – je to základní jazyk každé stránky.

CSS: vzhled a styl

CSS (Cascading Style Sheets) určuje, jak stránka vypadá. Barvy, rozestupy, písma, rozložení prvků nebo přizpůsobení pro mobily.
CSS odděluje design od obsahu – a díky tomu lze web snadno upravit, oživit nebo přizpůsobit značce.

JavaScript: život na stránce

JavaScript přidává stránce interaktivitu. Pomocí něj se dají vytvářet:

• rozbalovací menu
• dynamická tlačítka
• načítání obsahu bez reloadu
• validace formulářů

Bez JavaScriptu by dnešní weby působily jako tištěný leták.

Proč používáme framework VUE.js?

Moderní weby vyžadují rychlost, flexibilitu a dobrou udržovatelnost. VUE.js je JavaScriptový framework, který nám umožňuje:

• rozdělit web do přehledných komponent (např. hlavička, produktová karta…)
• efektivně pracovat s daty (např. filtrovat, načítat, reagovat na uživatele)
• snadno škálovat a přidávat nové funkce
• psát přehledný a čistý kód, který se dobře udržuje

Vue je ideální pro weby, které mají něco umět – ne jen „nějak vypadat“.

Frontend je první dojem vašeho webu

Návštěvník přichází na web a během pár vteřin ví, jestli zůstane, nebo odejde.
Frontend rozhoduje. Musí být krásný, funkční a rychlý – proto mu věnujeme maximální pozornost.