ruby.html

---
layout: default
title: Ruby Lab
title_postfix: Ruby Lab
title_postfix_class: rubylab
---

<div class="well whatsallabout row ruby">
  <div class="span4">
    <h3>Ruby este...</h3>
    <p>
      un limbaj de programare dinamic, open source,
      care pune accentul pe simplitate şi productivitate.
    </p>
    <p>
      Are o sintaxă elegantă,
      a cărei citire decurge natural şi care este uşor de scris.
    </p>
    <a href-"http://www.ruby-lang.org/">
      <img src="/img/labs/ruby-logo.gif" alt="Ruby Logo"/>
    </a>
    <h3>De ce Ruby?</h3>
    <p>
      Ruby există mulțumită unei comunități extraordinare.
      Mii de persoane folosesc Ruby pentru a crea unelte și produse.
    </p>
    <p>
      Iar ușurința de învățare și viteza mare cu care se pot rezolva problemele
      în Ruby oferă rezultate de clasă înaltă!
    </p>
  </div>
  <div class="span4">
    <h3>Cum arată un exemplu de cod Ruby...</h3>
    <pre><code class="ruby"># Clasa Robot
class Robot
  def initialize(name)
    @name = name.capitalize
  end

  def spune_salut
    puts &quot;Salut, eu sunt #{@name}!&quot;
  end
end

# Facem un Robot nou
r = Robot.new('rubytronic')

# Va fișa: Salut, eu sunt Rubytronic!
r.spune_salut
    </code></pre>
  </div>
  <div class="span3">
    <h3>Unde e folosit Ruby</h3>
    <ul class="thumbnails">
      <li class="span1" style="width: 60px;">
        <h4>Web</h4>
        <div class="thumbnail">
          <a href="http://rubyonrails.org">
            <img src="http://weblog.rubyonrails.org/images/rails.png" alt="Rails Logo" />
          </a>
          <h5>Ruby on Rails</h5>
        </div>
      </li>

      <li class="span1" style="width: 90px;">
        <h4>Mobile</h4>
        <div class="thumbnail">
          <a href="http://www.rhomobile.com/">
            <img src="http://www.rhomobile.com/wp-content/uploads/2011/05/logo.png" alt="Rhomobile Logo" style="background: #999;" />
          </a>
          <h5>Rhomobile</h5>
        </div>
      </li>
    </ul>

    <h4>Proiecte de succes</h4>
    <ul class="thumbnails">
      <li class="span1">
        <div class="thumbnail">
          <a href="https://github.com">
            <img src="https://a248.e.akamai.net/assets.github.com/images/modules/about_page/github_logo.png" alt="GitHub Logo" style="background: #999;" />
          </a>
          <h5>GitHub</h5>
        </div>
      </li>

      <li class="span2">
        <div class="thumbnail">
          <a href="https://basecamp.com">
            <img src="https://basecamp.com/assets/images/logo.png" alt="Basecamp Logo" />
          </a>
          <h5>Basecamp</h5>
        </div>
      </li>
    </ul>

    <h4>Proiecte dezvoltate în Cluj</h4>
    <ul class="thumbnails">
      <li class="span1" style="width: 120px">
        <div class="thumbnail">
          <a href="http://www.mindmeister.com/">
            <img src="http://asset4.mindmeister.com/images/v4/logos/logo_home.png" alt="Mindmeister Logo"/>
          </a>
          <h5>Mindmeister</h5>
        </div>
      </li>

      <li class="span1" style="width: 120px">
        <div class="thumbnail">
          <a href="http://www.skinscanapp.com/">
            <img src="http://i.imgur.com/maJ8w.png" alt="SkinScan Logo" />
          </a>
          <h5>SkinScan</h5>
        </div>
      </li>
    </ul>
  </div>
</div>

<hr/>

<div class="ruby tc row">
  <div class="span12">
    <h2>Orarul laboratoarelor <small>se actualizează pe parcurs...</small></h2>
    <p>
      Laboratoarele se vor baza foarte mult pe conținutul cursurilor lui
      <a href="http://ruby.learncodethehardway.org/book/">
        Zed Shaw, Learn Ruby The Hard Way
      </a>.
    </p>
    <p>
      Scopul laboratoarelor este că, în final fiecare participant să
      poată scrie și publica o librarie (gem) simplă în Ruby care va conține
      cod și teste.
    </p>
    <p>
      La finalul fiecărui laborator vor fi exerciții la care se poate lucra
      de acasă sau chiar la cowork cu ajutorul persoanelor din jur.
    </p>
  </div>
  <div class="span4">
    <h4>Săptămâna #1 (12.05.2012)</h4>
    <ul>
      <li>Instalarea mediului Ruby</li>
      <li>RVM</li>
      <li>Rubygems</li>
      <li>Bundler</li>
      <li>Configurarea editorului</li>
      <li>Git</li>
    </ul>
  </div>

  <div class="span4">
    <h4>Săptămâna #2 (19.05.2012)</h4>
    <ul>
      <li>Primul progrămel</li>
      <li>Afișarea</li>
      <li>Comentariile în cod</li>
      <li>Câteva tipuri de date</li>
      <li>Variabile</li>
      <li>Afișări mai complexe</li>
    </ul>
  </div>

  <div class="span4">
    <h4>Săptămâna #3 (26.05.2012)</h4>
    <ul>
      <li>Citire și afișarea</li>
      <li>Fișiere</li>
      <li>Parametri</li>
      <li>Funcții</li>
      <li>Funcții care returnează</li>
      <li>Primul progrămel de consolă</li>
    </ul>
  </div>
