Web fejlesztés tanfolyam

Miért webfejlesztés?

Az internet ma már a családok mindennapi életének részévé vált. Az informatikusoknak kötelező a megismerkedés az internetes technológiákkal. Azt hiszi sok diák, hogy ez valami hókuszpókusz, amit nehéz elsajátítani és hónapok, évek kellenek a megtanulásához.Ez természetesen nem igaz, de az igaz, hogy mint sok minden mást, ezt sem nem adják könnyen.

Mire leszek képes, ha az alábbi dolgokat megtanulom?

Ha szórakozásból tanulcs, vagy rendszergazda akarsz lenni

  • Tudsz majd egyszerű statikus és valamennyire bonyolult dinamikus oldalakat készíteni.
  • Képes leszel ízléses vagy kevésbé ízléses web oldalak designját elkészíteni
  • Képes leszel feltelepíteni tartalomkezelő rendszereket
  • Képes leszel feltelepített weboldalak karbantartására
  • Képes leszel Webmesterként dolgozni

Milyen internettel kapcsolatos foglalkozások vannak?

Amikor webfejlesztéssel kezdesz foglalkozni érdemes végiggondolni, hogy mit akarsz ezzel a tudással kezdeni és hová akarsz eljutni.

  • Azt már leírtam, hogy a tanulni vágyás és a kezdő rendszergazdának elegendő tisztán a technológiákat megtanulni.
  • Webmester. Képes webes alkalmazásokat telepíteni, beállítani, menteni, visszaállítani. Tartalmakat tud felvinni az adott rendszerbe és kisebb módosításokat el tud végezni a felületeken.
  • Webdesigner. Olyan fejlesztő, aki egy weboldal kinézetéért felelős és elsősorban az a feladata, hogy a színek, formák és a webes grafikai trendek világában legyen otthon. Ma már foglalkoznia kell a mobiltelefonokon megjeleníthető webes tartalmakkal is. A HTML-en kívül a színekkel, a színek harmóniájával, képszerkesztéssel és CSS-sel kell fogllakoznia.
  • Front-end fejlesztő. Olyan programozó, aki azzal foglalkozik, hogy az interneten elérhető alkalmazás kellően "kézreálljon", azaz az alkalmazás kinézete logikusan legyen felépítve, a felhasználó a szükséges elemeket megtalálja. A front-end a felhasználói felület programozója. Ismernie kell a szerver oldali technológiákat, a javascript tehcnológiákat, azon belül is az AJAX technológiát, és a CSS-t.
  • Szerver oldali fejlesztő. Ismernie kell a szerver oldali technológiákat (pl. PHP, MYSQL, ...), képesnek kell lennie nagy rendszerek megszervezésére és nem árt hogyha a kliens oldalhoz is ért, azaz javascript, AJAX, HTML, CSS.
  • SEO szakember. Mivel a HTML világa nem önmagáért való, ezért a weboldalaknál gyakran nagyon fontos, hogy az oldal látogatottsága nagy legyen, azaz a keresőprogramok megtalálják. Search Engine Optimalization = SEO. Olyan szakember, aki tudja, hogy a kereső programok hogyan adnak egy oldalnak előkelő helyezést. Tisztában kell lennie a HTML, a CSS alapjaival, rendszergazdai képességek kellenek.
  • Webes marketing szakember - A SEO csak egy dolog az internetes reklámozás eszközei közül. A nagy kereső rendszerek képesek relámozni is oldalakat. Azok, akik ilyen témába vágnak bele a szokásos HTML, CSS, SEO témákon kívül kell foglalkozni a nagy reklámfelületek - Google, Bing keresők és Facebook, Twitter, stb... közösségi oldalak reklámozásának technologóiájával is.

Mi kell ahhoz, hogy webfejlesztésre alkalmas környezetem legyen?

  • Kell egy PC, egy Linux operációs rendszerű gép vagy egy MacIntosh. Lényegében mindegy.
  • Kell egy jó editor, amivel HTML kódot, CSS kódot, javascript kódot, és PHP kódot tudunk írni. Nem baj, ha ingyenes, nem baj, ha fut a gépünkön és az sem baj, hogyha a kód hibáit kijelzi.
  • Kell egy olyan program, amivel a MySQL SQL utasításokat tudjuk szerkeszteni
  • Kell egy Apache+Mysql+PHP szerver stack
  • Kell egy böngésző a számítógépeden
  • Kell esetleg internet hozzáférés.
  • Kell egy jó adag elszántság

Ezeket a tanfolyamom során mind odaadom és használhatod. A jó adag elszántsággal neked kell rendelkezned!

Mi az, amire a tanfolyam nem ad választ?

