Hogyan építs fel egy weboldalt a nulláról profikhoz méltóan, akkor is, ha kezdő vagy? – 1. rész

08/03/2023

4 perc olvasási idő

Valószínűleg most azért vagy itt, mert eldöntötted (vagy épp azon gondolkodsz), hogy felépítesz a semmiből egy weboldalt. Erre több okod is lehet: állást szeretnél kapni frontend fejlesztőként egy cégnél, szeretnéd megtanulni, miként hozhatsz létre weboldalakat, amikre a munkádhoz van szükség, vagy önállóan szeretnél webfejlesztővé válni.

Ha még sok benned a kérdőjel az elindulással kapcsolatban (miként állíthatsz be egy domaint, hogyan tervezheted meg az oldalt, milyen más részletekre kell figyelned a működésével kapcsolatban, egyáltalán értened kell-e a programozáshoz, esetleg anélkül is boldogulhatsz) akkor ezt az útmutatót neked találtuk ki.

Az interneten számtalan útmutatót találhatsz arról, hogyan építhetsz fel egyszerű weboldalakat WordPress segítségével, valamint nem egy platform hirdetésével is találkozhatsz, amik azt ígérik, percek alatt megtanítanak weboldalt létrehozni, mindezt nulla programozási ismerettel. Mi arra próbálunk most választ adni, melyik utat válasszuk: tanuljunk meg kódolni vagy használjunk egy honlapszerkesztőt?

webdesigner_codecool

Tartalomjegyzék

A weboldalak létrehozásának módjai: Kódolás vs. honlapszerkesztők

Arra a kérdésre, hogy „Hogyan hozzak létre egy weboldalt?” létezik egyszerű és összetett válasz is, attól függően, milyen megoldást választasz: használhatsz honlapszerkesztőt, vagy felépítheted közvetlenül kódolással.

Ha úgy döntesz, megtanulsz programozni, és teljesen függetlenül kódolod le az oldalt, az bonyolultabb lesz, mint egy olyan platformot használni, ahol sablonok állnak rendelkezésedre, azonban az eredmény sokkal minőségibb lesz, akár tehetségesnek tartod magad, akár nem.

Ha azt szeretnéd megtanulni, hogyan építhetsz fel egy weboldalt nulláról, akkor ezekre lesz szükséged: HTML, CSS és JavaScript. De ez nem annyira komplikált, mint amilyennek hangzik.

A sablonokat kínáló platformok, mint a Wix, a Weebly vagy a Squarespace elsőre olyasminek tűnhetnek, amik megkönnyítik az életed, ám az oldal létrehozása közben sok nehézséggel szembesülhetsz, és kompromisszumokat kell kötnöd; előfordulhat, hogy kénytelen leszel módosítani az oldaladdal kapcsolatos részleteket, a különféle opciókért ráadásul gyakran fizetned is kell.

Viszont a platformok hasznosak lehetnek, ha nem akarsz vállalkozást indítani, vagy olyan oldalakat létrehozni, amikkel a karriered építheted profi szinten. Ám, ha a profizmus a célod, íme egy lista a két módszer előnyeiről és hátrányairól.

Következzen hát az összehasonlítás arról, miért tanulj meg kódolni szemben azzal, miért használj honlapszerkesztő platformokat:

codecool laptop

1. Ha nulláról építesz weboldalt, kódolással, 100%-ban te irányítod majd azt

A platformok segítségével létrehozott oldalak az adott platformon is maradnak. Nagyon nehéz később átvinni máshová, mivel a forráskódot metaadatra fordítják le. A legtöbb platform így működik, ami azt jelenti, hogy ha másik platformra akarod átvinni az oldalt, újra kell építened azt, minden funkcionalitással együtt.

2. Az ingyenes platformok gyakran nem ingyenesek

Mind hallottuk már azt a kifejezést, hogy „amit adsz, azt kapod vissza” – ez a sablonokat alkalmazó platformokra is igaz. Általában az ingyenes verziók eléggé korlátozottak, már ami a rendelkezésedre álló eszközöket illeti, vagy egy ponton fizetned kell azért, hogy hozzáférj a szükséges opciókhoz. Az ingyenes verziók emellett csak kevés tárhelyet biztosítanak, ezért idővel előfordulhat, hogy elő kell fizetned a prémium verzióra, mert elfogyott az ingyenes verzióhoz tartozó tárhely a szervereiken.

Továbbá számos platform jelenít meg hirdetéseket az oldaladon – olyan hirdetéseket, amik nem relevánsak számodra, és nem is hoznak bevételt neked.

3. Jobban meg fogod érteni a saját kódodat

Ha jó vagy a programozásban, a kód megírása nem fog tőled többet követelni, mint egy honlap felépítése valaki más kódjával. Sőt, talán még kevesebbet is vesz ki belőled. Amikor valaki más kódját használod, több időd megy el az integrálással és a finomításokkal, hogy úgy nézzen ki, ahogy te szeretnéd.

Egyes esetekben előfordulhat, hogy nem is érted az oldal minden funkcióját, aztán kellemetlen következményekkel kell szembesülnöd, sőt, ami még rosszabb, olyan jellemzők is lehetnek az oldalon, amikről nem is tudsz, de negatív hatást gyakorolhatnak rád.

