Rozžiarte to s Ajaxom

Dostávam veľa e-mailov od čitateľov, ktorí sú frustrovaní z ťažkostí implementácie Ajaxu do svojich najnovších projektov webových aplikácií. Zdá sa, že dokonca aj veľké spoločnosti sa zatiaľ vyhýbajú pridávaniu funkcií Ajaxu, a keď s nimi hovorím o budúcom vývoji, všetci tvrdia, že sa „pozerajú do Ajaxu“, ale nie príliš veľa iného nadchádzajúce. Jedným z dôvodov tejto váhavosti je zjavný nedostatok dobrých nástrojov na návrh a ladenie pre Ajax. Ako je to často v prípade novo vznikajúcich technológií, proces vývoja môže byť pomalý a nemotorný – priznajme si to, dokonca aj ladenie JavaScriptu, ktoré existuje už roky, je stále netriviálne cvičenie. Často ste nútení uchýliť sa k pridávaniu „upozorňovacích“ políčok, ktoré sa objavia na zobrazenie premenných hodnôt v snahe zistiť, prečo veci nefungujú tak, ako by mali. Jedným zo spôsobov, ako uľahčiť vývojový cyklus, je použiť vopred vytvorené knižnice funkcií, ktoré môžete volať z vlastného kódu, výhodou je, že kód knižnice bol často optimalizovaný tak, aby fungoval so všetkými prehliadačmi a väčšina chýb bola opravená von. Nevýhodou používania knižníc je, že môžu byť veľké a ich kód spletitý, čo môže viesť k pomalšiemu načítaniu stránok.

Rozžiarte to s Ajaxom

Ďalšou vecou, ​​ktorú je potrebné zvážiť pri zvažovaní používania Ajaxu, je to, ako a kde bude vo vašej webovej aplikácii najviac prínosom pre vašich používateľov – nie všetky oblasti môžu mať rovnaký úžitok z Ajaxu, aj keď niektoré môžu byť transformované malým zamyslením a niekoľkými útržkami kódu. Väčšina z nás hľadá pomoc s takýmito úlohami na internete, ale často zisťujem, že dobrá kniha na túto tému môže veľmi pomôcť. Jedna taká kniha, ktorú môžem odporučiť, je Adding Ajax od O’Reillyho, ktorá sa zaoberá používaním mnohých knižníc Ajaxu, napr. ako Prototype, Script.aculo.us, Rico, Dojo, jQuery, MochKit, YahooUI, mooTools a moo.fx, Sarissa a WZ_jsGraphics. Kniha sa zaoberá aj písaním vlastných efektov Ajax bez použitia knižníc a je to veľmi cenná pomôcka. na vašej strane (alebo dokonca čítať na dovolenke a snívať o skvelej webovej aplikácii, ktorú si vytvoríte, keď ju dostanete späť).

Ak chcete na svoj web pridať nejakú alternatívnu funkcionalitu Ajax, nemôžete urobiť oveľa lepšie, ako si pozrieť všetky ukážky na stránke http://miniajax.com, ktoré sú naozaj veľmi dobré a vo všeobecnosti ľahko realizovateľné. Určite vám to dá veľa nápadov, ale nerobte chybu, ktorú mnohí ľudia urobili s animovanými GIF v začiatkoch webu a nepreháňajte to.

Spry a znova Spry

Jedna knižnica Ajax, ktorú som ešte nespomenul (a ani kniha O’Reilly), sa volá Spry od Adobe. Dokumentácia je dobrá a nie je príliš ťažké používať túto knižnicu, ale je to prípad manuálneho pridávania kódu, alebo skôr to bolo doteraz. Najnovšia verzia Dreamweaveru s názvom CS3 v súlade s ostatnými produktmi Adobe má teraz okrem niekoľkých ďalších nových funkcií aj podporu pre Spry Framework.

V skutočnosti stojí za to sa rýchlo pozrieť na niekoľko nových funkcií v Dreamweaveri, vďaka ktorým za moje peniaze stojí táto inovácia. Po prvé, ako už bolo spomenuté, je to jeho podpora pre Ajax vo forme Spry Framework: ak chcete použiť tieto funkcie, jednoducho kliknite na paneli nástrojov Spry a otvorí sa dialógové okno, do ktorého zadáte podrobnosti – a to je všetko, váš prvý kúsok Ajaxu!

Aké funkcie vám teda Spry Framework poskytuje? Po prvé, existuje jednoduchý skladací panel, ktorý umožňuje skrytie a opätovné rozbalenie obsahu stránky vždy, keď používateľ klikne na hornú lištu panela. Tento obsah je stále na stránke, takže neukladáte nič vo veľkosti súboru stránky, ale je to zaujímavý spôsob, ako vtesnať veľa obsahu do menšej oblasti okna prehliadača. Objekt Accordion je o niečo zložitejšou verziou tohto komponentu, ktorý umožňuje viacero skladateľných plôch.