Természetesen a választás nagyban függ a céljaidtól. Ha például tudományos számításokat, statisztikai elemzéseket vagy Big Data projekteket szeretnél megvalósítani, a frontend fejlesztést akár át is ugorhatod, és érdemes inkább az adatbázisok vagy a Python világában elmerülnöd. Itt számtalan matematikai és tudományos könyvtár (library) áll a rendelkezésedre, amelyek segítenek az ilyen feladatok megoldásában.

Mi az a frontend?

Gondolj egy weboldalra, amelyet nemrég meglátogattál. Valószínűleg színes, interaktív, informatív, és tele van kattintható elemekkel. Ezeket mind a HTML, a CSS és a JavaScript (vagy valamilyen JS/TS alapú framework) segítségével készítették.

A frontend az, amit az oldal látogatói közvetlenül érzékelnek és használnak. Ha viszont dinamikus weboldalak készítése a cél, ahol adatbázisokkal és háttérrendszerekkel (backenddel) is dolgozol, az már egy magasabb szintet, komplexebb tudást igényel. De ne szaladjunk ennyire előre! Fontos, hogy szilárd alapokkal kezdjünk, mert csak erre lehet építkezni.

Mi az a backend?

A backend a weboldalak és alkalmazások „motorja” a színfalak mögött. Ez felelős a szerverekkel való kommunikációért, az adatok feldolgozásáért és az adatbázisok kezeléséért. A backend fejlesztés során olyan programozási nyelvekkel dolgozhatsz, mint a Python, Java, PHP, stb.

Például amikor egy webshopban rákeresel egy termékre, a keresés a backend rendszeren fut le: az adatbázisban megkeresi az eredményeket, majd visszaküldi a frontend számára, hogy megjelenítse azokat.

Mi az adatbázis?

Az adatbázis a weboldalak és alkalmazások „memóriája”. Ide kerülnek az adatok, például a felhasználók regisztrációs adatai, a termékek listája vagy a rendelések információi. Az adatbázisok kezelésére olyan rendszereket használnak, mint például a MySQL, PostgreSQL, vagy a MongoDB.

Egy kis hasonlat a könnyebb megértéshez

Képzeld el az emberi testet:

• HTML = a váz, az alapstruktúra.
• CSS = a külsőségek, mint a bőr, a haj és az egyéb megjelenés.
• JavaScript = az izomzat, amely mozgásba hozza a dolgokat.
• Backend és adatbázisok = az agy és a belső szervek, amelyek irányítják és támogatják a test működését.

A tanulást tehát érdemes a vázzal, vagyis a HTML-lel kezdeni. Ez nem programozási nyelv, hanem leíró nyelv, de elengedhetetlen a megértése és az alapos ismerete. A modern webalkalmazások nagy része ezen az alapon épül, ezért olyan, mintha megtanulnád az írás alapjait, mielőtt egy idegen nyelv elsajátításába kezdenél.

Eszközök a kódoláshoz

Fontos, hogy milyen eszközökkel dolgozol. Elméletben akár egy jegyzettömbben is kódolhatsz, de ez kényelmetlen és hamar átláthatatlanná válik. Érdemes profi kódszerkesztőt használni, amely segíti a munkádat.

Személyes ajánlások:

• Visual Studio Code: Ha teljesen kezdő vagy, ez egy remek választás. Ingyenes, könnyen használható, és rengeteg bővítményt (plugin) kínál, amelyekkel még hatékonyabbá teheted a munkát.
• Jetbrains – WebStorm: Szintén ingyenes, ha később érdekel a PHP, Java, érdemes erre ráállni, nagyon sok frontend Framework támogatás.
• Jetbrains – PhpStorm:
• Jetbrains – IntelliJ IDEA Ultimate: Haladóknak ajánlom, különösen, ha Java-ban is dolgozol. Ez egy rendkívül erős eszköz, amely a frontend fejlesztéshez is jól használható, viszont sajnos fizetős.

Hasznos oldalak tanuláshoz

• https://www.w3schools.com: Egyszerű, érthető útmutatók szinte minden webfejlesztéssel / programozással kapcsolatos témában.
• Udemy: Fizetős, de gyakran jelentős akciókkal kínál kiváló tanfolyamokat minden szinten. Leárazáskor 10-15 dollárért vehetünk nagyon jó leckéket.
• FreeCodeCamp: Teljesen ingyenes tananyagok, gyakorlati projektekkel.

Felkészültél?