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:

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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>
  )
}