Kliens oldal, más néven frontend fejlesztés
Amikor a webböngésző címsorába beírtuk, hogy fiswebsites.hu, pár másodpercen bellül egy grafikus felhasználói felület tárul elénk.
Látunk képeket, szöveget, gombokat és hivatkozásokat amelyekre kattintva egy új oldalra juthatunk. Ezek a felhasználóhoz közelebb eső vége, frontendje a programnak. Funkcióját tekintve a frontend tehát az, ami megjeleníti az információkat, a backend pedig ami előállítja.
Hogyan dolgozik egy frontend fejlesztő?
A frontend programozók felelősek azért, hogy a webes alkalmazások vagy weboldalak megjelenése és interaktív működése megfelelő legyen a felhasználók számára.
Íme néhány lépés, amelyeket egy frontend programozó általában végrehajt a fejlesztési folyamat során:
- Követelmények értelmezése: A frontend programozók az ügyfél vagy a projektmenedzser által előírt követelményeket megértik és értelmezik. Ez magában foglalja a felhasználói felület kinézetének, interakcióinak és funkcióinak meghatározását.
- Tervezés és felhasználói élmény: A frontend programozók részt vesznek a felhasználói felület tervezésében, beleértve a képernyőtervek és a felhasználói élmény (UX) elemzését. Ez magában foglalhatja a megfelelő navigáció, a gombok, űrlapok, táblázatok, képek és más elemek elhelyezését.
- HTML és CSS: A frontend programozók használják az HTML-t (HyperText Markup Language) és a CSS-t (Cascading Style Sheets), hogy strukturálják és formázzák a weboldalakat vagy alkalmazásokat. Az HTML az alapvető felépítést, tartalmat és a struktúrát kezeli, míg a CSS a megjelenést, a stílust és a diagramokat határozza meg.
- JavaScript és keretrendszerek: A JavaScript egy programozási nyelv, amelyet a frontend programozók használnak a webes alkalmazások interaktivitásának és dinamikájának megvalósítására. A programozók megértik és alkalmazzák a JavaScript nyelvet, és lehetőség szerint használnak keretrendszereket vagy könyvtárakat, mint például a VueJs, React vagy az Angular, amelyek segítségével hatékonyabban dolgozhatnak.
- Felhasználói tesztelés: A frontend programozók végzik a webes alkalmazások vagy weboldalak felhasználói tesztelését, hogy megbizonyosodjanak arról, hogy a felhasználók számára megfelelően működnek és jól reagálnak az interakciókra.
- Együttműködés: A frontend programozók általában együttműködnek a tervezőkkel, a backend programozókkal és a projektmenedzs
import { animate } from '@planetaria/animaginary'
export function MyComponent({ open, children }) {
return (
<animate.div
in={open}
animateFrom="opacity-0 scale-95"
animateTo="opacity-100 scale-100"
duration={350}
>
{children}
</animate.div>
)
}