A weboldalfejlesztés története – 35 év, ami megalkotta a mai webet
1989 márciusában egy svájci fizikai laborban egy kutató beadott egy javaslatot a főnökének arról, hogyan lehetne összekapcsolni a tudományos dokumentumokat egymással. A főnök reakciója: „Vague, but exciting…" – „Homályos, de izgalmas." Ez a homályos ötlet ma 5,4 milliárd ember mindennapját határozza meg. Vegyük végig a 35 évet, amelyek alatt a statikus HTML dokumentumokból AI-vezérelt, globálisan elosztott élmény lett – és értsük meg, miért úgy fejlesztünk weboldalt 2026-ban, ahogy.
12 mérföldkő, ami megalkotta a webet
A teljes történet diójához – kattintható idővonalon.
Tim Berners-Lee javaslata a CERN-ben
A „Vague, but exciting" megjegyzéssel jóváhagyott javaslat egy hipertext-alapú információs rendszerről – a web elméleti alapja.
Megszületik a HTML
A dokumentumok strukturális leírására készült – a vizuális megjelenés akkor még másodlagos volt.
A Mosaic és az <img> tag
Az első képek beágyazásával a web vizuálissá vált. A kép a böngészőablakon belül jelent meg, nem külön ablakban.
JavaScript, PHP és Flash – egyetlen évben
Brendan Eich 10 nap alatt megalkotja a JavaScriptet. Rasmus Lerdorf kiadja a PHP első verzióját. A Macromedia bemutatja a Flash-t.
A CSS megmenti a webet
Håkon Wium Lie javaslatára a tartalom és a vizuális megjelenés szétválik – véget ér a „<table>-vel layout-olunk" korszak.
A WordPress elindul
Matt Mullenweg és Mike Little egy elhagyatott blogrendszer kódját forkolja. Ma a webes oldalak 43%-át hajtja.
AJAX és a Web 2.0
A Google Maps bemutatja, hogy a böngészőben asztali alkalmazás-szintű élmény is létrehozható. A web interaktívvá válik.
Az iPhone megérkezik
A 320 pixel széles képernyő alapjaiban változtatja meg a webdizájnt. Megkezdődik a mobilra optimalizálás kínszenvedése.
Reszponzív webdizájn
Ethan Marcotte cikke az „A List Apart"-on bemutatja a folyékony rácsok, rugalmas képek és media query-k hármasát.
React és a komponens-paradigma
A Facebook bevezeti a React könyvtárat. A weblapok egyre inkább alkalmazássá válnak, nem dokumentummá.
Serverless és AWS Lambda
A fejlesztőnek már szervert sem kell üzemeltetnie. A kód csak akkor fut, ha valóban szükséges.
AI, Edge Computing, generatív UI
A weboldalak már nem csak tartalmat szállítanak, hanem dinamikusan generálódnak a felhasználónak – a hálózat peremén futó kódból.
A statikus web hőskora
A web első évtizede meglepően puritán volt. Tim Berners-Lee 1989-es javaslata után 1991-ben megjelent az első böngésző (a NeXT számítógépen futó WorldWideWeb), majd egy évvel később a platformfüggetlen Line Mode Browser, amely már bármilyen operációs rendszeren működött – cserébe csak szürke szöveget tudott megjeleníteni.
A web ekkor még nem volt egyeduralkodó: a legnagyobb riválisa a Gopher protokoll volt, amely 1994 őszére négyszer annyi szervert működtetett, mint a web. A sorsát egyetlen döntés pecsételte meg: a Minnesotai Egyetem licencdíjakat kezdett követelni. A CERN ezzel szemben 1993 áprilisában köztulajdonba helyezte a webet. Ez a döntés tette a webet azzá, ami ma.
HTML (1991) – a tartalom szerkezete
HTTP (1991) – a kliens-szerver kommunikáció
URL (1992) – az egyedi cím
A vizuális web és a böngészőháború
1993-ban Marc Andreessen és csapata az NCSA-ban kiadta a Mosaic böngészőt – az elsőt, amely képes volt grafikus felületet kínálni az átlagos PC-felhasználónak. A legjelentősebb újítása az <img> tag volt, amely a képeket a dokumentumon belül jelenítette meg. Tim Berners-Lee ellenezte – túl rugalmatlannak tartotta. A Mosaic mérnökei mégis beépítették, és a felhasználók annyira szerették, hogy iparági szabvánnyá vált.
Ez a dinamika rögzült: a böngészőgyártók piaci döntései megelőzték a hivatalos szabványosító testületeket. Marc Andreessen 1994-ben megalapította a Netscape-et, majd 1995-ben a Microsoft kiadta az Internet Explorert – elindítva az első böngészőháborút.
<blink> taget (villogó szöveg), a Microsoft pedig a <marquee>-t (vízszintesen görgetődő szöveg). Mindkettő rövid életű volt – ma már szinte vicces emlékek.
A korszak igazi áttörése az 1996-ban szabványosított CSS. Håkon Wium Lie javaslata azt mondta ki, ami ma természetesnek tűnik: a tartalom és a vizuális megjelenés legyen szétválasztva. Vége lett a <table>-vel layout-olunk korszaknak – bár a böngészők inkompatibilitása miatt a fejlesztők még évekig kreatív „hackekkel" boldogultak.
A dinamikus web – PHP, Perl, ColdFusion
1995. Egyetlen év, három forradalom. Brendan Eich a Netscape megbízásából 10 nap alatt megírja a JavaScriptet. Rasmus Lerdorf kiadja a PHP első verzióját – eredetileg a saját önéletrajzának látogatottság-mérésére. A Macromedia elindítja a Flash-t.
Ezzel megszületett a dinamikus web. A weboldal többé nem egy fájl volt a szerveren – hanem egy pillanatban generált válasz, amely az adott felhasználónak, az adott időpillanatban készült. A PHP kombinációja a MySQL adatbázissal és az Apache szerverrel egy új paradigmát hozott: a LAMP stack a 2000-es évek végéig az internet 80%-át hajtotta.
A PHP eredeti neve „Personal Home Page Tools" volt. Csak 1997-ben írta át két izraeli egyetemista – Andi Gutmans és Zeev Suraski – a teljes értelmezőt, mert egy egyetemi feladaton dolgozva kétségbeestek a kód minőségétől. Az újraírás ma Zend Engine néven a Laravel és minden modern PHP keretrendszer alapja.
A pluginek és a Flash kalandja
Mielőtt a HTML5 elég érett lett volna komplex animációhoz és videóhoz, a web böngésző-bővítményekre támaszkodott. A Java Appletek, a Microsoft ActiveX, és különösen az Adobe Flash uralták a 2000-es évek interaktív webét.
A Flash története különleges: egy bukott tablet operációs rendszer (Penpoint OS) vektorgrafikus szerkesztőjéből lett a 2000-es évek webjének ikonja. A YouTube indulásakor (2005) a videólejátszó Flash-ben íródott. A Newgrounds platform Flash animátorok generációjának adott otthont. A bukását nem a technológia hozta el, hanem egy 2010-es Steve Jobs nyílt levél, amely rögzítette: a Flash biztonsági kockázat, és tönkreteszi az iPhone akkumulátorát.
A tanulság máig érvényes: a zárt, gyártófüggő technológiák nem versenyezhetnek a nyílt webszabványokkal. Aki ma egyedi webfejlesztést tervez, ezt az alapelvet ne felejtse el.
AJAX, Web 2.0 és a JavaScript-forradalom
A 2000-es évek közepéig egy gombnyomás után a böngésző „kifehéredett", a szerver elküldte az új teljes HTML oldalt, és a felhasználó várt. 2005-ben a Google Maps minden szabályt felrúgott: a térkép úszott, zoomolódott, és újratöltődött anélkül, hogy az oldal elhagyta volna a böngészőt.
A technológia neve: AJAX (Asynchronous JavaScript and XML). Az alapját egy 1999-es Microsoft technológia, az XMLHttpRequest objektum adta. A Google bemutatta, mi lehetséges vele – és a web egy egész napra megállt a csodálkozásban.
Ezután robbanás következett. A jQuery (2006) leegyszerűsítette a JavaScriptet, az AngularJS (2010) bevezette a kétirányú adatkötést, a React (2013) a komponens-paradigmát és a Virtuális DOM-ot. A weboldal és a webalkalmazás közötti határ végleg elmosódott.
A 2026-os Laravel-alapú egyedi weboldal pontosan ezt a két világot ötvözi: szerveroldali biztonság és teljesítmény (PHP gyökerek 1995-ből) + kliensoldali interaktivitás és reszponzivitás (a JavaScript-forradalom öröksége).
A WordPress-jelenség
2003 májusában két fejlesztő – Matt Mullenweg és Mike Little – elhatározta, hogy folytatja egy elhagyatott blogrendszer fejlesztését. A „b2/cafelog" névből „WordPress" lett. Ma az internet weboldalainak több mint 43%-át hajtja.
A siker titka az architektúrában rejlett. A 2004-es plugin-rendszer engedte a fejlesztőknek, hogy hozzáadják a saját funkcióikat anélkül, hogy a központi kódot módosítanák. A 2005-ös témarendszer szétválasztotta a dizájnt a tartalomtól. A 2018-as Gutenberg blokkszerkesztő a modern komponens-paradigmát hozta el.
A WordPress azonban sablon-alapú: amikor egy weboldal egyedi üzleti logikát, magas teljesítményt, szigorú biztonsági követelményt, vagy valami olyat igényel, ami nem fér be a plugin-ökoszisztémába, az architektúra korlátai gyorsan megmutatkoznak. Itt válik el a sablonos megoldástól az egyedi fejlesztés – egy modern PHP keretrendszerre, mint a Laravel.
A mobil és a reszponzív gondolkodás
2007. június 29. Az Apple piacra dobja az iPhone-t. A Safari böngésző megpróbálja az egész 12-oszlopos asztali webet betölteni egy 320 pixeles képernyőre. Az eredmény: pinch-and-zoom, vízszintes görgetés, frusztráció.
A fejlesztők első reakciója a „M-dot" oldal volt – egy külön mobil verzió (m.weboldal.hu). Drága, nehezen karbantartható, SEO-szempontból rémálom. Ethan Marcotte 2010-ben „A List Apart" cikkében bemutatta a megoldást: a reszponzív webdizájnt.
A reszponzivitás három lába:
- Folyékony rácsok – százalékos szélességek pixel helyett
- Rugalmas képek –
max-width: 100%minden vizuális elemre - Media query-k – különböző CSS-szabályok különböző képernyőméreteken
Luke Wroblewski tovább vitte a gondolatot a „Mobile First" filozófiával: a tervezést a legkisebb képernyőről kezdjük, és onnan bontjuk ki. Ma ez nem csak best practice – Google rangsorolási szempont. A Core Web Vitals méri, hogyan teljesít egy oldal mobilon, és ez közvetlenül befolyásolja a SEO pozíciót.
Modern infrastruktúra: konténerek, serverless, edge
A 2000-es évek deployment-je egy szó: kaotikus. A fejlesztő FTP-vel másolta a fájlokat egyenesen az éles szerverre. Az adatbázist élőben módosította. A „nálam a gépemen működik" mondat napi szinten elhangzott.
A Docker (2013) konténerizációja megszüntette ezt a káoszt: a kód, a függőségek és az operációs rendszer egyetlen hordozható egységbe csomagolva. A CI/CD automatikussá tette a kiadást: a fejlesztő feltöltötte a kódot, a rendszer letesztelte, és emberi beavatkozás nélkül kiadta. Az AWS Lambda (2015) elindította a serverless korszakot: a fejlesztőnek már szerverre sem volt szüksége.
A 2024–2026-os időszak vízválasztója a Serverless Edge Computing. Ehelyett, hogy a kód egyetlen központi adatközpontban futna, a hálózat peremén, a felhasználóhoz fizikailag legközelebbi CDN csomópontokon hajtódik végre. Az eredmény: milliszekundumos válaszidő globálisan, függetlenül attól, hogy a látogató Budapestről, Tokióból vagy São Paulóból érkezik.
Egy modern weboldal 2026-ban nem egyetlen szerveren fut, hanem dinamikusan, eseményvezérelt módon, a felhasználóhoz legközelebbi pontról. A Laravel + Vite kombináció pontosan erre az architektúrára épült: a frontend asszet-kezelés és a szerveroldali logika modern deployment-pipeline-on, container-alapú környezetben fut.
AI, generatív UI, és ami most jön
2024-től a weboldalak már nem csak tartalmat szállítanak. Generatív UI – az interfész elemei dinamikusan, az adott felhasználónak generálódnak. AI-vezérelt keresés – a látogató beszélgetni kezd a weboldallal. Schema markup és GEO-optimalizálás – a tartalom úgy strukturált, hogy az AI-rendszerek hivatkozni tudják.
A modern weboldal-fejlesztő munkája már nem a sablonos kódok írásáról szól, hanem az elosztott rendszerek koordinációjáról. React Compiler. API-first architektúra. WebAssembly. Tailwind CSS. Mind eszközök egy célhoz: olyan élményt nyújtani, amely minden eszközön, minden hálózati feltételen, minden felhasználónak optimálisan teljesít.
💡 Miért fontos a Cégem360 ügyfelei számára ez a történet? Mert minden korszak hozott egy tanulságot, ami ma is meghatározza a fejlesztési döntéseket. A nyílt szabványok győznek (Gopher kontra web). A teljesítmény stratégiai kérdés (CGI kontra modern PHP). A reszponzivitás nem opció (mobil-első indexelés). Az architektúra dönti el a sebességet (Edge computing). Mindezek az elvek az alapját képezik annak, ahogy mi 2026-ban Laravel-alapú egyedi weboldalakat fejlesztünk.
Hol tartunk most – és merre tartunk?
A 2026-os böngészőpiac konszolidálódott: a Chromium-alapú böngészők (Chrome, Edge, Brave, Opera) együttesen több mint 80%-os részesedéssel rendelkeznek. A Safari őrzi az Apple-ökoszisztéma 14–17%-át. A Firefox a független, magánéletvédelmi alternatíva. Az iparági figyelem áthelyeződött a böngészőkről az architektúrára: API-first, edge computing, AI-integrált felhasználói élmény.
A weboldal-készítés evolúciója egyetlen vezérlőelv mentén értelmezhető: az absztrakció növekedése. 1991-ben minden HTML sort kézzel írtunk. 2003-ban a WordPress elrejtette a kódolást a tartalom-szerkesztés mögé. 2015-ben a Lambda elrejtette a szervert. 2024-ben az AI elrejti magát a kódolási folyamatot. Mindeközben az alapok – HTTP, HTML, CSS, JavaScript – csendben dolgoznak a háttérben, ahogy 35 éve.
A Cégem360 fejlesztői csapata ezt az evolúciós hátteret hordozza minden projektben. A modern Laravel + Vite + Tailwind stack nem véletlenül vált sztenderdé – azért, mert minden korszak legjobb tanulságát integrálja: az 1995-ös PHP teljesítményét, a 2010-es React komponens-gondolkodást, a 2015-ös serverless skálázhatóságot, és a 2024-es AI-integrációs lehetőségeket. Minden új ügyfélprojekt egy mikrokrónika, amely 35 éves technológiai történetet visz tovább.
Gyakran ismételt kérdések
A jövő weboldalát szeretné felépíteni?
Vegye fel velünk a kapcsolatot, és építsünk együtt olyat, amely 35 év technológiai tanulságát hordozza – modern Laravel-alapú architektúrában, az Ön igényeire szabva.
Írta: A Cégem360 fejlesztői csapata | Utoljára frissítve: 2026. május
