Ukázkový příklad z WebExpa 2009
Na WebExpu jsem měl přednášku nazvanou RIA jednoduše – JavaScript + AJAX + PHP + Nette Framework. Pokusil jsem se ukázat, jak snadno lze psát AJAXové aplikace za použití Nette Framework a jQuery. Během přednášky vznikl jednoduchý příklad, který vám nyní dávám ke stažení.
Protože přednáška byla zaměřená na začátečníky a posluchače,
kteří Nette Framework zatím neznají, začal jsem na zelené louce stažením
frameworku z webu a poté psal celý kód naživo. Doufal jsem, že divák
spíš odpustí různá zaškobrtnutí, která k živému programování
patří, než abych z rukávu vycopy&pastoval předpřipravené kusy kódu
a posluchače připravil o niť. Ale sebekriticky přiznávám, že nervozita
zapracovala a těch zaškobrtnutí mělo být mnohem méně 
Ovocný příklad si můžete vyzkoušet on-line – ovoce a zeleninu můžete přetahovat po ploše, přičemž jejich polohu si server pamatuje v session a tak zůstane zachována i po obnovení stránky. Dále lze plody matky Země přetahovat do modrého nákupního košíku.
Kód jsem ještě doplnil o pár komentářů, aby byl srozumitelnější, a vy si jej můžete stáhnout:
Video z přednášky zatím není k dispozici, ale mělo by se objevit na StreamHostingu.
- karma 13. líbil se vám článek?
- 21. 10. 2009 | Nette | shlédnuto 3534x
vytisknout
| 
odeslat emailem- nahoru
Přidat k oblíbeným
#1 Petrr spam@bugyik.cz nový
díky!
#2 Ondřej Brejla http://www.brejla.cz nový
Trošičku více vyšperkované, není-liž pavda?
Moc pěkné to je.
#3 Michal Prynych http://www.pixmac.com nový
Tohle byl opravdu přesvědčivý kousek, určitě teď o Nette uvažuji, má to featurky, které jsou opravdu prakticky použitelné. Díky za tuto ukázku.
#4 rokerkony kony@rokerkony.com nový
jinak video z prednasky uz se vyskytuje zde… http://projekty.mujserver.net/…dlRIA444.avi
u streamhosting-u to asi přidají taky brzy
#5 Rival http://blog.rival.cz nový
Snad chybí jen přetahování ducha, namísto celého objektu ;)
Jinak přednáška výborná, nejlepší co jsem na WebExpu viděl (prošvihl jsem totiž Petra Máru ;), díky!
#6 Jakub Vrána http://php.vrana.cz/ nový
V metodě
handleMovese souřadnice přetypovávají naint, protože prohlížeč občas pošle subpixel. Nic proti tomu nemám, pouze doplním, že se v CSS se subpixely může normálně pracovat, takže by stačilo přetypovat nafloat.#7 Borek http://www.borber.com/ nový
Ovoce by možná po dropnutí do košíku nemělo odjet zpátky na svou původní pozici.
(Opravdu jsem právě okomentoval UX jednoduchoučkého ukázkového příkladu? Jdu se léčit :)
#8 David Grudl http://davidgrudl.com nový
#5 Rival: díky! (jelikož mám v paměti jen všechny chyby a nedostatky, tak si říkám, že jsi těch přednášek na WebExpu asi moc nestihl
)
#7 Borek: z toho si nic nedělej, mně úvahy nad UX zabraly několik hodin, skoro tolik trvalo nalezení obrázků ovoce s vhodnou licencí
Ale jak bys pak objednal více kusů?
#9 Borek http://www.borber.com/ nový
#8 David Grudl: A jo, ono je to trošku jiné než tradiční eshopy, kde se tahá pouze „duch“ a původní objekt zůstává na místě. Beru zpět.
#10 Jakub Lucký http://blog.jlk.cz nový
Nevím, jestli to není problém Iceweaselu s AdBlockem, ale když tam toho ovoce naklikám hodně, aby toho bylo na 6 řádků, tak mi to přeteče ven mimo modrý obdélník…
Ale jinak je to moc hezká věc..
#11 David Grudl http://davidgrudl.com nový
#10 Jakub Lucký: zkus to stejné s reálným nákupním košíkem, uvidíš, že to dopadne stejně
#12 Kevujin nový
Tož sem zhlédnul video, pěkná přednáška, škoda jen, že tam skákal do řeči svými nevtipnými poznámkami ten lehce podnapilý chlapec a křičel do mikrofonu, to bylo takové nepříjemné. Jinak paráda a opět jsem se pobavil .)
#13 Ondřej Mirtes http://ondrej.mirtes.cz/ nový
#12 Kevujin: On nebyl podnapilý, on je takový normálně :o) http://www.linkedin.com/in/tomasjukin
#14 Tomáš Jukin http://www.dvojmo.cz nový
No, podnapilý chlapec není moc dobrým moderátorem:-)… Teprve se učí…
#15 RiZe zdenek.rindt@seznam.cz nový
„Ani tam není použit Comic Sans“, tato, a spousta dalších hlášek, mě velmi pobavila a naživo to bylo určitě ještě lepší. Davide, skvělá práce a velmi pěkná přednáška, jen v tom videu sem tam chyběl zvuk