http://wiki.apidesign.org/index.php?title=FXBrwsr&feed=atom&action=historyFXBrwsr - Revision history2024-03-28T18:43:43ZRevision history for this page on the wikiMediaWiki 1.12.0rc1http://wiki.apidesign.org/index.php?title=FXBrwsr&diff=7189&oldid=prevJaroslavTulach: /* Debugging */2013-12-10T14:29:24Z<p><span class="autocomment">Debugging</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:29, 10 December 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 9:</td>
<td colspan="2" class="diff-lineno">Line 9:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Debugging ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Debugging ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>By merging advanced [[HTML]] technology (like [[Knockout.js]]) and [[Java]] one gets all the goodies of [[Java]] language, together with using more and more popular and powerful [[HTML]] presentation technologies<del style="color: red; font-weight: bold; text-decoration: none;">. One </del>gets [[Knockout4Java]] The [[Java]] model is fully separated from the view (e.g. [[HTML]]), can be unit tested and also (as the code runs in [[HotSpot]] [[VM]] it can be fully debugged). Just follow the [[Twitter]] client instructions:</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>By merging advanced [[HTML]] technology (like [[Knockout.js]]) and [[Java]] one gets all the goodies of [[Java]] language, together with using more and more popular and powerful [[HTML]] presentation technologies <ins style="color: red; font-weight: bold; text-decoration: none;">- one </ins>gets [[Knockout4Java]]<ins style="color: red; font-weight: bold; text-decoration: none;">! </ins>The [[Java]] model is fully separated from the view (e.g. [[HTML]]), can be unit tested and also (as the code runs in [[HotSpot]] [[VM]] it can be fully debugged). Just follow the [[Twitter]] client instructions:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* clone the http://source.apidesign.org/hg/html~demo/ [[Hg]] repository</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* clone the http://source.apidesign.org/hg/html~demo/ [[Hg]] repository</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* open its ''twitter'' project in [[NetBeans]] IDE 7.3</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* open its ''twitter'' project in [[NetBeans]] IDE 7.3</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6973&oldid=prevJaroslavTulach: /* Demo */2013-09-29T10:50:16Z<p><span class="autocomment">Demo</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:50, 29 September 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 23:</td>
<td colspan="2" class="diff-lineno">Line 23:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{#ev:youtube|TU912WSOU6U}}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{#ev:youtube|TU912WSOU6U}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>The [[Twitter]] example no longer works as [[Twitter]] changed its protocol in May 2013. In addition to the video you can also use [[NetBeans]] [[HTML]] Easel support to inspect the [[DOM]] tree.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>The <ins style="color: red; font-weight: bold; text-decoration: none;">server side of the </ins>[[Twitter]] example no longer works as [[Twitter]] changed its protocol in May 2013. <ins style="color: red; font-weight: bold; text-decoration: none;">This is what you get when using services ''in the cloud''! </ins>In addition to the video you can also use [[NetBeans]] [[HTML]] Easel support to inspect the [[DOM]] tree.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Bck2Brwsr]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Bck2Brwsr]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Video]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Video]]</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6972&oldid=prevJaroslavTulach: /* Demo */2013-09-29T10:49:32Z<p><span class="autocomment">Demo</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:49, 29 September 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 23:</td>
<td colspan="2" class="diff-lineno">Line 23:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{#ev:youtube|TU912WSOU6U}}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{#ev:youtube|TU912WSOU6U}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>In addition to the video you can also use [[NetBeans]] [[HTML]] Easel support to inspect the [[DOM]] tree.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">The [[Twitter]] example no longer works as [[Twitter]] changed its protocol in May 2013. </ins>In addition to the video you can also use [[NetBeans]] [[HTML]] Easel support to inspect the [[DOM]] tree.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Bck2Brwsr]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Bck2Brwsr]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Video]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Video]]</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6971&oldid=prevJaroslavTulach: /* Install */2013-09-29T10:48:27Z<p><span class="autocomment">Install</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:48, 29 September 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Install ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Install ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>In case you are running [[NetBeans]] 7.4, install [http://plugins.netbeans.org/plugin/50521/ HTML/Java Project] support.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>In case you are running [[NetBeans]] 7.4, install [http://plugins.netbeans.org/plugin/50521/ HTML/Java Project] support<ins style="color: red; font-weight: bold; text-decoration: none;">. Then you can create new project using project wizard: ''HTML5/HTML with Java Application Logic''</ins>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Debugging ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Debugging ==</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6970&oldid=prevJaroslavTulach: /* Debugging */2013-09-29T10:47:33Z<p><span class="autocomment">Debugging</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:47, 29 September 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 10:</td>
<td colspan="2" class="diff-lineno">Line 10:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>By merging advanced [[HTML]] technology (like [[Knockout.js]]) and [[Java]] one gets all the goodies of [[Java]] language, together with using more and more popular and powerful [[HTML]] presentation technologies. One gets [[Knockout4Java]] The [[Java]] model is fully separated from the view (e.g. [[HTML]]), can be unit tested and also (as the code runs in [[HotSpot]] [[VM]] it can be fully debugged). Just follow the [[Twitter]] client instructions:</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>By merging advanced [[HTML]] technology (like [[Knockout.js]]) and [[Java]] one gets all the goodies of [[Java]] language, together with using more and more popular and powerful [[HTML]] presentation technologies. One gets [[Knockout4Java]] The [[Java]] model is fully separated from the view (e.g. [[HTML]]), can be unit tested and also (as the code runs in [[HotSpot]] [[VM]] it can be fully debugged). Just follow the [[Twitter]] client instructions:</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* clone the <del style="color: red; font-weight: bold; text-decoration: none;">https</del>://<del style="color: red; font-weight: bold; text-decoration: none;">hg</del>.<del style="color: red; font-weight: bold; text-decoration: none;">java</del>.<del style="color: red; font-weight: bold; text-decoration: none;">net</del>/hg/html~demo [[Hg]] repository</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* clone the <ins style="color: red; font-weight: bold; text-decoration: none;">http</ins>://<ins style="color: red; font-weight: bold; text-decoration: none;">source</ins>.<ins style="color: red; font-weight: bold; text-decoration: none;">apidesign</ins>.<ins style="color: red; font-weight: bold; text-decoration: none;">org</ins>/hg/html~demo<ins style="color: red; font-weight: bold; text-decoration: none;">/ </ins>[[Hg]] repository</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* open its ''twitter'' project in [[NetBeans]] IDE 7.3</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* open its ''twitter'' project in [[NetBeans]] IDE 7.3</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* open ''TwitterClient'' class and place breakpoint somewhere</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* open ''TwitterClient'' class and place breakpoint somewhere</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6969&oldid=prevJaroslavTulach: /* Demo */2013-09-29T10:45:51Z<p><span class="autocomment">Demo</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:45, 29 September 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 19:</td>
<td colspan="2" class="diff-lineno">Line 19:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Demo ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Demo ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">See it all in action</del>.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Demo showing the basics of [[Knockout4Java]]. These days you can use [[NetBeans]] 7.4, install ''HTML/Java Project Support'' plugin and create new project (''HTML5/HTML with Java Applicatio Logic'') using the project wizard</ins>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>{{#ev:<del style="color: red; font-weight: bold; text-decoration: none;">bliptv</del>|<del style="color: red; font-weight: bold; text-decoration: none;">6588275</del>}}</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>{{#ev:<ins style="color: red; font-weight: bold; text-decoration: none;">youtube</ins>|<ins style="color: red; font-weight: bold; text-decoration: none;">TU912WSOU6U</ins>}}</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">In addition to the video you can also use [[NetBeans]] [[HTML]] Easel support to inspect the [[DOM]] tree.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Bck2Brwsr]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Bck2Brwsr]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Video]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Video]]</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6929&oldid=prevJaroslavTulach at 22:41, 22 September 20132013-09-22T22:41:13Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 22:41, 22 September 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 2:</td>
<td colspan="2" class="diff-lineno">Line 2:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[FXBrwsr]] uses [[JavaFX]]'s WebView component to display [[HTML]]. However to eliminate the need to manipulate the [[DOM]] directly, there is a special [[Java]] to [[Knockout.js]] binding. As a result the [[HTML]] uses [[Knockout.js]] syntax, yet the application code can be written in [[Java]]. </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[FXBrwsr]] uses [[JavaFX]]'s WebView component to display [[HTML]]. However to eliminate the need to manipulate the [[DOM]] directly, there is a special [[Java]] to [[Knockout.js]] binding. As a result the [[HTML]] uses [[Knockout.js]] syntax, yet the application code can be written in [[Java]]. </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">== Install ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">In case you are running [[NetBeans]] 7.4, install [http://plugins.netbeans.org/plugin/50521/ HTML/Java Project] support.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Debugging ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Debugging ==</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6673&oldid=prevJaroslavTulach: /* Debugging */2013-05-16T20:27:48Z<p><span class="autocomment">Debugging</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:27, 16 May 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Debugging ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Debugging ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>By merging advanced [[HTML]] technology (like [[Knockout.js]]) and [[Java]] one gets all the goodies of [[Java]] language, together with using more and more popular and powerful [[HTML]] presentation technologies. The [[Java]] model is fully separated from the view (e.g. [[HTML]]), can be unit tested and also (as the code runs in [[HotSpot]] [[VM]] it can be fully debugged). Just follow the [[Twitter]] client instructions:</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>By merging advanced [[HTML]] technology (like [[Knockout.js]]) and [[Java]] one gets all the goodies of [[Java]] language, together with using more and more popular and powerful [[HTML]] presentation technologies. <ins style="color: red; font-weight: bold; text-decoration: none;">One gets [[Knockout4Java]] </ins>The [[Java]] model is fully separated from the view (e.g. [[HTML]]), can be unit tested and also (as the code runs in [[HotSpot]] [[VM]] it can be fully debugged). Just follow the [[Twitter]] client instructions:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* clone the https://hg.java.net/hg/html~demo [[Hg]] repository</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* clone the https://hg.java.net/hg/html~demo [[Hg]] repository</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* open its ''twitter'' project in [[NetBeans]] IDE 7.3</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* open its ''twitter'' project in [[NetBeans]] IDE 7.3</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6672&oldid=prevJaroslavTulach: /* Demo */2013-05-16T20:27:02Z<p><span class="autocomment">Demo</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:27, 16 May 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 17:</td>
<td colspan="2" class="diff-lineno">Line 17:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>See it all in action.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>See it all in action.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>{{#ev:bliptv|<del style="color: red; font-weight: bold; text-decoration: none;">6582883</del>}}</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>{{#ev:bliptv|<ins style="color: red; font-weight: bold; text-decoration: none;">6588275</ins>}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Bck2Brwsr]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Bck2Brwsr]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Video]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Video]]</div></td></tr>
</table>JaroslavTulachhttp://wiki.apidesign.org/index.php?title=FXBrwsr&diff=6651&oldid=prevJaroslavTulach: /* Debugging */2013-05-09T07:40:26Z<p><span class="autocomment">Debugging</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 07:40, 9 May 2013</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 12:</td>
<td colspan="2" class="diff-lineno">Line 12:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>You'll get all the goodies of [[Java]]. Moreover (as [[Twitter]] client page also mentions) you can still get your application [[Bck2Brwsr]] by selecting different [[Maven]] profile: ''bck2brwsr'' (see the combo in [[NetBeans]] 7.3 toolbar).</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>You'll get all the goodies of [[Java]]. Moreover (as [[Twitter]] client page also mentions) you can still get your application [[Bck2Brwsr]] by selecting different [[Maven]] profile: ''bck2brwsr'' (see the combo in [[NetBeans]] 7.3 toolbar).</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">== Demo ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">See it all in action.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{#ev:bliptv|6582883}}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{#ev:bliptv|6582883}}</div></td></tr>
</table>JaroslavTulach