Bemutatkozás

Célkitűzések

Tim Berners Lee
Tim Berners Lee

Oldalam azért jött létre, hogy bemutassa és népszerűsítse a szabványokra épülő, tartalom alapú, szemantikus és szabványos honlapkészítés fortélyait és ezek tervezési módszereit. A honlapok elkészítésénél szem előtt tartottam Tim Berners Lee (a web szülő atyja) célkitűzéseit és a Web Standard Project törekvéseit, valamint W3C szabványügyi szervezet által kiadott ajánlásokat. Szeretném bemutatni az egyetemes tervezés előnyeit, a tartalom központú új iskola által nyújtott rugalmas fejlesztési lehetőségeket, mely már a megírás kezdetétől akadálymentes, kereső- valamint vakbarát - ellenben a látvány alapú régi iskola technikáival elkészített honlapok korlátolt lehetőségeivel szemben.

Célom, hogy bemutassam a webszerkesztés és webprogramozás színfalak mögötti csodálatos világát, lerántva a leplet a misztikumokról, a szemfényvesztésről és a mágiáról. Szeretném, ha megerősödhetne ismét a minőségi informatika, ha a szakma régi motorosai lépést tartanának az új trendekkel, programozási konvenciókkal, böngésző független, újrahasznosítható és tiszta kódokat írnának. Szeretném, ha a megrendelők ismernék a jó weboldal ismérveit, ami nem csak a külső megjelenésről szól, hanem a tartalom felépítéséről, a struktúráról, a felhasználói élményről, használhatóságról és tipográfiájáról is. Szeretnék utat mutatni azoknak a kezdőknek, akik most ismerkednek ezzel a szakmával, hogy jó úton induljanak el, és ne álljanak át a sötét oldalra: a keretes és táblázat-hack-es honlapokhoz. A rutinosabbak is remélem, nagy haszonnal böngésznek majd a bemutatott kódok között.

Mit találhatsz az oldalon?

Egyetemes tervezés
Egyetemes tervezés

Hasznos, apróbb példakódokon keresztül begyakorolhatod a nyelv alapvető építőelemeit, szintaktikáját, illetve egyszerűbb projektekhez esettanulmányokat találhatsz az oldalon, melyek az idő folyamán remélem szép számmal gyarapodnak majd. Az alapvető építőkockák elsajátítása után következik ezek összeépítése, a már sokat alkalmazott sablon megoldások használata. Majd különböző bevált tervezési koncepciók, tervezési minták, újrahasznosítható elemek, OOP megoldások, melyeket könnyen testre tudunk szabni saját alkalmazásainkhoz. Az alapot képező elemi építőkockák, legó elemek ismerete és ezek rutinos összeépítése a sablonok testre szabása segítségével képessé tesz minket a legprofesszionálisabb és legösszetettebb webalkalmazások elkészítésére. Ehhez segítenek továbbá a programozói gondolkodást elősegítő hosszabb-rövidebb esettanulmányok és gyakorlati életből vett igazi példák. Innen már elegendő gyakorlással és kitartó lelkesedéssel, kreatívitással határ a csillagos ég, de ehhez csak az út elejét mutatom meg...

A tervezett témakörökből: Megismerhetjük a (HTML) tartalom és a (CSS) megjelenés teljes szétválasztásával készült honlapok létrehozásának módját. Mindezt (SEO) keresőoptimalizált, (WAI WCAG) akadálymentes és hozzáférhető, felhasználó- és nyomtatóbarát szempontok szem előtt tartásával a statikus és dinamikus oldalak esetében is egyaránt. Kitérünk az (MySQL) adatbázis tervezés lépéseire, az elemi (CRUD) adatbázis műveletekre, a diszkrét JavaScript nagyszerűségére, az AJAX technológiában rejtőző lehetőségekre és a manapság népszerű (jQuery) JavaScript függvénykönyvtárakra. Említésre kerülnek a (CMS) tartalomkezelő rendszerek, a méltatlanul mellőzött (XSS, SQL injektálás, URL befecskendezés, süti mérgezés, stb.) webes biztonsági kérdések, a nehezen fellelhető Apache hangolások, továbbá On the Fly megoldások témaköre is.

Szkriptek és programok

Programkódok
Programkódok

A példákban és leckékben az ismert fizetős (WYSIWYG) grafikus honlapszerkesztő programok (Adobe DW, Microsoft Expression Web 2, Microsoft FrontPage, stb.) helyett kizárólag ingyenes, nyílt forráskodú szoftvereket alkalmazunk csak: (AppServ, WAMP, XAMP, MAMP stb.) fejlesztőrendszerek, (Notepad++, KomodoEdit) szövegszerkesztők, (Apache) webszerver, MySQL adatbázis-kezelő, (phpMyAdmin) grafikus adatbázis-kezelő interfész, (HTML, CSS, PHP, JavaScript, AJAX, JSON, XML, SVG, RSS, mikro adatok) nyílt szabványok, (jQuery, YahooUI, MooTools, Dojo, Prototype, ExtJS, stb.) osztálykönyvtárak, (WordPress, Drupal, Joomla) tartalomkezelő rendszerek, (TinyMCE, TinyEditor, niceEdit) szerkesztők és társaik.

Természetesen a példakódok forrásállományai letölthetők a weboldalról, a webszerkesztéshez és webfejlesztéshez szükséges ingyenesen felhasználható programok ugyancsak megtalálhatók a hasznos oldalak menüpont alatt. A weboldalon szerepelhetnek mások szellemi termékei is: kódok, jegyzetek, összefoglalók vagy szoftverek - ezek a Creative Commons, valamint a GPL licensz feltételei betartásával használhatók fel.

Kellemes nézelődést és jó böngészést kíván a szerkesztő: Angyal Krisztián
Weblapot szerkeszteni mindenki tud! Csak az nem mindegy, hogyan...