--- layout: default title: Jtalk Smalltalk --- <div class="box first"> <div class="content"> <h1><img alt="Jtalk is an implementation of the Smalltalk language that runs on the JavaScript runtime." src="images/title_container1.png"/></h1> <div class="left"> <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> <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> <p>Try a <button onClick="smalltalk.Browser._open()"> Class browser</button> right now!</p> <script type="text/javascript"> /* <![CDATA[ */ (function() { var s = document.createElement('script'), t = document.getElementsByTagName('script')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto'; t.parentNode.insertBefore(s, t); })(); /* ]]> */ </script> <p>You can join the <a href="http://groups.google.com/group/jtalk-project"> Google Group</a>.</p> <a class="FlattrButton" style="display:none;" rev="flattr;button:compact" href="http://jtalk-project.org"></a> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="NicolasPetton">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </div> <div class="right"><img src="images/screen2.png"/></div> <div class="clear"></div> </div> </div> <div class="box"> <h2>Client-side usage</h2> <div class="content"> <p>Load the full Jtalk Smalltalk environment with the IDE in your page:</p> {% highlight html %}<script src="js/jtalk.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="css/jtalk.css"/>{% endhighlight %} <p>Or the deployment JavaScript file only (without the Smalltalk parser or compiler):</p> {% highlight html %}<script src="js/jtalk.deploy.js" type="text/javascript"></script>{% endhighlight %} <p>Read the <a href="#documentation">documentation</a> to learn more about writing applications in Jtalk.</p> </div> </div> <div class="box last"> <h2 id="download">Download</h2> <div class="content"> <p>You can get a copy of Jtalk from github or clone the <a href="http://github.com/NicolasPetton/jtalk">git repository</a>.</p> <a href="http://github.com/NicolasPetton/jtalk/zipball/master"> <img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a> <a href="http://github.com/NicolasPetton/jtalk/tarball/master"> <img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a> </div> </div>