</div>

<hr/>

<div class="ruby details row">
  <div class="span4">
    <h2>Locația și Ora</h2>
    <p>
      În <strong>fiecare Sâmbătă de la orele 12:00</strong>.
      <br/>
      Spațiul de Coworking RubyTribe (interfon: RubyTribe).
      <br/>
      Strada Emil Isac nr. 23, Cluj-Napoca.
    </p>
    <a href="http://g.co/maps/4mf6p">
      <img src="http://mt0.google.com/vt/data=wv07PgajD3zoZ647Mb49_ucQml3QYLYbdFyQqymoImhvP_k99T-sXYDlk9WR70umoXjdRvYHFUX0dVJasBbwr9BEFagryJbUjcHfzVLOkdR7QFUNZe2BdTpbzefLqUzbe3aNsFY1-8lOsD6P9l_Z1ukKshfXn7GPb6JON8RdB3gskwc4pmIudBmHFVimg0SQkFN91ATuNWjNy74" alt="Cluj Cowork" />
    </a>
  </div>
  <div class="span7">
    <h2>Despre Proiect</h2>
    <p>Salut, numele meu este <a href="http://stas.nerd.ro/">Stas</a> 
    și voi fi una dintre persoanele pe care le vei
    întâlni la acest laborator de Ruby.</p>

    <p>Proiectul se dorește a fi o inițiativă proaspătă de a aduna și ajuta
    persoanele interesate de a învăța limbajul de programare Ruby cu suport,
    spațiu și resurse în Cluj-Napoca.</p>

    <p>Se așteaptă persoanele de orice vârstă și pregătire (suntem curioși să
    întâlnim mai ales liceeni sau persoane fără studii în domeniu). De menționat
    că ne așteptăm să știi engleză cât de puțin și eventual să vii cu un
    calculator personal.</p>

    <p><strong>Nu se percep costuri pentru această activitate</strong>,
    spațiul este sponsorizat de 
    compania <a href="http://rubytribe.ro/">RubyTribe</a> din Cluj-Napoca.</p>

    <div class="thumbnail" style="width: 170px; float: right;">
      <a href="http://rubytribe.ro"><img src="http://rubytribe.ro/raw-assets/i/img-logo.png" alt="RubyTribe Logo" /></a>
      <h5>O inițiativă RubyTribe</h5>
    </div>

    <p>Laboratorul va dura minim o oră. Dacă ești interesat să petreci mai mult timp
    la cowork după această oră pentru a mai ajuta celelalte persoane sau a face
    exerciții, ești binevenit!</p>
    <a href="#contact" data-toggle="modal" class="btn small">
      <i class="icon-envelope"></i>
      Scrie-ne sau înregistrează-te!
    </a>
  </div>
</div> <!-- .details -->

<div class="modals">

  <div class="modal hide fade" id="contact">
    <div class="modal-header">
      <a class="close" data-dismiss="modal">×</a>
      <h3>Scrie-ne</h3>
    </div>
    <!-- fugly google code -->
    <form action="https://docs.google.com/spreadsheet/formResponse?formkey=dEM0U1liZ2I5RXFDcmt4LTdkbm1WSHc6MA&theme=0AX42CRMsmRFbUy1iOGYwN2U2Mi1hNWU0LTRlNjEtYWMyOC1lZmU4ODg1ODc1ODI&ifq" method="post" id="ss-form" class="form-horizontal">
      <div class="modal-body">

        <div class="control-group">
          <label for="entry_0">Numele</label> 
          <div class="controls">
            <input type="text" name="entry.0.single" id="entry_0" required />
          </div>
        </div>

        <div class="control-group">
          <label for="entry_1">Ocupația</label>
          <div class="controls">
            <input type="text" name="entry.1.single" id="entry_1" required />
          </div>
        </div>

        <div class="control-group">
          <label for="entry_2">Email/Phone/Skype</label> 
          <div class="controls">
            <input type="text" name="entry.2.single" id="entry_2" required />
          </div>
        </div>

        <div class="control-group">
          <label for="entry_3">Mesaj</label> 
          <div class="controls">
            <textarea name="entry.3.single" rows="8" cols="30" id="entry_3" required></textarea>
          </div>
        </div>

        <input type="hidden" name="pageNumber" value="0">
        <input type="hidden" name="backupCache" value="">

      </div>
      <div class="modal-footer">
        <p class="help-block pull-left">Toate câmpurile sunt obligatorii!</p>
        <button type="submit" class="btn btn-primary" name="submit">Trimite</button>
      </div>
    </form>
    <!-- end of fugly google code -->
  </div>
</div>

<script src="http://yandex.st/highlightjs/6.2/highlight.min.js"></script>
<link rel="stylesheet" href="http://yandex.st/highlightjs/6.2/styles/github.min.css">
<script type="text/javascript">
  hljs.initHighlightingOnLoad();
</script>