amber/index.html

---
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>