YUI rywal GWT?

-
Google udostępniło programistom Google Web Toolkit (GWT), framework do szybkiego i przyjemnego tworzenia aplikacji webowych. Oczywiście słowo "przyjemnego" jest kwestią względną, ale na pewno tak mógłby powiedzieć programista Java, który stroni od JavaScriptu i HTMLa. Dlaczego? Bo w GWT nie musi stosować żadnego innego języka poza Javą. Ale czy to jest właśnie kierunek rozwoju frameworków webowych, który okaże się tym najwłaściwszym. W tym momencie ciężko przesądzić.

Zupełnie inną koncepcję proponuje Yahoo - tak, tak Yahoo też postanowiło wystawić swojego zawodnika :) Nazywa się on The Yahoo! User Interface (YUI). Biblioteka ta jest zbiorem narzędzi i kontrolek napisanych w JavaScripcie, do budowania interaktywnych aplikacji webowych. Opiera się w dużej mierze na operowaniu na DOMie, DHTMLu i AJAXie. Wszytkie komponenty dostarczane przez Yahoo są open sourcowe na licencji BSD i można ich używać do woli.

W celu zaprezentowania podstawowych możliwości Yahoo posłuże się prostym przykładem komponentu AutoComplete.

Aby w ogóle użyc kontrolki musimy załączyć do naszej strony HTML pliki CSS i JavaScript: Następnie tworzymy instancję pola AutoComplete w następujący sposób: Konstruktor AutoComplete zawiera trzy parametry:

  • Identyfikator pola typu texbox lub textarea w które użytkownik będzie wpisywał zapytanie.

  • Identyfikator elementu HTML który będzie kontenerem zawierającym wyniki zapytania.

  • Wreszcie trzeci parametr to DataSource, który będzie zawierał dane które będą zawężane przez zapytanie i prezentowane w kontenerze.

Zanim zostanie powołany obiekt AutoComplete, należy zainicjować trzeci parametr DataSource można to zrobić na trzy różne sposby w zależności od potrzeb.

Prosta tablica po stronie przeglądarki: Funkcja JavaScript, która dostarczy dane: Wreszcie najbardziej przydatny sposób pociągnięcie danych z serwera: Mam nadzieję, że przykład ten przybliżył zasadę działania YUI. Więcej informacji znajdziecie na stronie:
http://developer.yahoo.com/yui/

Zachęcam również do dyskusji do jakich frameworków webowych należy przyszłość?

Komentarze

Prześlij komentarz

Popularne posty z tego bloga

Java ESL program for connecting to the FreeSWITCH

-
Next simple Java program using Event Socket interface to control FreeSWITCH. First you should read: Mod event socket on wiki freeswitch Java ESL Client on wiki freeswitch Next you should not forget to change event_socket.conf.xml (to allow connections from any host on the network): Now we can write simple java ESL program for connecting to the FreeSWITCH. MyEslEventListener.java package myeslevent; import java.util.Map; import java.util.Set; import org.freeswitch.esl.client.IEslEventListener; import org.freeswitch.esl.client.transport.event.EslEvent; import org.slf4j.Logger; import org.slf4j.LoggerFactory; public class MyEslEventListener implements IEslEventListener { private final Logger log = LoggerFactory.getLogger(this.getClass()); @Override public void eventReceived(EslEvent event) { log.info("eventReceived [{}]\n[{}]\n", event, getEventToLog(event)); } @Override public void backgroundJobResultReceived(EslEve...
Czytaj więcej

AngularJS example MotoAds with NodeJS and MongoDB

-
Obraz
I built MotoAds demo application in AngularJS but it did not have any server layer. Data was read directly from the json files. So I was decided to build the server side services. I know pretty well JEE and relational database, so I could use it. But I want to know something new so I chose NodeJS nad MongoDB. Thanks to this decision I got a full stack JavaScript application. It's incredible to use JavaScript to build the complete application. Now MotoAds demo application consists of: User interface in AngularJS and Bootstrap with full CRUD operations: add, read, edit and remove adverts. Server service layer was built in NodeJS with RESTful serrvices. To simplify the use of a NodeJS I used ExpressJS. Database: all data except the pictures are stored in MongoDB. So let's see how to add the CRUD operations in AngularJS with services in NodeJS with MongoDB. Step 1 We write in services.js access to our RESTful services: 'use strict'; var motoAdsServ...
Czytaj więcej

Java program for connecting to the FreeSWITCH XML-RPC

-
I would like to show simple Java program which use XML-RPC interface to do some freeswitch commands. We should on freeswitch console load mod_xml_rpc: Worth checking out if it works, in web browser type: http://fshost8080/webapi/help If you see "FreeSWITCH help" it works. Next we download Apache XML-RPC library. Now we create Java program (using Apache XML-RPC): package fstest1; import java.net.URL; import java.util.Scanner; import org.apache.xmlrpc.client.XmlRpcClient; import org.apache.xmlrpc.client.XmlRpcClientConfigImpl; public class FsTest1 { public static void main(String[] args) { System.out.println("------ hello freeswitch -------\n"); XmlRpcClientConfigImpl config = new XmlRpcClientConfigImpl(); XmlRpcClient client = new XmlRpcClient(); try { config.setServerURL(new URL("http://fshost:8080/RPC2")); config.setBasicUserName("freeswitch"); config.setBasicPassword("works"); ...
Czytaj więcej