Ha weboldalt szeretnél készíttetni, előbb-utóbb biztosan találkozol néhány furcsa rövidítéssel.

HTML. CSS. PHP. JavaScript.

Elsőre úgy hangzanak, mintha valamilyen titkos programozói nyelvek lennének, amelyeket csak a fejlesztők érthetnek.

A valóság ennél sokkal egyszerűbb.

Mindegyiknek megvan a saját feladata, és együtt működnek azért, hogy a weboldal pontosan úgy nézzen ki és úgy viselkedjen, ahogy azt megszoktuk.

A jó hír pedig az, hogy ha weboldalad van, nem kell programozónak lenned. Érdemes azonban megérteni az alapokat, mert így sokkal könnyebb lesz kommunikálni a fejlesztőddel, és jobban átlátod, hogy mi történik a weboldalad „motorházteteje alatt”.

Tényleg szükségem van ezek ismeretére?

Röviden: nem.

Gondolj csak egy autóra.

Nem kell tudnod motort szerelni ahhoz, hogy biztonságosan vezess.

Attól még hasznos, ha tudod, mire való a fék, a kuplung vagy a műszerfalon világító visszajelző.

A weboldalaknál ugyanez a helyzet.

Nem kell kódot írnod, de ha tudod, hogy melyik technológia mire szolgál, sokkal könnyebben megérted a fejlesztési folyamatokat és reálisabb elvárásaid lesznek egy-egy módosítással kapcsolatban.

Mi az a HTML?

A HTML a weboldal alapja.

Ha egy weboldalt egy házhoz hasonlítanánk, akkor a HTML lenne a falak, a födém és a tető.

Ő határozza meg, hogy mi hol helyezkedik el.

Például:

• itt legyen a főcím,
• ide kerüljön egy kép,
• ez legyen egy bekezdés,
• itt jelenjen meg egy gomb,
• itt kezdődjön egy táblázat.

Önmagában azonban a HTML meglehetősen egyszerűen néz ki.

Ha minden weboldalról eltűnne a CSS, akkor szinte csak fekete szöveget látnál fehér háttéren.

Mi az a CSS?

Ha a HTML a ház szerkezete, akkor a CSS a festés, a burkolat és a lakberendezés.

Ő felel azért, hogy egy weboldal jól nézzen ki.

A CSS határozza meg például:

• a színeket,
• a betűtípusokat,
• a margókat,
• a gombok megjelenését,
• az árnyékokat,
• az animációkat,
• valamint azt is, hogyan alkalmazkodjon a weboldal mobiltelefonon vagy tableten.

A HTML megmondja, hogy mi jelenjen meg.

A CSS pedig azt, hogy hogyan nézzen ki.

Mi az a JavaScript?

A JavaScript teszi élővé a weboldalt.

Ha rákattintasz egy gombra, megnyílik egy menü, megjelenik egy felugró ablak, automatikusan frissül egy lista vagy egy képváltó galéria működésbe lép, akkor nagy valószínűséggel JavaScript dolgozik a háttérben.

Szinte minden modern weboldal használ JavaScriptet.

Enélkül a legtöbb oldal ugyan megjelenne, de sokkal kevésbé lenne kényelmes és interaktív.

Mi az a PHP?

A PHP az a technológia, amelyet a látogatók általában soha nem látnak.

Míg a HTML, a CSS és a JavaScript a böngészőben fut, addig a PHP a szerveren dolgozik.

Ő intézi például:

• a bejelentkezéseket,
• a kapcsolatfelvételi űrlapokat,
• a rendeléseket,
• a kosár működését,
• az adatbázis kezelését,
• a felhasználói fiókokat,
• és a legtöbb háttérfolyamatot.

Ha például egy WooCommerce webáruházban leadsz egy rendelést, annak jelentős részét PHP dolgozza fel.

A látogató ebből semmit sem vesz észre.

Csak azt látja, hogy néhány másodperc múlva megjelenik a rendelés visszaigazolása.

Hogyan dolgoznak együtt?

Talán egy étterem példájával a legegyszerűbb elképzelni.

A HTML az étterem épülete és az asztalok.

A CSS a berendezés, a dekoráció és a hangulat.

A JavaScript a pincér, aki odajön az asztalodhoz, felveszi a rendelést és reagál arra, amit kérsz.

A PHP pedig a konyha, amelyet a vendégek nem látnak, de ott készül el minden étel.

Egyik sem fontosabb a másiknál.

Mindegyik más feladatot lát el, és együtt alkotják azt a rendszert, amit weboldalnak nevezünk.

WordPress használata mellett kell ezekhez érteni?

A legtöbb esetben nem.

Éppen ezért olyan népszerű a WordPress.

Egy modern sablonnal – például az Avadával – rengeteg dolgot vizuális felületen lehet beállítani, programozás nélkül.

Ez azonban nem jelenti azt, hogy ezek a technológiák eltűntek.

Éppen ellenkezőleg.

Az Avada is HTML-t, CSS-t, JavaScriptet és PHP-t használ – csak éppen neked nem kell ezeket kézzel megírnod.

Ha viszont később szeretnél egyedi módosításokat, különleges funkciókat vagy teljesen személyre szabott megoldásokat, akkor ezekhez már fejlesztői tudásra van szükség.

Mennyit érdemes megtanulni?

Ha vállalkozóként weboldalad van, akkor általában elegendő ennyit tudni:

A HTML megmutatja, hogyan épül fel egy oldal.

A CSS felel a megjelenésért.

A JavaScript teszi interaktívvá.

A PHP pedig a háttérben végzi azokat a feladatokat, amelyeket a látogatók nem látnak.

Ennyi tudással már sokkal könnyebben megérted, miről beszél a fejlesztőd, amikor egy új funkció vagy módosítás kerül szóba.

Nem kell programozónak lenned.

Elég, ha érted az alapelveket.

Összegzés

A HTML, a CSS, a JavaScript és a PHP négy teljesen különböző technológia, amelyek együtt alkotják azt a weboldalt, amelyet nap mint nap használsz.

Nem kell megtanulnod programozni ahhoz, hogy sikeres weboldalad legyen. Ahogy egy autó tulajdonosának sem kell motort szerelnie, úgy egy vállalkozónak sem kell ismernie minden sor kód működését.

Ha azonban tisztában vagy azzal, hogy melyik technológia mire való, sokkal könnyebben kommunikálsz majd a fejlesztőddel, és jobban átlátod, miért tart egy-egy módosítás néhány percig, míg egy másik akár több napot is igénybe vehet.

---

Van egy hasonló kérdésed?

Ha bizonytalan vagy abban, hogyan működik a weboldalad, vagy nem tudod eldönteni, milyen fejlesztésre van valóban szükséged, nem kell egyedül kibogoznod a technikai részleteket. Szívesen segítek átnézni a jelenlegi weboldaladat, és közérthetően elmagyarázom, milyen lehetőségeid vannak.

Miben tudok segíteni?

• WordPress weboldalak készítése és fejlesztése
• Avada alapú weboldalak testreszabása
• WooCommerce webáruházak készítése
• Egyedi funkciók és fejlesztések
• Weboldalak gyorsítása és technikai optimalizálása
• Weboldalak karbantartása és hibajavítása

Kérdésed van?

Ha új weboldalt szeretnél, egy meglévőt fejlesztenél tovább, vagy egyszerűen csak szeretnéd tudni, hogyan lehetne hatékonyabb a jelenlegi oldalad, szívesen segítek. Sok esetben már egy rövid beszélgetés során is kiderül, hogy milyen megoldás lenne a legjobb a vállalkozásod számára.