The Google Web Toolkit (GWT): Declarative Layout with UiBinder Basics
|
|
|
- Edmund Allison
- 7 years ago
- Views:
Transcription
1 2013 Marty Hall & Yaakov Chaikin The Google Web Toolkit (GWT): Declarative Layout with UiBinder Basics (GWT 2.5 Version) Originals of Slides and Source Code for Examples: Customized Java EE Training: GWT, Java 7 and 8, JSF 2, PrimeFaces, HTML5, Servlets, JSP, Ajax, jquery, Spring, Hibernate, REST, Hadoop, Android. Developed and taught by well-known author and developer. At public venues or onsite at your location Marty Hall & Yaakov Chaikin For live Ajax & GWT training, see training courses at Taught by the author of Core Servlets and JSP, More Servlets and JSP, and this tutorial. Available at public venues, or customized versions can be held on-site at your organization. Courses developed and taught by Marty Hall JSF 2, PrimeFaces, servlets/jsp, Ajax, jquery, Android development, Java 7 or 8 programming, custom mix of topics Courses Customized available in any state Java or country. EE Training: Maryland/DC area companies can also choose afternoon/evening courses. GWT, Courses Java 7 developed and 8, JSF and 2, PrimeFaces, taught by coreservlets.com HTML5, Servlets, JSP, experts Ajax, (edited jquery, by Spring, Marty) Hibernate, REST, Hadoop, Android. Spring, Hibernate/JPA, GWT, Hadoop, HTML5, RESTful Web Services Developed and taught by well-known Contact author hall@coreservlets.com and developer. At public for details venues or onsite at your location.
2 Topics in This Section Problems with only Java-based layout Main idea behind UiBinder approach Advantages of UiBinder Disadvantages of UiBinder Steps for HTML-based UiBinder GUIs Steps for Widget-based UiBinder GUIs Simplified UI event handling with UiBinder Marty Hall & Yaakov Chaikin Overview Customized Java EE Training: GWT, Java 7 and 8, JSF 2, PrimeFaces, HTML5, Servlets, JSP, Ajax, jquery, Spring, Hibernate, REST, Hadoop, Android. Developed and taught by well-known author and developer. At public venues or onsite at your location.
3 Layout Strategies HTML-based layout Write HTML by hand, designate places for individual controls HTML body contains a lot of content Best when GWT is used for A traditional Web app with some pieces of Ajax-enabled content Complex page where HTML layout does not change You need the HTML content indexed by a search engine Java-based layout Attaches main layout panel to HTML <body> element Java uses Panels to build up overall layout Similar to way LayoutManagers are used in desktop Java Best when GWT is used to Mimic a desktop application Create an application where HTML layout changes on fly Declarative layout with UiBinder (this tutorial) 6 HTML-Based Layout 7 HTML <body> Regular HTML <div id="id-1"></div> Regular HTML <div id="id-2"></div> Regular HTML <div id="id-3"></div> Regular HTML </body> Java public void onmoduleload() { SomeWidget w1 = ; RootPanel.get("id-1").add(w1); SomeWidget w2 = ; RootPanel.get("id-2").add(w2); SomeWidget w3 = ; RootPanel.get("id-3").add(w3);
4 Java-Based Layout HTML <body> <!-- Possibly history iframe, but few or no HTML elements --> </body> Java public void onmoduleload() { SomePanel mainpanel = ; mainpanel.setvariousproperties(); SomeOtherPanel subpanel = ; SomeWidget w1 = ; subpanel.add(w1); mainpanel.add(subpanel); RootLayoutPanel.get().add(mainPanel); 8 9 Problems with Only Java-Based Layout Hard to format HTML in Java Think servlets vs. JSP HTML-based layout is usually not dynamic enough If it is, use it! Hard to visualize the layout Not easy to see final result from looking at Java code Hard to effectively involve a graphic UI Web designer They usually don t know Java Even if you manage to get the design into Java, it is hard to maintain
5 UiBinder: Main Idea Use XML file to lay out chunk of content Can represent HTML or a Widget Make Java class that represents that chunk of content There are some overly-details steps involved, but Eclipse has shortcuts that automate making most of them Use that Java class in your main application If class represents HTML, use the GWT DOM API to insert it If class represents a Widget, use normal add method to insert it 10 Advantages of UiBinder 11 Can make complex page layouts using HTML Or HTML-like XML Analogous to adding JSP to pure-servlet apps More maintainable Graphic Web designers can be involved from initial design through maintenance Easy to start with regular HTML and gradually sprinkle in GWT bindings Separation of concerns Aesthetics and functionality of UI no longer mashed together Compile-time check of cross references between XML & Java and even within XML itself
6 Advantages of UiBinder (Continued) Better browser performance Browsers are very fast at stuffing long strings into innerhtml of an element Not so much when it comes to executing JavaScript APIs Lesson: use regular HTML whenever possible! Goal of UiBinder: Make the easier choice the right choice Tooling support Eclipse, NetBeans 12 Disadvantages of UiBinder Causes proliferation of files There are two files for every component Unlike JSP, UiBinder is only declarative No rendering mechanism: no loops, conditionals, etc. It s just a declaration of your layout Still need Java to loop through data and generate output Complex page layouts are done with HTML Wait! What? Didn t I say that was an advantage? Depends on your background and why you chose GWT in the first place 13
7 2013 Marty Hall & Yaakov Chaikin HTML-Based UiBinder GUIs 14 Customized Java EE Training: GWT, Java 7 and 8, JSF 2, PrimeFaces, HTML5, Servlets, JSP, Ajax, jquery, Spring, Hibernate, REST, Hadoop, Android. Developed and taught by well-known author and developer. At public venues or onsite at your location. Basic Steps Create XML file Top-level element is an HTML tag like <div> Put raw HTML inside Use ui:field to mark places for later insertion 2. Create Java class that represents the XML Extend UiObject Use UiBinder interface and GWT.create to bind the Java class to the XML representation Mark fields (one for each ui:field in XML) Call setelement Insert content into those fields 3. Use new Java class in EntryPoint class Use DOM API with getelement and appendchild Note Eclipse wizard will automate much of this process
8 Example: HelloHtmlWorld UiBinder Start with Eclipse wizard Created coreservlets.client.ui package (for convenience of organization) Right-clicked on the ui package and chose New Other GWT UiBinder Chose Create UI based on HTML, clicked Finish After creation, removed some generated content we ll learn later about Creates 2 files: HelloHtmlWorld.java and HelloHtmlWorld.ui.xml 16 Step 1: XML File HelloHtmlWorld.ui.xml <!DOCTYPE ui:uibinder SYSTEM " <ui:uibinder xmlns:ui="urn:ui:com.google.gwt.uibinder"> <div> Hello, <span ui:field="greetspan"></span> </div> </ui:uibinder> This is considered the root element of the UiBinder declaration, even though the root element of the XML file is ui:uibinder. This is what the Java counterpart needs to treat this declaration as, i.e., div element This is a bound field. There must be a corresponding member of the same name in HelloHtmlWorld.java. It must have at least package private scope, i.e., cannot be private. The type of the corresponding field must be a GWT DOM class that is equivalent to owning tag, i.e., <span>. (SpanElement or its superclass) Regular XML does not define named HTML character entities like and. GWT provides them through the DOCTYPE above. This is already baked into the GWT compiler, so don t need to have Internet access for this to work. 17 Yes, this is DTD and XML Schema declaration in the same file! This is completely legal!
9 Step 2A: Extend UiObject HelloHtmlWorld.java import com.google.gwt.core.client.gwt; import com.google.gwt.dom.client.*; import com.google.gwt.uibinder.client.*; import com.google.gwt.user.client.ui.uiobject; Only if your root UiBinder element is HTML, i.e., it s an HTML-based UiBinder. In this case, the root UiBinder element is div. In next section, we will use Widget-based UiBinders, so will extend Composite instead. public class HelloHtmlWorld extends UIObject { interface HelloHtmlWorldUiBinder extends UiBinder<DivElement, HelloHtmlWorld> { private static HelloHtmlWorldUiBinder uibinder = SpanElement greetspan; 18 public HelloHtmlWorld(String greeting) { setelement(uibinder.createandbindui(this)); greetspan.setinnertext(greeting); Step 2B: Use UiBinder & GWT.create to Bind Java to XML Declare marker interface that will tell GWT which two types to attempt binding. Must be GWT type equivalent to the type of root UiBinder element. (DivElement or Element type will work here). import com.google.gwt.user.client.ui.uiobject; Owner type need to be bound, i.e., type of this class. public class HelloHtmlWorld extends UIObject { interface HelloHtmlWorldUiBinder extends UiBinder<DivElement, HelloHtmlWorld> { private static HelloHtmlWorldUiBinder uibinder = SpanElement greetspan; 19 public HelloHtmlWorld(String greeting) { setelement(uibinder.createandbindui(this)); greetspan.setinnertext(greeting); GWT creates an instance of a factory that can generate the UI and glue it to the owning class, i.e., this class, associating all the fields with its declared counterpart.
10 Steps 2C 2E public class HelloHtmlWorld extends UIObject { interface HelloHtmlWorldUiBinder extends UiBinder<DivElement, HelloHtmlWorld> { private static HelloHtmlWorldUiBinder uibinder = GWT.create(HelloHtmlWorldUiBinder.class); Step 2C: Mark fields (on for each ui:field in the XML). Var name must match ui:field name in ui.xml SpanElement greetspan; public HelloHtmlWorld(String greeting) { setelement(uibinder.createandbindui(this)); greetspan.setinnertext(greeting); Creates the root UiBinder type defined in the interface, i.e., DivElement, passing it an instance of an owner class, i.e., HelloHtmlWorld. 20 Step 2D: call setelement. Before anything can be done with a UIObject instance, setelement method must be called. Tells GWT what HTML element to treat this object as. Step 2E: insert content. Since this represents an HTML Element (SpanElement in this case), not a Widget, we use the lower-level Element methods like setinnertext. Final Result: HelloHtmlWorld.java import com.google.gwt.core.client.gwt; import com.google.gwt.dom.client.*; import com.google.gwt.uibinder.client.*; import com.google.gwt.user.client.ui.uiobject; public class HelloHtmlWorld extends UIObject { interface HelloHtmlWorldUiBinder extends UiBinder<DivElement, HelloHtmlWorld> { private static HelloHtmlWorldUiBinder uibinder = SpanElement greetspan; 21 public HelloHtmlWorld(String greeting) { setelement(uibinder.createandbindui(this)); greetspan.setinnertext(greeting);
11 Step 3: Use New Java Class in EntryPoint Class public class GwtUiBinder1 implements EntryPoint { public void onmoduleload() { HelloHtmlWorld hellohtmlworld = new HelloHtmlWorld("UiBinder HTML World!"); Element attachto = RootPanel.get("uibinder-html").getElement(); attachto.appendchild(hellohtmlworld.getelement()); Since the HelloHtmlWorld is a UIObject and not a Widget, we need to use the lower-level DOM API to append it to the browser DOM. 22 Example: Result <fieldset> <legend>simple UiBinder HTML Example</legend> <div id="uibinder-html"></div> </fieldset> <br/> 23
12 2013 Marty Hall & Yaakov Chaikin Widget-Based UiBinder GUIs 24 Customized Java EE Training: GWT, Java 7 and 8, JSF 2, PrimeFaces, HTML5, Servlets, JSP, Ajax, jquery, Spring, Hibernate, REST, Hadoop, Android. Developed and taught by well-known author and developer. At public venues or onsite at your location. Basic Steps (Main Changes from HTML-Based in Red) Create XML file Top-level element represents a Widget: <g:somegwtwidget> Put mixture of raw HTML and <g:othergwtwidgets> inside Use ui:field to mark places for later insertion 2. Create Java class that represents the XML Extend Composite Use UiBinder interface and GWT.create to bind the Java class to the XML representation Mark fields (one for each ui:field in XML) Call initwidget Set properties of those fields 3. Use new Java class in EntryPoint class Use normal Widget methods (e.g., RootPanel.get( ).add(yourwidget)) Note Eclipse wizard will automate much of this process
13 Example: HelloWidgetWorld UiBinder Start with Eclipse wizard Created coreservlets.client.ui package (for convenience of organization) Right-clicked on the ui package and chose New-UiBinder Chose Create UI based on GWT widgets, clicked Finish After creation, removed some generated content we ll learn later about Creates 2 files: HelloWidgetWorld.java and HelloWidgetWorld.ui.xml 26 Step 1: XML File <!DOCTYPE ui:uibinder SYSTEM " <ui:uibinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <g:htmlpanel> <span style="font-style: italic;">hello,</span> <g:html ui:field="label" /> </g:htmlpanel> </ui:uibinder> Imports everything in the com.google.gwt.user.client.ui package and gives it an XML namespace prefix g. Now, any class in that package can be referenced here with the prefix g. This is considered the root widget of this UiBinder declaration, even though the root element of the XML file is ui:uibinder. This is what the Java counterpart needs to treat this declaration as, i.e., HTMLPanel This is a bound field. There must be a corresponding member of the same name in HelloWidgetWorld.java. It must have at least package private scope, i.e., can not be private. The type of the corresponding field must be a GWT widget type that is either HTML or its superclass. 27
14 Step 2A: Extend Composite HelloWidgetWorld.java import com.google.gwt.core.client.gwt; import com.google.gwt.uibinder.client.*; import com.google.gwt.user.client.ui.*; Only if your root UiBinder element is a GWT Widget, i.e., it s a GWT Widget-based UiBinder. In this case, the root UiBinder widget is HTMLPanel, whose superclass is Widget, but we could have used HTMLPanel here just the same. Yes, this IS a custom widget! public class HelloWidgetWorld extends Composite { interface HelloWidgetWorldUiBinder extends UiBinder<Widget, HelloWidgetWorld> { private static HelloWidgetWorldUiBinder uibinder = HTML label; public HelloWidgetWorld(String greeting) { initwidget(uibinder.createandbindui(this)); label.settext(greeting); 28 Step 2B: Use UiBinder & GWT.create to Bind Java to XML Declare marker interface that will tell GWT which two types to attempt binding. Must be GWT type equivalent to the type of root UiBinder element. (HTMLPanel or Widget type will work here). Owner type need to be bound, i.e., type of this class. public class HelloWidgetWorld extends Composite { interface HelloWidgetWorldUiBinder extends UiBinder<Widget, HelloWidgetWorld> { private static HelloWidgetWorldUiBinder uibinder = HTML label; public HelloWidgetWorld(String greeting) { initwidget(uibinder.createandbindui(this)); label.settext(greeting); GWT creates an instance of a factory that can generate the UI and glue it to the owning class, i.e., this class, associating all the fields with its declared counterpart. 29
15 Steps 2C 2E public class HelloWidgetWorld extends Composite { interface HelloWidgetWorldUiBinder extends UiBinder<Widget, HelloWidgetWorld> { 30 private static HelloWidgetWorldUiBinder uibinder = GWT.create(HelloWidgetWorldUiBinder.class); Step 2C: mark fields Must match ui:field name in ui.xml HTML label; public HelloWidgetWorld(String greeting) { initwidget(uibinder.createandbindui(this)); label.settext(greeting); Step 2D: call initwidget. Before anything can be done with a Composite instance, initwidget method must be called. Tells GWT what GWT Widget to treat this object as. (We showed this before when creating custom widgets). Step 2E: Set properties of fields. This is a normal Widget (of type HTML in this case). Creates the root UiBinder type defined in the interface, i.e., Widget, passing it an instance of an owner class, i.e., HelloWidgetWorld. Final Result: HelloWidgetWorld.java import com.google.gwt.core.client.gwt; import com.google.gwt.uibinder.client.*; import com.google.gwt.user.client.ui.*; public class HelloWidgetWorld extends Composite { interface HelloWidgetWorldUiBinder extends UiBinder<Widget, HelloWidgetWorld> { private static HelloWidgetWorldUiBinder uibinder = HTML label; public HelloWidgetWorld(String greeting) { initwidget(uibinder.createandbindui(this)); label.settext(greeting); 31
16 Step 3: Use New Java Class in EntryPoint Class public class GwtUiBinder1 implements EntryPoint { public void onmoduleload() { HelloHtmlWorld hellohtmlworld = new HelloHtmlWorld("UiBinder HTML World!"); Element attachto = RootPanel.get("uibinder-html").getElement(); attachto.appendchild(hellohtmlworld.getelement()); HelloWidgetWorld hellowidgetworld = new HelloWidgetWorld("UiBinder Widget World!"); RootPanel.get("uibinder-widget").add(helloWidgetWorld); Since the HelloWidgetWorld is a regular GWT widget, we can directly add it to RootPanel without resorting to GWT DOM API. 32 Example: Result <fieldset> <legend>simple UiBinder Widget Example</legend> <div id="uibinder-widget"></div> </fieldset> <br/> 33
17 2013 Marty Hall & Yaakov Chaikin Simplified UI Event Handling Customized Java EE Training: GWT, Java 7 and 8, JSF 2, PrimeFaces, HTML5, Servlets, JSP, Ajax, jquery, Spring, Hibernate, REST, Hadoop, Android. Developed and taught by well-known author and developer. At public venues or onsite at your location. Summary 35 UI event handling has a lot of boilerplate code Create a class that implements SomeHandler interface Can be done as an anonymous, inner, or standalone Implement the onblah method in that interface Call addsomehandler to the widget In UiBinder, use void method(blahevent e) { "fieldname" name of declared member field in this class BlahEvent is any event type, e.g., ClickEvent, BlurEvent, etc. Method name can be anything you want (but can t be private) Disadvantages GWT-created handlers are not sharable with other components You can still refactor and share the functionality Can only be used on widgets, not DOM elements
18 Random Number and Linked ListBox Example Review <fieldset> <legend>client-side Data</legend> <table border="1"> <tr><th>user Control</th> <th>result</th></tr> <tr><td id="randomnumberbutton"></td> <td id="randomnumberresult"></td></tr> <tr><td>state: <span id="statelistholder"></span></td> <td>city: <span id="citylistholder"></span></td> </tr> </table><br/> </fieldset> 36 Random Number and Linked ListBox Example Review (Cont.) public class GwtApp1 implements EntryPoint { public void onmoduleload() { // Main entry point buttonsetup(); listsetup(); private void buttonsetup() { Button randomnumberbutton = new Button("Show Random Number"); HTML randomnumberresult = new HTML("<i>Num will go here</i>"); randomnumberbutton.addclickhandler (new RanNumHandler(randomNumberResult)); RootPanel.get("randomNumberButton").add(randomNumberButton); RootPanel.get("randomNumberResult").add(randomNumberResult); 37
19 Random Number and Linked ListBox Example Review (Cont.) private class RanNumHandler implements ClickHandler { private HTML resultregion; public RanNumHandler(HTML resultregion) { this.resultregion = resultregion; public void onclick(clickevent event) { resultregion.settext("number: " + Math.random()*10); 38 Random Number and Linked ListBox Example Review (cont) private void listsetup() { ListBox statelist = new ListBox(); populatestatelist(statelist); statelist.setvisibleitemcount(1); ListBox citylist = new ListBox(); citylist.additem("select City"); citylist.setvisibleitemcount(1); citylist.setenabled(false); statelist.addchangehandler(new StateHandler(stateList, citylist)); RootPanel.get("stateListHolder").add(stateList); RootPanel.get("cityListHolder").add(cityList); 39 private void populatestatelist(listbox statelist) { statelist.additem("select State"); StateInfo[] nearbystates = StateInfo.getNearbyStates(); for(stateinfo state: nearbystates) { statelist.additem(state.getstatename());
20 Random Number and Linked ListBox Example Review (cont) private class StateHandler implements ChangeHandler { private ListBox statelist, citylist; public StateHandler(ListBox statelist, ListBox citylist) { this.statelist = statelist; this.citylist = citylist; 40 public void onchange(changeevent event) { int index = statelist.getselectedindex(); String state = statelist.getitemtext(index); StateInfo[] nearbystates = StateInfo.getNearbyStates(); String[] cities = StateInfo.findCities(nearbyStates, state); citylist.clear(); for(string city: cities) { citylist.additem(city); citylist.setenabled(true); Random Number and Linked ListBox Example Review: Result 41
21 Example: UI Event Handling Without UiBinder shortcut: HandleEvents1.ui.xml <!DOCTYPE ui:uibinder SYSTEM " <ui:uibinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <g:htmlpanel> <table border="1"> <tr><th>user Control</th><th>Result</th></tr> <tr> <td><g:button ui:field="numberbutton">show Random Number </g:button></td> <td><g:html ui:field="numberresult">num will go here </g:html></td></tr> <tr><td>state: <g:listbox ui:field="statelist"/></td> <td>city: <g:listbox ui:field="citylist"/></td></tr> </table><br/> </g:htmlpanel> </ui:uibinder> 42 Example: UI Event Handling Without UiBinder shortcut: HandleEvents1.java public class HandleEvents1 extends Composite { private static HandleEvents1UiBinder uibinder = GWT.create(HandleEvents1UiBinder.class); interface HandleEvents1UiBinder extends UiBinder<Widget, HandleEvents1> Button HTML ListBox ListBox citylist; 43 public HandleEvents1() { initwidget(uibinder.createandbindui(this)); numberbutton.addclickhandler(new RanNumHandler()); listsetup();
22 Example: UI Event Handling Without UiBinder shortcut: HandleEvents1.java (continued) private class RanNumHandler implements ClickHandler { public void onclick(clickevent event) { numberresult.settext("number: " + Math.random() * 10); private void listsetup() { populatestatelist(); statelist.setvisibleitemcount(1); citylist.additem("select City"); citylist.setvisibleitemcount(1); citylist.setenabled(false); statelist.addchangehandler(new StateHandler()); 44 private void populatestatelist() { statelist.additem("select State"); StateInfo[] nearbystates = StateInfo.getNearbyStates(); for (StateInfo state : nearbystates) { statelist.additem(state.getstatename()); Example: UI Event Handling Without UiBinder shortcut: HandleEvents1.java (Continued) private class StateHandler implements ChangeHandler { public void onchange(changeevent event) { int index = statelist.getselectedindex(); String state = statelist.getitemtext(index); StateInfo[] nearbystates = StateInfo.getNearbyStates(); String[] cities = StateInfo.findCities(nearbyStates, state); citylist.clear(); for (String city : cities) { citylist.additem(city); citylist.setenabled(true); 45
23 Example: UI Event Handling Without UiBinder shortcut: GwtUiBinder1.html & EntryPoint Class <fieldset> <legend>ui Event Handling shortcut</legend> <div id="uibinder-events-without"></div> </fieldset> <p/> public class GwtUiBinder1 implements EntryPoint { public void onmoduleload() { HandleEvents1 events1 = new HandleEvents1(); RootPanel.get("uibinder-events-without").add(events1); 46 Example: UI Event Handling Without UiBinder shortcut: Result 47
24 Example: UI Event Handling With UiBinder shortcut: HandleEvents2.ui.xml <!DOCTYPE ui:uibinder SYSTEM " <ui:uibinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <g:htmlpanel> <table border="1"> <tr><th>user Control</th><th>Result</th></tr> <tr> <td><g:button ui:field="numberbutton">show Random Number </g:button></td> <td><g:html ui:field="numberresult">num will go here </g:html></td></tr> <tr><td>state: <g:listbox ui:field="statelist"/></td> <td>city: <g:listbox ui:field="citylist"/></td></tr> </table><br/> </g:htmlpanel> </ui:uibinder> No Changes. Same as HandleEvents1.ui.xml. 48 Example: UI Event Handling With UiBinder shortcut: HandleEvents2.java public class HandleEvents2 extends Composite { private static HandleEvents2UiBinder uibinder = GWT.create(HandleEvents2UiBinder.class); interface HandleEvents2UiBinder extends UiBinder<Widget, HandleEvents2> Button HTML ListBox ListBox citylist; public HandleEvents2() { initwidget(uibinder.createandbindui(this)); listsetup(); 49
25 Example: UI Event Handling With UiBinder shortcut: HandleEvents2.java (continued) GWT matches field name with Button numberbutton; value HTML ListBox ListBox void displayrandomnumber(clickevent event) { numberresult.settext("number: " + Math.random() * 10); Must be either public or package private (i.e., default) scope. Can t be a private method. In this example, it is void, but any return type is valid. Based on the event type, this handler will respond to an onclick event. 50 Example: UI Event Handling With UiBinder shortcut: HandleEvents2.java (continued) 51 private void listsetup() { populatestatelist(); statelist.setvisibleitemcount(1); citylist.additem("select City"); citylist.setvisibleitemcount(1); void handlestatechange(changeevent event) { int index = statelist.getselectedindex(); String state = statelist.getitemtext(index); The contents of the method are the same as before, but now no boilerplate code! StateInfo[] nearbystates = StateInfo.getNearbyStates(); String[] cities = StateInfo.findCities(nearbyStates, state); citylist.clear(); for (String city : cities) { citylist.additem(city); citylist.setenabled(true);
26 Example: UI Event Handling Without UiBinder shortcut: GwtUiBinder1.html & EntryPoint Class <fieldset> <legend>ui Event Handling shortcut</legend> <div id="uibinder-events-with"></div> </fieldset> <p/> public class GwtUiBinder1 implements EntryPoint { public void onmoduleload() { HandleEvents2 events2 = new HandleEvents2(); RootPanel.get("uibinder-events-with").add(events2); 52 Example: UI Event Handling With UiBinder shortcut: Result 53
27 2013 Marty Hall & Yaakov Chaikin Wrap-Up Customized Java EE Training: GWT, Java 7 and 8, JSF 2, PrimeFaces, HTML5, Servlets, JSP, Ajax, jquery, Spring, Hibernate, REST, Hadoop, Android. Developed and taught by well-known author and developer. At public venues or onsite at your location. Summary: HTML-Based (Eclipse Wizard Builds #1 & #2) 1. Create XML file Top-level element is an HTML tag like <div> Put raw HTML inside Use ui:field to mark places for later insertion 2. Create Java class that represents the XML Extend UiObject Use UiBinder interface and GWT.create to bind the Java class to the XML representation Mark fields (one for each ui:field in XML) Call setelement Insert content into those fields 3. Use new Java class in EntryPoint class Use DOM API with getelement and appendchild 55
28 Summary: Widget-Based (Eclipse Wizard Builds #1 & #2) Create XML file Top-level element represents a Widget: <g:somegwtwidget> Put mixture of raw HTML and <g:othergwtwidgets> inside Use ui:field to mark places for later insertion 2. Create Java class that represents the XML Extend Composite Use UiBinder interface and GWT.create to bind the Java class to the XML representation Mark fields (one for each ui:field in XML) Call initwidget Set properties of those fields 3. Use new Java class in EntryPoint class Use normal Widget methods E.g., RootPanel.get( ).add(yourwidget) 2013 Marty Hall & Yaakov Chaikin Questions? JSF 2, PrimeFaces, Java 7 or 8, Ajax, jquery, Hadoop, RESTful Web Services, Android, HTML5, Spring, Hibernate, Servlets, JSP, GWT, and other Java EE training. Customized Java EE Training: GWT, Java 7 and 8, JSF 2, PrimeFaces, HTML5, Servlets, JSP, Ajax, jquery, Spring, Hibernate, REST, Hadoop, Android. Developed and taught by well-known author and developer. At public venues or onsite at your location.
The Google Web Toolkit (GWT): The Model-View-Presenter (MVP) Architecture Official MVP Framework
2013 Marty Hall & Yaakov Chaikin The Google Web Toolkit (GWT): The Model-View-Presenter (MVP) Architecture Official MVP Framework (GWT 2.5 Version) Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/gwt.html
Java with Eclipse: Setup & Getting Started
Java with Eclipse: Setup & Getting Started Originals of slides and source code for examples: http://courses.coreservlets.com/course-materials/java.html Also see Java 8 tutorial: http://www.coreservlets.com/java-8-tutorial/
Hadoop Streaming. 2012 coreservlets.com and Dima May. 2012 coreservlets.com and Dima May
2012 coreservlets.com and Dima May Hadoop Streaming Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training courses (onsite
Hadoop Distributed File System (HDFS) Overview
2012 coreservlets.com and Dima May Hadoop Distributed File System (HDFS) Overview Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized
Virtual Machine (VM) For Hadoop Training
2012 coreservlets.com and Dima May Virtual Machine (VM) For Hadoop Training Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop
Android Programming: Installation, Setup, and Getting Started
2012 Marty Hall Android Programming: Installation, Setup, and Getting Started Originals of Slides and Source Code for Examples: http://www.coreservlets.com/android-tutorial/ Customized Java EE Training:
The Google Web Toolkit (GWT): Overview & Getting Started
2013 Marty Hall & Yaakov Chaikin The Google Web Toolkit (GWT): Overview & Getting Started (GWT 2.5 Version) Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/gwt.html
Android Programming Basics
2012 Marty Hall Android Programming Basics Originals of Slides and Source Code for Examples: http://www.coreservlets.com/android-tutorial/ Customized Java EE Training: http://courses.coreservlets.com/
Map Reduce Workflows
2012 coreservlets.com and Dima May Map Reduce Workflows Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training courses (onsite
Official Android Coding Style Conventions
2012 Marty Hall Official Android Coding Style Conventions Originals of Slides and Source Code for Examples: http://www.coreservlets.com/android-tutorial/ Customized Java EE Training: http://courses.coreservlets.com/
Apache Pig Joining Data-Sets
2012 coreservlets.com and Dima May Apache Pig Joining Data-Sets Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training courses
Advanced Java Client API
2012 coreservlets.com and Dima May Advanced Java Client API Advanced Topics Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop
Building Web Services with Apache Axis2
2009 Marty Hall Building Web Services with Apache Axis2 Part I: Java-First (Bottom-Up) Services Customized Java EE Training: http://courses.coreservlets.com/ Servlets, JSP, Struts, JSF/MyFaces/Facelets,
HBase Java Administrative API
2012 coreservlets.com and Dima May HBase Java Administrative API Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training courses
HBase Key Design. 2012 coreservlets.com and Dima May. 2012 coreservlets.com and Dima May
2012 coreservlets.com and Dima May HBase Key Design Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training courses (onsite
2011 Marty Hall An Overview of Servlet & JSP Technology Customized Java EE Training: http://courses.coreservlets.com/
2011 Marty Hall An Overview of Servlet & JSP Technology Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/csajsp2.html 3 Customized Java EE Training: http://courses.coreservlets.com/
Managed Beans II Advanced Features
2014 Marty Hall Managed Beans II Advanced Features Originals of Slides and Source Code for Examples: http://www.coreservlets.com/jsf-tutorial/jsf2/ Customized Java EE Training: http://courses.coreservlets.com/
Android Programming: 2D Drawing Part 1: Using ondraw
2012 Marty Hall Android Programming: 2D Drawing Part 1: Using ondraw Originals of Slides and Source Code for Examples: http://www.coreservlets.com/android-tutorial/ Customized Java EE Training: http://courses.coreservlets.com/
HDFS Installation and Shell
2012 coreservlets.com and Dima May HDFS Installation and Shell Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training courses
Web Applications. Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/msajsp.html
2009 Marty Hall Using and Deploying Web Applications Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/msajsp.html Customized Java EE Training: http://courses.coreservlets.com/
Application Security
2009 Marty Hall Declarative Web Application Security Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/msajsp.html Customized Java EE Training: http://courses.coreservlets.com/
For live Java EE training, please see training courses
2012 Marty Hall Basic Java Syntax Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/java.htmlcoreservlets com/course-materials/java html 3 Customized Java
Google Web Toolkit. Progetto di Applicazioni Software a.a. 2011/12. Massimo Mecella
Google Web Toolkit Progetto di Applicazioni Software a.a. 2011/12 Massimo Mecella Introduction Ajax (Asynchronous JavaScript and XML) refers to a broad range of techniques Beyond the technical jargon,
What servlets and JSP are all about
2012 Marty Hall An Overview of Servlet & JSP Technology Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/csajsp2.html 3 Customized Java EE Training: http://courses.coreservlets.com/
WA 2. GWT Martin Klíma
WA 2 GWT Martin Klíma GWT What is it? Google Web Toolkig Compiler from Java to JavaScript + HTML Set of JavaScript and Java scripts / classes Development environment SDK Integration with IDE Eclipse, Netbeans,
Debugging Ajax Pages: Firebug
2010 Marty Hall Ajax: Development and Debugging g Tools Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/ajax.html Customized Java EE Training: http://courses.coreservlets.com/
MASTERTAG DEVELOPER GUIDE
MASTERTAG DEVELOPER GUIDE TABLE OF CONTENTS 1 Introduction... 4 1.1 What is the zanox MasterTag?... 4 1.2 What is the zanox page type?... 4 2 Create a MasterTag application in the zanox Application Store...
JHU/EP Server Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/csajsp2.html
2010 Marty Hall Deploying Apps to the JHU/EP Server Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/csajsp2.html 2 Customized Java EE Training: http://courses.coreservlets.com/
Web Applications. For live Java training, please see training courses at
2009 Marty Hall Using and Deploying Web Applications Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/msajsp.html Customized Java EE Training: http://courses.coreservlets.com/
HDFS - Java API. 2012 coreservlets.com and Dima May. 2012 coreservlets.com and Dima May
2012 coreservlets.com and Dima May HDFS - Java API Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training courses (onsite
Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator
Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator Written by: Chris Jaun (cmjaun@us.ibm.com) Sudha Piddaparti (sudhap@us.ibm.com) Objective In this
Client-side Web Engineering From HTML to AJAX
Client-side Web Engineering From HTML to AJAX SWE 642, Spring 2008 Nick Duan 1 What is Client-side Engineering? The concepts, tools and techniques for creating standard web browser and browser extensions
Session Tracking Customized Java EE Training: http://courses.coreservlets.com/
2012 Marty Hall Session Tracking Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/csajsp2.html 2 Customized Java EE Training: http://courses.coreservlets.com/
Example. Represent this as XML
Example INF 221 program class INF 133 quiz Assignment Represent this as XML JSON There is not an absolutely correct answer to how to interpret this tree in the respective languages. There are multiple
& JSP Technology Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/csajsp2.html
2009 Marty Hall An Overview of Servlet & JSP Technology Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/csajsp2.html 2 Customized Java EE Training: http://courses.coreservlets.com/
Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf
1 The Web, revisited WEB 2.0 marco.ronchetti@unitn.it Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf 2 The old web: 1994 HTML pages (hyperlinks)
An Overview of Servlet & JSP Technology
2007 Marty Hall An Overview of Servlet & JSP Technology 2 Customized J2EE Training: http://courses.coreservlets.com/ Servlets, JSP, Struts, JSF, EJB3, Ajax, Java 5, Java 6, etc. Ruby/Rails coming soon.
Introducing Apache Pivot. Greg Brown, Todd Volkert 6/10/2010
Introducing Apache Pivot Greg Brown, Todd Volkert 6/10/2010 Speaker Bios Greg Brown Senior Software Architect 15 years experience developing client and server applications in both services and R&D Apache
Getting Started: Creating a Simple App
Getting Started: Creating a Simple App What You will Learn: Setting up your development environment Creating a simple app Personalizing your app Running your app on an emulator The goal of this hour is
Online Multimedia Winter semester 2015/16
Multimedia im Netz Online Multimedia Winter semester 2015/16 Tutorial 12 Major Subject Ludwig-Maximilians-Universität München Online Multimedia WS 2015/16 - Tutorial 12-1 Today s Agenda Imperative vs.
CrownPeak Java Web Hosting. Version 0.20
CrownPeak Java Web Hosting Version 0.20 2014 CrownPeak Technology, Inc. All rights reserved. No part of this document may be reproduced or transmitted in any form or by any means, electronic or mechanical,
Google Web Toolkit. Introduction to GWT Development. Ilkka Rinne & Sampo Savolainen / Spatineo Oy
Google Web Toolkit Introduction to GWT Development Ilkka Rinne & Sampo Savolainen / Spatineo Oy GeoMashup CodeCamp 2011 University of Helsinki Department of Computer Science Google Web Toolkit Google Web
The Google Web Toolkit (GWT): JavaScript Native Interface (JSNI)
2013 Marty Hall & Yaakov Chaikin The Google Web Toolkit (GWT): JavaScript Native Interface (JSNI) (GWT 2.5 Version) Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/gwt.html
MapReduce on YARN Job Execution
2012 coreservlets.com and Dima May MapReduce on YARN Job Execution Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training
Handling the Client Request: Form Data
2012 Marty Hall Handling the Client Request: Form Data Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/csajsp2.html 3 Customized Java EE Training: http://courses.coreservlets.com/
Hadoop Introduction. 2012 coreservlets.com and Dima May. 2012 coreservlets.com and Dima May
2012 coreservlets.com and Dima May Hadoop Introduction Originals of slides and source code for examples: http://www.coreservlets.com/hadoop-tutorial/ Also see the customized Hadoop training courses (onsite
Interspire Website Publisher Developer Documentation. Template Customization Guide
Interspire Website Publisher Developer Documentation Template Customization Guide Table of Contents Introduction... 1 Template Directory Structure... 2 The Style Guide File... 4 Blocks... 4 What are blocks?...
Enterprise Application Development In Java with AJAX and ORM
Enterprise Application Development In Java with AJAX and ORM ACCU London March 2010 ACCU Conference April 2010 Paul Grenyer Head of Software Engineering p.grenyer@validus-ivc.co.uk http://paulgrenyer.blogspot.com
SSC - Web development Model-View-Controller for Java web application development
SSC - Web development Model-View-Controller for Java web application development Shan He School for Computational Science University of Birmingham Module 06-19321: SSC Outline Outline of Topics Java Server
PLAYER DEVELOPER GUIDE
PLAYER DEVELOPER GUIDE CONTENTS CREATING AND BRANDING A PLAYER IN BACKLOT 5 Player Platform and Browser Support 5 How Player Works 6 Setting up Players Using the Backlot API 6 Creating a Player Using the
QML and JavaScript for Native App Development
Esri Developer Summit March 8 11, 2016 Palm Springs, CA QML and JavaScript for Native App Development Michael Tims Lucas Danzinger Agenda Native apps. Why? Overview of Qt and QML How to use JavaScript
HTML Form Widgets. Review: HTML Forms. Review: CGI Programs
HTML Form Widgets Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back to the web server Forms allow web servers to generate
Basic Java Syntax. Slides 2016 Marty Hall, hall@coreservlets.com
coreservlets.com custom onsite training Basic Java Syntax Originals of slides and source code for examples: http://courses.coreservlets.com/course-materials/java.html Also see Java 8 tutorial: http://www.coreservlets.com/java-8-tutorial/
Localization and Resources
2012 Marty Hall Localization and Resources Originals of Slides and Source Code for Examples: http://www.coreservlets.com/android-tutorial/ Customized Java EE Training: http://courses.coreservlets.com/
Novell Identity Manager
AUTHORIZED DOCUMENTATION Manual Task Service Driver Implementation Guide Novell Identity Manager 4.0.1 April 15, 2011 www.novell.com Legal Notices Novell, Inc. makes no representations or warranties with
Building and Using Web Services With JDeveloper 11g
Building and Using Web Services With JDeveloper 11g Purpose In this tutorial, you create a series of simple web service scenarios in JDeveloper. This is intended as a light introduction to some of the
GUI and Web Programming
GUI and Web Programming CSE 403 (based on a lecture by James Fogarty) Event-based programming Sequential Programs Interacting with the user 1. Program takes control 2. Program does something 3. Program
Using an external style sheet with Dreamweaver (CS6)
Using an external style sheet with Dreamweaver (CS6) nigelbuckner.com 2012 This handout explains how to create an external style sheet, the purpose of selector types and how to create styles. It does not
Android Environment SDK
Part 2-a Android Environment SDK Victor Matos Cleveland State University Notes are based on: Android Developers http://developer.android.com/index.html 1 2A. Android Environment: Eclipse & ADT The Android
Object-Oriented Programming in Java: More Capabilities
coreservlets.com custom onsite training Object-Oriented Programming in Java: More Capabilities Originals of slides and source code for examples: http://courses.coreservlets.com/course-materials/java.html
How to Create an Android Application using Eclipse on Windows 7
How to Create an Android Application using Eclipse on Windows 7 Kevin Gleason 11/11/11 This application note is design to teach the reader how to setup an Android Development Environment on a Windows 7
Advantage of Jquery: T his file is downloaded from
What is JQuery JQuery is lightweight, client side JavaScript library file that supports all browsers. JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling,
Making Web Application using Tizen Web UI Framework. Koeun Choi
Making Web Application using Tizen Web UI Framework Koeun Choi Contents Overview Web Applications using Web UI Framework Tizen Web UI Framework Web UI Framework Launching Flow Web Winsets Making Web Application
JavaScript Basics & HTML DOM. Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com
JavaScript Basics & HTML DOM Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com 2 Disclaimer & Acknowledgments Even though Sang Shin is a full-time employee
Mobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue
Mobile Web Applications Gary Dubuque IT Research Architect Department of Revenue Summary Times are approximate 10:15am 10:25am 10:35am 10:45am Evolution of Web Applications How they got replaced by native
An introduction to creating JSF applications in Rational Application Developer Version 8.0
An introduction to creating JSF applications in Rational Application Developer Version 8.0 September 2010 Copyright IBM Corporation 2010. 1 Overview Although you can use several Web technologies to create
Interactive Data Visualization for the Web Scott Murray
Interactive Data Visualization for the Web Scott Murray Technology Foundations Web technologies HTML CSS SVG Javascript HTML (Hypertext Markup Language) Used to mark up the content of a web page by adding
Rich User Interfaces for Web-Based Corporate Applications
Rich User Interfaces for Web-Based Corporate Applications Ivan Zapevalov, Software Engineer 1 Outline RIA technologies AJAX technology Widgets Demo application in JavaScript Demo application in GWT Web-catalog
Building A Very Simple Web Site
Sitecore CMS 6.2 Building A Very Simple Web Site Rev 100601 Sitecore CMS 6. 2 Building A Very Simple Web Site A Self-Study Guide for Developers Table of Contents Chapter 1 Introduction... 3 Chapter 2 Building
Software Development Interactief Centrum voor gerichte Training en Studie Edisonweg 14c, 1821 BN Alkmaar T: 072 511 12 23
Microsoft SharePoint year SharePoint 2013: Search, Design and 2031 Publishing New SharePoint 2013: Solutions, Applications 2013 and Security New SharePoint 2013: Features, Delivery and 2010 Development
Component Based Web Development with Apache Wicket
Component Based Web Development with Apache Wicket Web Application Development with just JAVA and HTML - Karthik Gurumurthy, Architect, Symcon Global Technologies Author Pro Wicket, Apress Agenda What
Android Environment SDK
Part 2-a Android Environment SDK Victor Matos Cleveland State University Notes are based on: Android Developers http://developer.android.com/index.html 1 Android Environment: Eclipse & ADT The Android
Importance of the Java Inet Address and Public String Hosting System
CSC 551: Web Programming Spring 2004 Combining Java & JavaScript integrating Java with JavaScript calling Java routines from JavaScript controlling an applet from JavaScript accessing JavaScript & HTML
NASSI-SCHNEIDERMAN DIAGRAM IN HTML BASED ON AML
Volume 6, Number 3, 2013 NASSI-SCHNEIDERMAN DIAGRAM IN HTML BASED ON AML László Menyhárt Abstract: In an earlier work I defined an extension of XML called Algorithm Markup Language (AML) for easy and understandable
Google App Engine f r o r J av a a v a (G ( AE A / E J / )
Google App Engine for Java (GAE/J) What is Google App Engine? Google offers a cloud computing infrastructure calledgoogle App Engine(App Engine) for creating and running web applications. App Engine allows
WIRIS quizzes web services Getting started with PHP and Java
WIRIS quizzes web services Getting started with PHP and Java Document Release: 1.3 2011 march, Maths for More www.wiris.com Summary This document provides client examples for PHP and Java. Contents WIRIS
The goal with this tutorial is to show how to implement and use the Selenium testing framework.
APPENDIX B: SELENIUM FRAMEWORK TUTORIAL This appendix is a tutorial about implementing the Selenium framework for black-box testing at user level. It also contains code examples on how to use Selenium.
Preface. Motivation for this Book
Preface Asynchronous JavaScript and XML (Ajax or AJAX) is a web technique to transfer XML data between a browser and a server asynchronously. Ajax is a web technique, not a technology. Ajax is based on
CMSC434 TUTORIAL #3 HTML CSS JavaScript Jquery Ajax + Google AppEngine Mobile WebApp HTML5
CMSC434 TUTORIAL #3 HTML CSS JavaScript Jquery Ajax + Google AppEngine Mobile WebApp HTML5 JQuery Recap JQuery source code is an external JavaScript file
Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief
Guide Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief Author: Ashur Kanoon August 2012 For further information, questions and comments please contact ccbu-pricing@cisco.com
Hello World RESTful web service tutorial
Hello World RESTful web service tutorial Balázs Simon (sbalazs@iit.bme.hu), BME IIT, 2015 1 Introduction This document describes how to create a Hello World RESTful web service in Eclipse using JAX-RS
Fast track to HTML & CSS 101 (Web Design)
Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of
Visualizing an OrientDB Graph Database with KeyLines
Visualizing an OrientDB Graph Database with KeyLines Visualizing an OrientDB Graph Database with KeyLines 1! Introduction 2! What is a graph database? 2! What is OrientDB? 2! Why visualize OrientDB? 3!
Overview. In the beginning. Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript
Overview In the beginning Static vs. Dynamic Content Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript AJAX Libraries and Frameworks
Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?
Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML
How To Write An Ria Application
Document Reference TSL-SES-WP-0001 Date 4 January 2008 Issue 1 Revision 0 Status Final Document Change Log Version Pages Date Reason of Change 1.0 Draft 17 04/01/08 Initial version The Server Labs S.L
Introduction to Android Development. Jeff Avery CS349, Mar 2013
Introduction to Android Development Jeff Avery CS349, Mar 2013 Overview What is Android? Android Architecture Overview Application Components Activity Lifecycle Android Developer Tools Installing Android
Creating a 2D Game Engine for Android OS. Introduction
Creating a 2D Game Engine for Android OS Introduction This tutorial will lead you through the foundations of creating a 2D animated game for the Android Operating System. The goal here is not to create
CSC309 Winter 2016 Lecture 3. Larry Zhang
CSC309 Winter 2016 Lecture 3 Larry Zhang 1 Why Javascript Javascript is for dynamically manipulate the front-end of your web page. Add/remove/change the content/attributes of an HTML element Change the
JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK
Programming for Digital Media EE1707 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK 1 References and Sources 1. DOM Scripting, Web Design with JavaScript
Java Server Pages and Java Beans
Java Server Pages and Java Beans Java server pages (JSP) and Java beans work together to create a web application. Java server pages are html pages that also contain regular Java code, which is included
The Oracle Fusion Development Platform
The Oracle Fusion Development Platform Juan Camilo Ruiz Senior Product Manager Development Tools 1 The preceding is intended to outline our general product direction. It is intended for information purposes
Implementing Specialized Data Capture Applications with InVision Development Tools (Part 2)
Implementing Specialized Data Capture Applications with InVision Development Tools (Part 2) [This is the second of a series of white papers on implementing applications with special requirements for data
Single Page Web App Generator (SPWAG)
Single Page Web App Generator (SPWAG) Members Lauren Zou (ljz2112) Aftab Khan (ajk2194) Richard Chiou (rc2758) Yunhe (John) Wang (yw2439) Aditya Majumdar (am3713) Motivation In 2012, HTML5 and CSS3 took
Developing NFC Applications on the Android Platform. The Definitive Resource
Developing NFC Applications on the Android Platform The Definitive Resource Part 1 By Kyle Lampert Introduction This guide will use examples from Mac OS X, but the steps are easily adaptable for modern
Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
English. Asema.com Portlets Programmers' Manual
English Asema.com Portlets Programmers' Manual Asema.com Portlets : Programmers' Manual Asema Electronics Ltd Copyright 2011-2013 No part of this publication may be reproduced, published, stored in an
Visualizing a Neo4j Graph Database with KeyLines
Visualizing a Neo4j Graph Database with KeyLines Introduction 2! What is a graph database? 2! What is Neo4j? 2! Why visualize Neo4j? 3! Visualization Architecture 4! Benefits of the KeyLines/Neo4j architecture
Modern Web Apps with HTML5 Web Components, Polymer, and Java EE MVC 1.0. Kito Mann (@kito99), Virtua, Inc.
Modern Web Apps with HTML5 Web Components, Polymer, and Java EE MVC 1.0 Kito Mann (@kito99), Virtua, Inc. Kito D. Mann (@kito99) Principal Consultant at Virtua (http://www.virtua.com) Training, consulting,
Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00
Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more