index.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. </div>
  13. <div class="right"><img src="images/screen2.png"/></div>
  14. <div class="clear"></div>
  15. </div>
  16. </div>
  17. <div class="box">
  18. <h2>Client-side usage</h2>
  19. <div class="content">
  20. <p>Load the full Jtalk Smalltalk environment with the IDE in your page:</p>
  21. {% highlight html %}<script src="js/jtalk.js" type="text/javascript"></script>
  22. <link rel="stylesheet" type="text/css" href="css/jtalk.css"/>{% endhighlight %}
  23. <p>Or the deployment JavaScript file only (without the Smalltalk parser or compiler):</p>
  24. {% highlight html %}<script src="js/jtalk.deploy.js" type="text/javascript"></script>{% endhighlight %}
  25. <p>Read the <a href="#documentation">documentation</a> to learn more about writing applications in Jtalk.</p>
  26. </div>
  27. </div>
  28. <div class="box last">
  29. <h2 id="download">Download</h2>
  30. <div class="content">
  31. <p>You can get a copy of Jtalk from github or clone the <a href="http://github.com/NicolasPetton/jtalk">git repository</a>.</p>
  32. <a href="http://github.com/NicolasPetton/jtalk/zipball/master">
  33. <img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a>
  34. <a href="http://github.com/NicolasPetton/jtalk/tarball/master">
  35. <img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a>
  36. </div>
  37. </div>