És persze hiba vagy bug esetén sokkal több időt kell eltöltened a diagnosztika futtatásával valaki más kódján, mint a sajátodon. Ez akkor is igaz, ha további funkciókat akarsz hozzáadni, vagy a meglévőeket szeretnéd módosítani.

Nem azt akarjuk mondani, hogy élből utasíts el minden eszközt, amit valaki más fejlesztett le (és most nem csak az olyan platformokról beszélünk, amelyek segítenek a weboldalak fejlesztésében), mert tényleg nagyon hasznosak, és még a tapasztalt programozók is alkalmazzák őket, de oda kell figyelned rá, hogy ha egyszer beépítetted az oldaladba, az adott eszköz kockázatokkal és bonyodalmakkal járhat. Szóval körültekintően válaszd ki őket.

4. Az általad írt kód mindig hatékonyabb lesz

A hatékonyság a programozás egyik alapelve. És a platformok által írt kódok mindig sokkal bonyolultabbak lesznek. Ülj le kicsit kielemezni az ilyen sablonok forráskódjait, és látni fogod, hogy az URL rengeteg metaadatot tartalmaz, számtalan utasítással. Ha az oldal ingyenes, sok ilyen utasítás olyan hirdetésekre mutat, amiket képtelenség eltávolítani.

Ez a temérdek információ azt jelenti, hogy az URL több külső komponensre hagyatkozik. Emiatt pedig megnő az esélye annak, hogy az oldal leáll, vagy technikai gondok merülnek fel.

5. A kódod biztonságosabb lesz

Ez elég egyértelmű szempont. A kódod nyilvánvalóan biztonságosabb lesz, mint egy harmadik fél általi oldalé. Mivel ezek a platformok ugyanazt a kódot használják minden oldal esetén, vonzó célpontot jelentenek a hackereknek.

6. Az eredeti kód sokkal értékesebb lesz a jövőbeli ügyfeleknek

Észrevetted már, hogy egyes oldalakban sok a közös? És hogy időről időre olyan oldalakkal találkozol, amikben ránézésre már túl sok is a közös? Ez a sablonokon alapuló platformok miatt van.

Semmi gond nincs a sablonok használatával, ha személyre szabod őket, és ezzel egyedivé teszed a kinézetüket, de ha fejlesztő vagy, és módosítás nélkül alkalmazod a sablonokat, idővel egyre kevesebb lesz a megbízásod, mert az ügyfelek inkább olyan szolgáltatásokat választanak, amik egyedi, testre szabott, az igényeiknek megfelelő termékeket szállítanak nekik.

7. A honlapszerkesztőkkel korlátozott lehet a mobilon való megjelenítés 

A kód esetén nagyon fontos, hogy az oldal felhasználói a mobilra optimalizált verziót is kiélvezhessék. Sok platform sablonjából hiányzik a mobilra optimalizált verzió. Miért lényeges ez? Mert már néhány éve – a legtöbb területen – a weboldalak megtekintése mobileszközön megelőzi az asztali gépen való megtekintést.

Egyes platformok esetén nehézségekbe ütközhetsz az oldal mobilos megjelenítésekor, egyszerűen azért, mert a platform nem teszi lehetővé ennek a verziónak a módosításait. Épp ezért a platform által kínált kialakításra kell hagyatkoznod, ami nem biztos, hogy ideális.

8. Az oldal élő verziója eltérhet az előnézettől

A legtöbb platformnál van előnézet opció, hogy megtekinthesd az oldalt a közzététel előtt. Azonban vannak esetek, amikor az előnézeti és a közzétett verzió nem egyezik. Épp ezért fennáll a veszélye annak, hogy elvesztegeted az időt egy olyan oldal létrehozására, ami nem úgy fog kinézni, ahogy akarod. Ez frusztráló lehet, és azon kaphatod magad, hogy a platform nyújtotta lehetőségek csak lekorlátoznak

Hajt a kíváncsiság, hogy felfedezd, milyen a front end, és a webfejlesztés?

Ne hezitálj, vágj bele az online végezhető képzésünkbe, és válj profi webfejlesztővé pár hónap alatt! 

Legyen neked is egy izgalmas és biztos karriered! Most már nincs akadály, hiszen esti, munka mellett végezhető képzésünkhöz is csatlakozhatsz.

Rólunk

A Codecool az a programozóiskola, ahol a tech karriered kezdődik. Bízd magad profi mentorainkra, csapj le az állásgaranciánkra, és fizess csak utólag, kényelmes, havi részletekben.
Kérdésed van? Segítünk! Kérdezz a chatbot-tól, kérj visszahívást, vagy dobj egy emailt a [email protected] címre.

Kapcsolódó posztok

Rendszerüzemeltető képzés – Tudd meg, hogy neked való-e!
A rendszerüzemeltetés amolyan IT-s jolly jokernek...
Codecool vélemények és gyakori kommentek – Itt vannak a válaszok!
Érdekel a Codecool 10 hónapos képzése,...
Befektetés a jövődbe: Egy programozó képzés hosszú távú előnyei + fizetések 2023-ban
Azon gondolkozol, hogy befektetsz egy programozó...

Add meg elérhetőséged, és hamarosan visszahívunk!