A scriptaculous egy a prototype keretrendszerre épülő JavaScript keretrendszer, ami segíti a webfejlesztőket, hogy könnyedén adhassanak hozzá a projectjeikhez vizuális efekteket, és ajax alapú megoldásokat. Ebben az első részben az efektekkel ismerkedünk meg. »»

A formok azok az eszközök amelyeken keresztül a user a legszabadabban tud webalkalmazásunkkal kommunikálni. Alapesetben a formok nem túl intelligensek, de egy kis munkával igen kifinomult eszközökké változtathatjuk őket. »»

A bandwidthd egy egyszerű kis hálózati forgalom mérő eszköz, ami elérhető Linuxra, Mac OS X-re és Windowsra is. Főleg akkor jön jól ha több felhasználó osztozkodik ugyanazon a kapcsolaton és időnként belassssssssul a net. »»

Az Ajax X-e eredetileg az XML miatt került oda a végére. A gyakorlat egyre inkább cáfolja az eredeti elképzelést, mert az XML szépen kiszorul a JSON-nal szemben. Perzse ha már lehet választani, akkor jön a dilemma, hogy melyiket is? »»

Firebug kóstolgatás negyedik felvonás. Amit a profilerről tudni érdemes. 6 perc, 16,8 MB és letölthető innen. »»

Az ajaxnak mint technológiának egyik hatása a fejlesztőkre nézve, hogy alaposan át kell gondolniuk eddigi elképzelésüket a webről. Az, hogy a lap újratöltése nélkül is tudunk a kliens és a szerver között adatot cserélni olyan lehetőségeket nyit meg előttünk melyek eddig vagy egyáltalán nem voltak a weben elérhetőek, vagy pedig megvalósíthatóak voltak ugyan, de erősen kérdéses volt, hogy megérik-e a fáradtságot. »»

Firebug használat harmadik falat. Ismerkedés a JavaScript debuggolással, és a a Script tab trükkjei. 4 perc, 12,27 MB és letölthető innen. »»

Fogjunk egy elemet (mondjuk egy linket) és JavaScripttel adjuk meg számára a click eseményhez egy saját eseménykezelőt, mondjuk a linkClick() függvényt hívjuk meg ha a user rákattan egy linkre. Ettől függetlenül mondjuk legyen a egy click kezelőnk a li elemekre is, mondjuk a liClick() függvény. Történetünk akkor kezd bonyolódni amikor egy olyan linkkel találjuk szembe magunkat ami egy li leszármazottja. Melyik függvény fog lefutni, illetve milyen sorrendben fognak futni, és mi ennek az egésznek a hatása? Na erről lesz most szó. »»

Firebug használati finomságok második harapás. Pár kényelmi szolgáltatás és a html tab szolgáltatásai. »»

Aki nem érti, hogy miért is kéne iMac-re Linuxot telepíteni, az ne olvassa tovább. Aki viszont eljátszott már a gondolattal, hogy vajon lehet-e, annak megsúgom: lehet. Indulásként adva van egy iMac (10.4.10) 2 GHz Intel Core 2 Duo, 1GB 667 MHz DDR2 SDRAM gép, és egy darab meglehetősen elégedetlen felhasználó. »»

Habár több leírást is találtam arról, hogy hogyan lehet cake-kel autocomplete input mezőt létrehozni, egyik sem volt teljes. Annak ellenére, hogy egyszer kétszer pár hónappal ezelőtt már csináltam is ilyet, most újra ráment több mint egy órám mire összeraktam. Mivel pár hónap múlva semmiképpen nem akarok majd vele ennyit eltölteni, hát most jól leírom. »»

Minden projectben eljön a nemes feladat, hogy a semmiből előbukkanó kisebb-nagyobb mértékben bosszantó vagy éppen elviselhetetlen hibákat kezeljük. Szerencsétlenségünkre egy webalkalmazás építgetése során sokféle eredetű hiba felmerülhet. A hibakeresés sokszor nehézkes és néha nehéz még a hiba forrását is megtalálni. »»

Több mindenkinek meséltem már el, hogy hogyan kel életre egy weblap. Egy kicsit zavaros a domain regisztráció, fenntartás, tárhely szerzés és a többi szükséges elem. Főleg, hogy a magyar rendszer erőteljesen eltér a külfölditől. »»

