1
0

index.html 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. ---
  2. layout: index
  3. title: Amber Smalltalk
  4. ---
  5. <div class="box">
  6. <h2>Amber...</h2>
  7. <dl>
  8. <dt>So...What is it about again?</dt>
  9. <dd>
  10. <p>Amber is a language (derived from <a href="http://en.wikipedia.org/wiki/Smalltalk">Smalltalk</a>) and environment built for the web.</p>
  11. With Amber, client-side web development finally gets the power and productivity that exists in other Smalltalk dialects.</p>
  12. </dd>
  13. <dt>Why should I care?</dt>
  14. <dd>
  15. <p>Having a true live & incremental development environment where you can build your application interactively in the browser is unbeatable.</p>
  16. </dd>
  17. <dt>Why a Smalltalk dialect?</dt>
  18. <dd>
  19. <p>Smalltalk stands head and shoulders above most other languages for clarity, conciseness, and human-friendliness.</p>
  20. <p>As a language, it is immensely clean and mature, both syntactically and semantically. It is a pure OO language, with objects all the way down.</p>
  21. </dd>
  22. <dt>But what about all the JS ecosystem?</dt>
  23. <dd>
  24. <p>Amber plays very well with the outer world. You can interact with JavaScript objects seamlessly, and even inspect them as any Amber object.</p>
  25. <p><a href="https://github.com/amber-smalltalk/amber/wiki/From-smalltalk-to-javascript-and-back">Evaluating JavaScript object methods</a> is transparent and makes using libraries a breeze.</p>
  26. </dd>
  27. <dt>Quick links</dt>
  28. <dd>
  29. You can read the <a href="documentation.html"> documentation</a> online. The <a href="https://github.com/amber-smalltalk/amber/wiki">Wiki on GitHub</a> includes a <a href="https://github.com/amber-smalltalk/amber/wiki/Getting-started">Getting started</a> tutorial for OSX, Linux and Windows.
  30. </dd>
  31. </dl>
  32. </div>
  33. <div class="box" id="getstarted">
  34. <h2>Client-side usage</h2>
  35. <div class="content">
  36. <p>Load the full Amber Smalltalk environment with the IDE in your page:</p>
  37. {% highlight html %}<script src="js/amber.js" type="text/javascript"></script>
  38. <script type="text/javascript"> loadAmber()</script>{% endhighlight %}
  39. <p>Or the deployment JavaScript file only (without the Smalltalk sources, parser, compiler and IDE):</p>
  40. {% highlight html %}<script src="js/amber.js" type="text/javascript"></script>
  41. <script type="text/javascript"> loadAmber({deploy: true})</script>{% endhighlight %}
  42. <p>Read the <a href="documentation.html">documentation</a> to learn more about writing applications in Amber.</p>
  43. </div>
  44. </div>
  45. <div class="box" id="getinvolved">
  46. <h2> Get involved!</h2>
  47. <h3>Contributing to the project</h3>
  48. <p>In a sharing mood? Contributions to Amber are very much welcome!</p>
  49. <ul>
  50. <li>The Amber source code is hosted on <a href="https://github.com/amber-smalltalk/amber">Github</a>. You can fork the main repository and send pull requests.</li>
  51. <li>The <a href="https://github.com/amber-smalltalk/amber/wiki/Contributions">contributions</a> page lists some possible contributions that which contributors might "adopt" and realize.</li>
  52. <li>You can also submit issues on the <a href="https://github.com/amber-smalltalk/amber/issues?sort=created&state=open">bug tracker</a>.</li>
  53. </ul>
  54. <h3>Meet the people behind Amber</h3>
  55. <ul>
  56. <li>Most of Amber discussion and help happens on the <a href="http://groups.google.com/group/amber-lang"> Google Group</a>.</li>
  57. <li>Amber hackers can be found on the #amber-lang IRC channel on freenode. You can use the <a href="http://webchat.freenode.net/">Freenode web client</a>.</li>
  58. </ul>
  59. </div>
  60. <div class="box last">
  61. <h2 id="download">Download</h2>
  62. <div class="content">
  63. <p>You can get a copy of Amber from github or clone the <a href="http://github.com/amber-smalltalk/amber">git repository</a>.</p>
  64. <a href="http://github.com/amber-smalltalk/amber/zipball/master">
  65. <img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a>
  66. <a href="http://github.com/amber-smalltalk/amber/tarball/master">
  67. <img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a>
  68. </div>
  69. </div>