Miért kell neked ezt a sok mindent megtanulni? Erre neked kell rájönnöd, mert ha itt vagy és elolvasod a szöveget rájössz, hogy kell-e ez neked.

Rövid mi micsoda a webfejlesztés terén?

Mivel én magam is tudom, hogy egy kezdő tanfolyamon nem lehet a tanuló nyakába zúdítani minden információt, ezért ígérem, hogy minden területről csak annyi információt gyúrok egybe, hogy bárki számára emészthető legyen.Az alábbiakban a megtanulandók sorrendjében elmondok néhány alapfogalmat

HTML

Ez egy jelölő nyelv (nem programozási nyelv!), amelynek segítségével tartalmakat tudsz megjeleníteni webböngészőben. Olyasmi, mint egy szövegszerkesztővel elkészített anyag, csak éppen a szöveg megjelenésének formáját szabályozni kell. Ezt jelölőkkel (tag-ekkel) oldja meg. ezt a nyelvet alkalmazzák internetet használó mobiltelefonos alkalmazások esetén is sokszor. A legutolsó változata a HTML5.

CSS

A HTML nyelv a megjelenítendő tartalmak tartalmáért, szerkezetéért felelős. A CSS nyelv a tartalmak megjelenésének formájáért, a színekért, alakokért, helyekért felelős. A designerek sokat foglalkoznak vele, használják. Az utolsó változata a CSS 3.

Javascript

Igazi programozási nyelv. Segítségével a böngészőben megjelenő tartalmak megjelenését lehet interaktívvá, mozgalmassá tenni. Az AJAX technológia a Javascripten alapul. Ha a weboldalon egy esemény fut le, például egy linkre kattintunk az egérrel, a Javascript meghív a szerverről egy linket, amit a szerver kiszolgál és tartalmat küld vissza, majd a Javascript kód a megkapott tartalmat beszúrja a weboldalba. Ilyen módon a teljes oldal újra töltése nélkül változhat az oldal tartalma.

WEBszerver - pl. Apache

Olyan szoftver, amely kiszolgálja az internetről érkező kéréseket. A webszerver futhat egy közönséges PC-n vagy notebookon is és így lehet internetes tartalmakat szerkeszteni.

MYSQL - Adatbáziskezelő szerver

A nagy mennyiségű adatot a weboldalak szinte sohasem fájlokban tárolják, hanem egy adatbázis-kezelőben, például MySQL-ben, amely az egyik legelterjedtebb ingyenes adatbázis-kezelő rendszer. Utolsó változatai: MySQL 5.7. A MySQL is feltehető egy közönséges asztali gépre, vagy notebookra, így az internetes fejlesztésnek ez a része is mehet otthon.

PHP

A webszerveren futó programozási nyelv. A legelterjedtebb a világon és viszonylag egyszerű megtanulni az alapokat. Könnyű elsajátítani az alapokat, de alkalmas arra is, hogy bonyolult rendszereket készítsenek benne. A legutolsó változata a PHP 7.

WAMP, LAMP

Ezzel a betűszóval jelölik a Windows (Linux) + Apache + MySQL + PHP fejlesztésre alkalmas programcsomagot, amit feltelepíthetünk egy gépre.

Egy internetes szerver - kliens rendszer felépítése

Felhasználási területek

CMS - Tartalomkezelő rendszer (Content Management System)

Az internetes tartalomszolgáltatás már régen kinőtt a gyerekkorból és sokan gyors módszereket keresnek arra, hogy az interneten tartalmakat osszanak meg egyszeűen, viszonlyag kevés programozással. Ha valaki csak egy ilyen rendszer üzemeltetését akarja végezni, akkor nem feltétlenül van szüksége az össze korábbi tudásra, de a korlátait hamar eléri és rájön, hogy tulajdonképpen minden korábban felsorolt területhez kell valamennyit értenie. A PHP alapú CMS rendszerk közül néhány elterjedt: Drupal 7 vagy Drupal 8, Wordpress, Joomla.

WEB áruházak

Olyan szoftverek, amelyeken keresztül lehet árukat bemutatni, rendelni, kifizetni. Ilyen például a Drupal kiegészítése, vagy az ingyenes Prestashop. Ha egy keresőben rákeresünk az alábib szavakra: free, webshop, akkor találunk sok ingyenes rendszert is.

Saját hobbi, céges weboldalak

A hobbi oldalakkal kapcsolatban nincsenek nagy igények, inkább a lehetőségek kipróbálása a cél. A céges weboldalaknál viszont már fontos a megjelenés, a céges design követée és a tartalmak megfelelősége is. Céges weboldalt ma már szinte kizárólag tartalomkezelő (CMS) rendszer segítségével érdemes elkészíteni, mert azokban minden szükséges modul megvan.

Egy jó webes technológiákkal foglalkozó oldal