Ext JS

Kako i gdje koristiti? Poneki tips, no tricks i praktična iskustva

Stjepan Zlodi (Wolfwood's Crowd Blog)

Javascript okruženja

Prototype & script.aculo.us

Najpoznatije i najkorištenije

www.prototypejs.org/real-world

Dojo

dojotoolkit.org

MochiKit

mochikit.com

Yahoo User Interface

developer.yahoo.com/yui/

jQuery

jquery.com

Oni su konkurencija Ext-u?

• Nisu!
• Ext se bazira na YUI-u...
• ...ali ispod haube može biti i...
• jQuery, Prototye & sclipt.aculo.us
• Simbioza

Čemu služi EXT?

• Nije pogodan za klasične web stranice
• Odličan je za web aplikacije
• Posjeduje funkcionalnost klasičnih desktop aplikacija
• Rich User Interface

Kratko upoznavanje

• Jack Slocum - proširenje Yahoo! User Interface biblioteke (YUI)
• Početkom 2007. formiranje tvrtke
• Dvojno licenciranje: LGPL i komercijalna licenca
• 1.4.2007. 1.0 inačica
• 3.12.2007. 2.0
• extjs.com

Zašto sam odabrao Ext?

Cjelovitost

Ima sve što developeru treba, zaokružena cjelina

Intuitivnost

Kad pomisliš...to je tamo

Uredan kod i pristojni konobari

Nema hakeraja, kod je pregledan, logičan, čitljiv

Pregledna i potpuna API dokumentacija

Korisni i funkcionalni primjeri

Jack + predana i agilna zajednica

Glavne zamjerke

• Veličina - 500Kb
• Sporo i lijeno ponašanje u pregledniku
• Nešto kao odgovor na kritike:
• Strategy Letter VI (Joel Spolsky) - NewSDK
• Široki pojas (broadband) poništava problem veličine
• Problem s prometom postaje manji duljim korištenjem - osvježavaju se samo podaci
• Ako je sporo isključite Firebug
• 128MB RAM, Windows ME, 300MHZ CPU - konfiguracija računala na kojem se normalno vrti Ext

Treba li Ext komprimirati?

• Da!
• gzip
• Minify Yes!
• Obfuscation No!

Postoji li Ext izvan browsera?

• Može i bez klasičnog preglednike i web poslužitelja? (ali ne u isto vrijeme)
• Google Gears
• Prism aka Webrunner
• Adobe Air i...
• ...dobijemo desktop aplikaciju
• Preduvjeti?
• Samostojeći klijent
• Pametan podatkovni sloj

Ne volite Javascript?

Google Web Toolkit (GWT) pristup

Programiranje sučelja i ponašanja u Javi

Primjer: The fancy front end

Dinamičko generiranje Javascripta

Izokrenuti, monolitni način rada

Write Ext in C#

extsharp

Moj način

Ext samostojeći klijent

Izrada klijenta neovisno o poslužitelju

Poslužitelj samo šalje podatke JSON

Nikad ne vjeruj klijentu

Samo prezentacijska logika

Poslovna logika na serveru

Poslužitelj

Šalje klijentski kod

U nekim slučajevima unutar njega su inicijalni podaci

Šalje podatke

Obrađuje korisničke akcije i pamti stanja

Moje slijedeće želje

Generator

Generiranje koda koji se ponavlja (primjer: definiranje polja na formi)

Kojim putem?

?. Generiranje on fly

?. Generiranje prije instalacije

Hvala!

Pitanja?