1
0

index.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. ---
  2. layout: default
  3. title: Jtalk Smalltalk
  4. ---
  5. <div class="box first">
  6. <div class="content">
  7. <h1><img alt="Jtalk is an implementation of the Smalltalk language that runs on the JavaScript runtime." src="images/title_container1.png"/></h1>
  8. <div class="left">
  9. <p>Jtalk is an implementation of the <a href="http://en.wikipedia.org/wiki/Smalltalk">Smalltalk</a> language that runs on top of the <a href="http://en.wikipedia.org/wiki/Javascript">JavaScript</a> runtime. It is designed to make client-side development faster and easier.</p>
  10. <p>Jtalk is written in itself, including the parser and compiler. Jtalk compiles into efficient JavaScript, mapping one-to-one with the equivalent JavaScript. There is no interpretation at runtime.</p>
  11. <p>Try a <button onClick="smalltalk.Browser._open()"> Class browser</button> right now!</p>
  12. <script type="text/javascript">
  13. /* <![CDATA[ */
  14. (function() {
  15. var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
  16. s.type = 'text/javascript';
  17. s.async = true;
  18. s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
  19. t.parentNode.insertBefore(s, t);
  20. })();
  21. /* ]]> */
  22. </script>
  23. <p>If you enjoy my work on Jtalk, you can <a class="FlattrButton" style="display:none;" rev="flattr" href="http://jtalk-project.org"></a> the project.</p>
  24. </div>
  25. <div class="right"><img src="images/screen2.png"/></div>
  26. <div class="clear"></div>
  27. </div>
  28. </div>
  29. <div class="box">
  30. <h2>Client-side usage</h2>
  31. <div class="content">
  32. <p>Load the full Jtalk Smalltalk environment with the IDE in your page:</p>
  33. {% highlight html %}<script src="js/jtalk.js" type="text/javascript"></script>
  34. <link rel="stylesheet" type="text/css" href="css/jtalk.css"/>{% endhighlight %}
  35. <p>Or the deployment JavaScript file only (without the Smalltalk parser or compiler):</p>
  36. {% highlight html %}<script src="js/jtalk.deploy.js" type="text/javascript"></script>{% endhighlight %}
  37. <p>Read the <a href="#documentation">documentation</a> to learn more about writing applications in Jtalk.</p>
  38. </div>
  39. </div>
  40. <div class="box last">
  41. <h2 id="download">Download</h2>
  42. <div class="content">
  43. <p>You can get a copy of Jtalk from github or clone the <a href="http://github.com/NicolasPetton/jtalk">git repository</a>.</p>
  44. <a href="http://github.com/NicolasPetton/jtalk/zipball/master">
  45. <img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a>
  46. <a href="http://github.com/NicolasPetton/jtalk/tarball/master">
  47. <img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a>
  48. </div>
  49. </div>