- <![endif]--> <header id=intro> <div class=content-image></div> <div class="presentation animated fadeInDown"> <h1>Scala Exercises</h1> <p class=lead>The easy way to learn Scala.</p> <p class=lead> <button type=button class="btn btn-primary btn-lg" onclick="moveToDiv('content')">GET STARTED</button> </p> <div id=gitHubLayer> <a target=_blank href=https://github.com/47deg/scala-exercises> <i class="fa fa-github fa-main"></i><br>Contribute </a> <div class=row> <div class=col-xs-4> <a class=gitHubWidget target=_blank href=https://github.com/47deg/scala-exercises/watchers> <h2><i class="fa fa-eye"></i> <span id=eyes>00</span></h2> </a> </div> <div class=col-xs-4> <a class=gitHubWidget target=_blank href=https://github.com/47deg/scala-exercises/stargazers> <h2><i class="fa fa-star"></i> <span id=stars>00</span></h2> </a> </div> <div class=col-xs-4> <a class=gitHubWidget target=_blank href=https://github.com/47deg/scala-exercises/fork> <h2><i class="fa fa-code-fork"></i> <span id=forks>00</span></h2> </a> </div> </div> </div> </div> </header> <section id=content> <div class=container> <div class=introduction> <div class=row> <div class="col-md-8 col-md-offset-2"> <h2 class=text-center>How it works?</h2> <p class="function text-center">"Scala Exercises" brings the popular <a href="http://www.scalakoans.org/">Scala Koans</a> to the web. Offering hundreds of solveable exercises organized into 42 categories covering the basics of the Scala language.</p> </div> </div> </div> <hr> <div class=step> <div class=row> <div class="col-md-8 col-md-offset-2 step-content"> <div class=step-icon> <img src=images/9b7ab054.step_012x.png alt="Learn: Each category includes an explanation of the basics. Learn the concepts through simple code samples."> </div> <div class=step-text> <h3>Learn</h3> <p>Each category includes an explanation of the basics. Learn the concepts through simple code samples.</p> </div> </div> </div> <div class=row> <div class="col-md-8 col-md-offset-2 step-content"> <div class=step-icon> <img src=images/6802006a.step_022x.png alt="Solve: Each exercise is a unit test that must pass successfully, complete the exercise by filling in the blanks. Receive instant feedback as your answers are validated in real-time."> </div> <div class=step-text> <h3>Solve</h3> <p>Each exercise is a unit test that must pass successfully, complete the exercise by filling in the blanks. Receive instant feedback as your answers are validated in real-time.</p> </div> </div> </div> <div class=row> <div class="col-md-8 col-md-offset-2 step-content"> <div class=step-icon> <img src=images/33115d96.step_032x.png alt="Share: The system will consider the category complete when all its exercises are successfully done"> </div> <div class=step-text> <h3>Share</h3> <p>The system will consider the category complete when all its exercises are successfully done. Don't forget to share your progress on social networks before moving on to the next category!</p> </div> </div> </div> <div class=row> <div class="col-md-8 col-md-offset-2 step-content"> <div class=step-icon> <img src=images/f3638223.step_042x.png alt="Edit: After completing a category, you'll be able to go back and edit it"> </div> <div class=step-text> <h3>Edit</h3> <p>After completing a category, you'll be able to go back and edit it. Add new exercises or improve existing ones by sending a pull-request.</p> </div> </div> </div> </div> <div class=row> <div class=divider> <div class="col-md-12 text-center"> <hr> <span> <a href=koans><button type=button class="btn btn-primary btn-lg">Let's Begin!</button></a> </span> </div> </div> </div> </div> </section> <footer id=bottom> <div class=link-content> <div class="content-image content-image-footer"></div> <div class=container> <div class=row> <div class="col-md-4 text-center item"> <a href=https://typesafe.com/resources/e-books target=_blank> <div class="icon-general icon-books"></div> <h3>Books</h3> <p>Deepen your knowledge of Scala with this collection of books recommended by Typesafe.</p> </a> </div> <div class="col-md-4 text-center item"> <a href="http://docs.scala-lang.org/" target=_blank> <div class="icon-general icon-official-docs"></div> <h3>Official Docs</h3> <p>Access community-driven documentation for Scala including guides, tutorials and a glossary.</p> </a> </div> <div class="col-md-4 text-center item"> <a href=http://www.47deg.com/blog/tags/scala target=_blank> <div class="icon-general icon-blog"></div> <h3>Blog</h3> <p>At 47 Degrees we occasionally write about Scala on our blog. Take a look!</p> </a> </div> </div> </div> </div> <div class="spread text-center"> <div class=container> <button type=button class="btn btn-primary btn-lg" data-toggle=modal data-target=#spreadModal>Spread the word</button> </div> </div> <div class="about text-center"> <div class=container> <p> <img src=images/df532660.logo_47deg2x.png alt="">Copyright © 2014 - <a href=http://47deg.com>47 Degrees</a> <br> Reactive, scalable software solutions. All rights reserved. <br> Scala Koans Copyright © <a href=http://scalakoans.org>Scala Koans</a> - All Rights Reserved </p> </div> </div> </footer> <!-- modal start --> <div class="modal fade" id=spreadModal tabindex=-1 role=dialog aria-labelledby=spreadModalLabel aria-hidden=true> <div class=modal-dialog> <div class=modal-content> <div class=modal-header> <button type=button class=close data-dismiss=modal><span aria-hidden=true>×</span><span class=sr-only>Close</span></button> <h4 class=modal-title id=spreadModalLabel>SPREAD THE WORD</h4> </div> <div class=modal-body> <div class=row> <div class="col-sm-8 col-sm-offset-2">Do you think "Scala Exercises" is useful? Share it with your friends. Who knows, maybe you will inspire some future Scala developers.</div> </div> <div class="row share-step"> <div class="col-sm-2 col-sm-offset-3"> <span class="fa-stack fa-lg" onclick=shareSiteFacebook()> <i class="fa fa-circle fa-stack-2x facebook"></i> <i class="fa fa-facebook fa-fw fa-stack-1x fa-inverse"></i> </span> </div> <div class=col-sm-2> <span class="fa-stack fa-lg" onclick=shareSiteTwitter()> <i class="fa fa-circle fa-stack-2x twitter"></i> <i class="fa fa-twitter fa-fw fa-stack-1x fa-inverse"></i> </span> </div> <div class=col-sm-2> <span class="fa-stack fa-lg" onclick=shareSiteGoogle()> <i class="fa fa-circle fa-stack-2x plus"></i> <i class="fa fa-google-plus fa-fw fa-stack-1x fa-inverse"></i> </span> </div> </div> </div> <div class=modal-footer> </div> </div> </div> </div> <!-- modal end --> <script src=scripts/6d2b5497.vendor.js></script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
0 commit comments