JavaScript framework

12.3.2013 21:53 | Přečteno: 1666× | Žumpa | poslední úprava: 13.3.2013 08:42

Momentálne by som potreboval spraviť v JavaScripte (ďalej len JS) autocomplete, ale do budúcnosti aj ďalšie JS grafické vecičky. Prv som si JS kód písal sám, ale vieme aký je to boj naprieč prehliadačmi, tak som sa rozhodol pre JS framework.

Naivne som si hovoril, naštartujem Googla a to najlepšie si vyberiem. Začal som asi najpopulárnejším jQuery, začiatok vyzeral veľmi nádejne a jednoducho, len som sa v ňom rýchlo stratil, mne to pripadá celé ako slučka v slučke až do nekonečna. Objekt -> Udalosť -> Akcia -> CallBack ... Pre efekty na stránkach asi nič jednoduchšie ani neexistuje, ale stačilo si stiahnuť example multi autocomplete a keď som ho chcel rozšíriť o to aby po prvom slove vyberal z ďalšieho poľa a po určitých znakoch zas s prvého tak som sa zasekol. Teda ono jQuery je ako učiť sa ďalší jazyk a ešte sa tam stráca C like syntax.

Mootols má celkom peknú syntax práve podobnú C. Teda v niektorých rýchlostných testoch sa prepadáva oproti jQuery, ale 1, alebo 2ms mi osobne nevadia.

Dojo, YUI, Processing.js, ExtJS a Prototype vyzerajú moc dobre, ale napríklad u Prototype mi pripadá že na nete je problém vyhrabať hotové riešenia, hoci mám pocit, že je to jedno z najlepších riešení postavených medzi JS a DOM naprieč prehliadačmi.

Takže som v koncoch a potrebujem poradiť.

Hlasujte si za ten svoj obľúbený. Teda keď nakoniec vyhrá jQuery, čo čakám a pridáte nejaké rady, alebo by dokonca bol niekto ochotný upraviť pre mňa ten príklad, tak by som bol rád, ide to na slobodný web. Rád sa naučím hociktorý z nich a ďakujem za všetky rady.

       

Anketa

Komentáře

[Josef Kufner]

Javascript a C mají společné jen chlupaté závorky. Tím veškerá podobnost končí. Javascript je vysokoúrovňový funkcionální jazyk, kdežto C je velmi hezký assembler.

Značná síla jQuery je také v tom, že pro to najdeš spoustu hotových pluginů. Prakticky cokoliv budeš potřebovat už někdo udělal a zveřejnil pod MIT licencí. Asi ani nemá smysl moc zkoumat konkurenční frameworky, jQuery je slušně udělaný, odladěný a velmi rozšířený.

Raphael je hezká knihovna pro práci s vektorovými obrázky a dobře se snese s jQuery. Dělal jsem s ním jeden vizuální editor diagramů, kdy jsem propojoval šipkama absolutně pozicované tabulky a funguje to pěkně.

Další užitečnou knihovnou pro jQuery je Flot – skvělý nástroj na kreslení grafů.

[luky]

C muzete programovat funkcionalne vpodstate stejne jako v JS. Muzete za behu vytvorit nove funkce a volat je i bez znalosti jejich prototypu v dobe prekladu.

[deda.jabko]

Muzete za behu vytvorit nove funkce a volat je i bez znalosti jejich prototypu v dobe prekladu.

Mohl bys uvest nejaky priklad?

[luky]

libffcall, libffi, libdl UTFG

[Radek Miček]

A jak se ty funkce volají v době překladu?

[deda.jabko]

Aha, chapu. V tom pripade se znacne rozchazi nase predstavy o funkcionalnim programovani.

[Bedňa]

Písal som C like syntax, nie level, hoci JS na Wikipedií naozaj nieje medzi C ->, ale zas je tam PERL, no tak neviem :)

jQuery FW vyzerá byť kvalitný, teda aspoň podľa testov čo som videl. Komunita je obrovská a je masaker príkladov priamo na ich stránkach. Efekty sa v tom dajú písať fakt easy, ale proste jak to má viac riadkov, začínam sa v tom strácať, príde mi to škaredé :) Je to asi len otázka zvyku, preto som to sem hodil, aby som sa dozvedel vaše názory.

[Bedňa]

Ešte doplním ohľadne syntaxe, stačí si pozrieť prvé tri príklady C, C++ a JavaSript, mi povedz, že niesu súrodenci. Trochu musíš zrolovať.

[dumblob]

Velice nerad to rikam, ale horsi testy jsem snad jakteziv nevidel. Tohle nejsou ani synteticke testy, to je naprosty omyl!

Na hodne hrube porovnani syntaxe by se to s privrenim oka jakz takz dalo pouzit.

[Bedňa]

Išlo mi o zápis podmienok, slučiek ... že majú podobnú syntax, to ostatné nehodnotím.

[kralyk z abclinuxu]

+1, Perl rychlejší než C Nehledě na mnohá další faux pas toho testu...

[thule]

jQuery je pekny fw, ale jQuery UI sa radsehj vyhni je to zbytocny kanon na vrabce s velmi zlym navrhom. Ak chces pouzit jQuery tak si tie komponenty radsej napis sam. napisat vlastne autocomplete je pariadkova zalezitost, maximalne na pol hodinu.

a este skus http://angularjs.org/ dole na stranke su hned aj priklady.

[Bedňa]