A főbb koncepciók megismerése után igazából már mindent megismertünk ami a projectépítéshez általánosságban szükséges. Pár apróbb finomítást még végrehajtunk, aztán kiállíthatunk magunknak egy alapfokú cakePHP programozási bizonyítványt. »»

A biztonsági intézkedések után itt az ideje egy-két használhatósági átalakítást megejtenünk. Az adminisztrátor biztosan örülne, ha megjelenne neki egy Kilépek link, amivel ki tud lépni anélkül, hogy kézzel kéne neki valami URL-t begépelni. E melett főleg a karakterkódolási problémákat fogjuk orvosolni. »»

Kis alkalmazásunk biztonsági rétegét az előző részben fejlesztgettük, de van még egy lépés amit biztosan alkalmazni fogunk. Jelen pillanatban bárki tud termékeket hozzáadni, módosítani és törölni aki meglátogatja az oldalunkat. Ez nem feltétlenül az amit mi szeretnénk. »»

A paranoia a programozók egyik kedvenc elfoglaltsága. Sose bízhatunk a bejövő adatokban, mert nem tudhatjuk, hogy honnan származnak. A neten meg vannak csúnya bácsik és nénik akik szeretik kihasználni a webalkamazások biztonsági réseit. A modell validálási szabályai arról gondoskodtak, hogy a programunk ne akarjon az adatbázisba fura dolgokat művelni, a sanitize metódus pedig arról, hogy a csúnya bácsiknak megnehezítsük a dolgát. »»

Kezdjük el módosítani, személyre szabni, fejleszteni és elrontani a bake script által generált kódot, építsünk be némi kis biztonságot a beérkezett adatok ellenőrzésével és használjuk ki a helpereket amiket kihasználhatunk. Megjegyzés azok számára akik a 2. és 3. részt jún. 18. előtt olvasták: némileg módosítottam az AB szerkezetet és emiatt sok minden változott ezekben a részekben, így érdemes átfutni őket még egyszer. Bocsi. »»

Miután a modeleket elkészítettük a bake scripttel és pár alapadatot felvittünk a scaffold segítségével itt lesz az ideje, hogy kicsit finomítsunk az alkalmazásunkon. Aki azt gondolja, hogy na jó akkor most már jön a sok-sok gépelés és kódolás, az egyenlőre téved, a CakePHP még tartogat pár kellemes meglepetést a számunkra. »»

Kisebb átalakításon ment keresztül a bake url lokalizáló scriptem (úgy is mondhatjuk, hogy telejesen újraírtam). Remélem így kevésbé lesz érzékeny az egyes verzióváltások okozta bake script változásokra. »»

Ha túl vagyunk az alap telepítésen, az alkalmazásunk tud az adatbázishoz kapcsolódni, akkor elkezdhetjük összerakni a moduljainkat. Mivel a CakePHP MVC felépítésű, így minden modulhoz fog tartozni egy model egy controller és pár view. Ezek felépítésénél nagy segítségünkre lesz kezdetben a scaffold és a bake. A következő leírás egy folyó fejlesztésem alapján íródik, ami elkészülte után a www.tulasi.hu címen lesz elérhető. »»

A CakePHP telepítése és az azt követő pár lépés teljesen független attól, hogy tulajdonképpen milyen projectet is akarunk összerakni vele. Itt próbálom összeszedni, hogy magyar nyelven is elérhető legyen, hogy azok akik ismerkednek a CakePHP-vel a lehető legfájdalommentesebben túllegyenek az első próbatételeken. »»

A Firebug telepítése után gyorsan nélkülözhetetlenné válik a webfejlesztők számára. Ez az okos kis Firefox kiterjesztés a ropi kibontásán kívül minden megcsinál amire csak szükségünk lehet weblapok és webes alkalmazások kliens oldali debuggolásához. Használatáról készítettem egy screencast-et. »»

Az Ajax.Updater prototype objektum használatakor előbb-utóbb beleütközünk abba a problémába, hogy szeretnénk használni az OnComplete tulajdonságot. Ez még nem olyan baj, de ha szeretnénk neki paramétereket is átadni akkor meglepetések fognak érni. »»

A prototype igazán a kezünk alá dolgozik sok-sok mindenben. Ezek közül most vizslassuk meg, hogy mit tud AJAX ügyben. Egy egyszerű kis példán fogunk végigfutni. Adott egy link és ha rákattintunk akkor a szerver véletlenszerűen kiválaszt egy képet és visszaküldi nekünk. »»