Čo je zlé na jQuery UI? Na prvý pohľad to nevyzeralo až tak zle :)

[kralyk z abclinuxu]

Nedávno jsem to řešil, došel jsem k podobnýmu názoru jako předřečník. Ty widgety mi přijdou zbytečně složitý a hlavně pokud chceš, aby to zapadlo stylem do zbytku stránek a nevypadalo to stejně jako zbytek internetu, musíš dost vohackovat téma, a to mi přišlo už jako moc zbytečná práce navíc...

Ale použil jsem ten základ (jQueryUI Core) bez widgetů a témat, má docela hezkou podporu drag'n'drop a pár drobností...

[JS]

Jelikoz jsem pred casem v praci resil podobny problem jako tazatel (a navic jsem nemel zkusenost s vyvojem webu), rozhodl jsem se pro jQuery (protoze to jasne preferovala vetsina a vypada to na relativne stabilni - ve svete webovych knihoven a frameworku - dilo). A pak k tomu jQuery UI byla tak nejak logicka volba.

Takze by me zajimalo, pokud jQuery UI hanite, v cem jsou jine knihovny lepsi? Nebo jaka by byla vase dnesni preference na zaklade te zkusenosti? Hlavni kriterium bylo jednoduche pouziti, protoze jsem to delal sam a nemohl predpokladat, ze tim budu travit mnoho casu.

[kralyk z abclinuxu]

No já to zatim pořešil tak, že jsem si daný problém napsal po svém (místo modal dialogu jsem zatím použil form ve stránce)... ale to je zatim jen provizorní, asi sáhnu po JQuery tools. Zatím nemám zkušenost, ale vypadá to dobře...

[JS]

Samozrejme, pokud to umis.. Me se na jQuery UI libilo, ze se ten layout do znacne miry resil sam za me, takze jsem nemusel moc resit design (coz je vec, ktera mi moc nejde). I tak jsem tam ale mel prvky (select boxy), ktere jsem resil rucne a ktere nemely stejny vzhled.

[chrono]

Každý normálny framework to rieši sám. :)

[kralyk z abclinuxu]

No to bych neřekl. jQuery Tools to právě neřeší (jestli jsem to správně pochopil), což je třeba z mého pohledu dobře, protože stejně si musim pořešit layout/design celý aplikace sám. Pokud by to framework řešil po svým, znamenalo by to, že buď budou některý prvky vypadat jinak než zbytek aplikace, nebo bych do něj musel dohackovat téma sám, a to už mám jedno, to už je jednodušší si řešit sám od začátku...

[chrono]

To záleží od toho, čo presne sa robí. Ak do normálnej HTML stránky potrebujem pridať napr. nejaký komponent slúžiaci na zadávanie dátumu, je dobré, keď framework len poskytuje nejaké UI prvky (v takom prípade je možné použiť aj jQuery Tools). Ak ale chcem urobiť nejakú aplikáciu, ktorá je celá založená na ovládacích prvkoch, tabuľkách pre zobrazovanie dát... tak od frameworku očakávam, že layout bude riešiť sám a mne len poskytne vhodné nástroje.

[JS]

Vzdyt ja taky nerikam, ze by se mi totez nemohlo libit i na jinem frameworku.. Ale snad jsem to uz vysvetlil niz, jak to bylo (puvodne jsem potreboval jen kalendar). Na druhou stranu, z vyse uvedenych duvodu jsem se snazil byt ostrazity pred tim, abych si ten "framework" nechal kecat do toho, jakym zpusobem veci delam - mohlo by to byt neprakticke. Ostatne - proc jsou dnes tak popularni frameworky misto knihoven? Me to prijde zvrhle..

[deda.jabko]

Mne se na rychle udelani UI osvedcilo DoJo, i kdyz mi to prijde trochu jako moloch.

[JS]

Diky, to jsem taky uvazoval, ale asi jsem se trochu bal te molochovitosti. Puvodne jsem totiz potreboval jen kalendar, ze jsem nakonec pouzil i jine widgety z jQuery UI bylo spis dusledkem vyvoje.

Ale pokud nekdy budu jeste neco takoveho delat, asi to zkusim.

[Bedňa]

Jak háčkovať? Ja som sa pohral s CSS a šlo to.

[Martin Beránek]

Také doporučuji se podívat na AngularJS. Sice mladý projekt, ale svým konceptem určitě zajímavý. A stojí za tím google (což může a nemusí být dobré)...

[chrono]

Niektoré tie frameworky sa vôbec nedajú porovnávať, pretože slúžia na úplne iné veci (napr. ExtJS je oveľa bližšie jQuery UI ako čistému jQuery). :)

Inak ak ten autocomplete plugin podporuje callback pri doplňovaní, tak by požadovanú funkčnosť nemuselo byť až tak komplikované pridať (inak sa bude musieť použiť niečo iné, prípadne, v najhoršom prípade, sa upraví existujúci plugin).

[Pindal]

DART

[Bedňa]

This compiler generates ECMAScript5-compatible JavaScript from the Dart code. This JavaScript code works in the latest versions of Chrome, Safari, and Firefox, plus IE9+, mobile Safari, and Chrome for Android.

Toto môže byť problém, pretože nepodporuje staršie pehliadače.

[Radek Miček]

pretože nepodporuje staršie pehliadače

JQuery 2 také ne.

[Bedňa]

Tak s dvojkou máš pravdu.

[Bystroushaak]

Použij Brython :)