Skip to content
Browse files

Finished first pass at programming intro

  • Loading branch information...
1 parent 8dada6f commit c6a47a6461bd897892a89f53ee3add1ba4bff7c5 @sarahmei sarahmei committed Jun 13, 2009
Showing with 284 additions and 80 deletions.
  1. BIN img/composite-orig/mvc.pdn
  2. BIN img/mvc.jpg
  3. +0 −80 progamming_intro.md
  4. +102 −0 programming_intro.html
  5. +179 −0 programming_intro.md
  6. +3 −0 styles.css
View
BIN img/composite-orig/mvc.pdn
Binary file not shown.
View
BIN img/mvc.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
80 progamming_intro.md
@@ -1,80 +0,0 @@
-!SLIDE centereverything
-
-<img src="img/railsbridge_logo.png">
-# Ruby on Rails Workshop
-### June 13th, 2009
-
-!SLIDE
-
-The Complete Beginner's Guide to Programming
-
-!SLIDE
-
-What is a program?
-
-!SLIDE
-
-<table><tr><td valign="center">
-<img src="img/os_x_logo.jpg">
-</td><td valign="center">
-<img src="img/windows_logo.gif">
-</td><td valign="center">
-<img src="img/linux_logo.gif">
-</td></tr></table>
-
-!SLIDE
-
-<img src="img/acrobat.jpg">
-<img src="img/finder.png">
-<img src="img/firefox.png">
-<img src="img/itunes.png">
-<img src="img/quicktime.jpg">
-<img src="img/safari.png">
-<br/>
-<img src="img/ms_office.png">
-<br/>
-<img src="img/wordpress.jpg">
-
-!SLIDE centereverything
-
-<img src="img/web_app_in_rails.jpg">
-
-!SLIDE
-
-How do I write one?
-
-!SLIDE
-
-* Learn about customer's requirements
-* Translate to "stories"
-* Pick a story that seems doable
-* Write code that does it
-* Show your work to the customer, get feedback
-* Based on feedback, adjust your stories
-* When a story is done, go back to "pick a story"
-* Repeat until app is finished!
-
-!SLIDE
-
-## Let's start writing code!
-
-!SLIDE
-
-<table width="100%"><tr><td width="50%" align="center">
-<img src="img/git_bash.png">
-</td><td width="50%" align="center">
-<img src="img/mac_terminal_sm.png">
-</td></tr><tr><td align="center">
-Windows
-</td><td align="center">
-Mac OS X
-</td></tr></table>
-
-!SLIDE centereverything
-
-<span class="big-text"><pre><code>
-irb
-</code></pre></span>
-
-!SLIDE
-
View
102 programming_intro.html
@@ -132,6 +132,9 @@
font-size: 150%;
}
+.table-code {
+ font-family: Bitstream Vera Sans Mono;
+}
li {
padding: 8;
}
@@ -4962,6 +4965,105 @@ <h2 id="lets_start_writing_code">Let&rsquo;s start writing code!</h2>
</div>
</div>
+ <div class="">
+ <div id="slide-11" class="content">
+ <h2 id="variables">Variables</h2><h3 id="words_that_hold_information">words that hold information</h3><pre><code>
+&gt; my_variable = 5
+=&gt; 5
+&gt; my_other_variable = "hi"
+=&gt; "hi"
+</code></pre>
+ </div>
+ </div>
+
+ <div class="">
+ <div id="slide-12" class="content">
+ <h2 id="types_of_information">Types of information</h2><h3 id="text_numberscollections">text, numbers&hellip;collections?</h3><pre><code>
+&gt; fruits = ["kiwi", "strawberry", "plum"]
+=&gt; ["kiwi", "strawberry", "plum"]
+&gt; states = {"CA" =&gt; "California", "DE" =&gt; "Delaware"}
+=&gt; {"DE"=&gt;"Delaware", "CA"=&gt;"California"}
+</code></pre>
+ </div>
+ </div>
+
+ <div class="">
+ <div id="slide-13" class="content">
+ <h2 id="operators">Operators</h2><h3 id="doing_stuff_with_variables">doing stuff with variables</h3><pre><code>
+&gt; my_variable + 2
+=&gt; 7
+&gt; my_variable * 3
+=&gt; 15
+&gt; my_fruits = my_fruits + ["lychee"]
+=&gt; ["kiwi", "strawberry", "plum", "lychee"]
+&gt; my_fruits = my_fruits - ["lychee"]
+=&gt; ["kiwi", "strawberry", "plum"]
+</code></pre>
+ </div>
+ </div>
+
+ <div class="">
+ <div id="slide-14" class="content">
+ <h2 id="loops">Loops</h2><h3 id="doing_the_same_thing_a_bunch_of_times">doing the same thing a bunch of times</h3><table><tr>
+<td valign="top" width="37%">
+<code><b>
+&gt; puts fruits[0]<br>
+kiwi<br>
+=&gt; nil<br>
+&gt; puts fruits[1]<br>
+strawberry<br>
+=&gt; nil<br>
+&gt; puts fruits[2]<br>
+plum<br>
+=&gt; nil
+</b></code>
+</td>
+<td width="6%"><font size="150%">VS</font></td>
+<td valign="top" width="57%">
+<code><b>
+&gt; fruits.each do |f|<br>
+* puts f<br>
+&gt; end<br>
+kiwi<br>
+strawberry<br>
+plum<br>
+=&gt; ["kiwi", "strawberry", "plum"]
+</b></code>
+</td>
+</tr></table>
+ </div>
+ </div>
+
+ <div class="">
+ <div id="slide-15" class="content">
+ <h2 id="conditionals">Conditionals</h2><h3 id="doing_something_only_if_a_condition_is_met">doing something only if a condition is met</h3><pre><code>
+&gt; fruits.each do |f|
+* puts f if f == "plum"
+&gt; end
+plum
+=&gt; ["kiwi", "strawberry", "plum"]
+</code></pre>
+ </div>
+ </div>
+
+ <div class="">
+ <div id="slide-16" class="content">
+ <h2 id="now_weve_done_some_ruby">Now we&rsquo;ve done some Ruby&hellip;</h2><h2 id="lets_do_some_rails">&hellip;let&rsquo;s do some Rails!</h2>
+ </div>
+ </div>
+
+ <div class=" centereverything">
+ <div id="slide-17" class="content">
+ <img src="img/web-application.png">
+ </div>
+ </div>
+
+ <div class=" centereverything">
+ <div id="slide-18" class="content">
+ <img src="img/mvc.jpg">
+ </div>
+ </div>
+
</div>
</div>
</body>
View
179 programming_intro.md
@@ -0,0 +1,179 @@
+!SLIDE centereverything
+
+<img src="img/railsbridge_logo.png">
+# Ruby on Rails Workshop
+### June 13th, 2009
+
+!SLIDE
+
+The Complete Beginner's Guide to Programming
+
+!SLIDE
+
+What is a program?
+
+!SLIDE
+
+<table><tr><td valign="center">
+<img src="img/os_x_logo.jpg">
+</td><td valign="center">
+<img src="img/windows_logo.gif">
+</td><td valign="center">
+<img src="img/linux_logo.gif">
+</td></tr></table>
+
+!SLIDE
+
+<img src="img/acrobat.jpg">
+<img src="img/finder.png">
+<img src="img/firefox.png">
+<img src="img/itunes.png">
+<img src="img/quicktime.jpg">
+<img src="img/safari.png">
+<br/>
+<img src="img/ms_office.png">
+<br/>
+<img src="img/wordpress.jpg">
+
+!SLIDE centereverything
+
+<img src="img/web_app_in_rails.jpg">
+
+!SLIDE
+
+How do I write one?
+
+!SLIDE
+
+* Learn about customer's requirements
+* Translate to "stories"
+* Pick a story that seems doable
+* Write code that does it
+* Show your work to the customer, get feedback
+* Based on feedback, adjust your stories
+* When a story is done, go back to "pick a story"
+* Repeat until app is finished!
+
+!SLIDE
+
+## Let's start writing code!
+
+!SLIDE
+
+<table width="100%"><tr><td width="50%" align="center">
+<img src="img/git_bash.png">
+</td><td width="50%" align="center">
+<img src="img/mac_terminal_sm.png">
+</td></tr><tr><td align="center">
+Windows
+</td><td align="center">
+Mac OS X
+</td></tr></table>
+
+!SLIDE centereverything
+
+<span class="big-text"><pre><code>
+irb
+</code></pre></span>
+
+!SLIDE
+
+## Variables
+### words that hold information
+
+<pre><code>
+> my_variable = 5
+=> 5
+> my_other_variable = "hi"
+=> "hi"
+</code></pre>
+
+!SLIDE
+
+## Types of information
+
+### text, numbers...collections?
+
+<pre><code>
+> fruits = ["kiwi", "strawberry", "plum"]
+=> ["kiwi", "strawberry", "plum"]
+> states = {"CA" => "California", "DE" => "Delaware"}
+=> {"DE"=>"Delaware", "CA"=>"California"}
+</code></pre>
+
+!SLIDE
+
+## Operators
+
+### doing stuff with variables
+
+<pre><code>
+> my_variable + 2
+=> 7
+> my_variable * 3
+=> 15
+> my_fruits = my_fruits + ["lychee"]
+=> ["kiwi", "strawberry", "plum", "lychee"]
+> my_fruits = my_fruits - ["lychee"]
+=> ["kiwi", "strawberry", "plum"]
+</code></pre>
+
+!SLIDE
+
+## Loops
+
+### doing the same thing a bunch of times
+
+<table><tr><td width="37%" valign="top">
+<code><b>
+> puts fruits[0]<br/>
+kiwi<br/>
+=> nil<br/>
+> puts fruits[1]<br/>
+strawberry<br/>
+=> nil<br/>
+> puts fruits[2]<br/>
+plum<br/>
+=> nil
+</b></code>
+</td>
+<td width="6%"><font size="150%">VS</font></td>
+<td width="57%" valign="top">
+<code><b>
+> fruits.each do |f|<br/>
+* puts f<br/>
+> end<br/>
+kiwi<br/>
+strawberry<br/>
+plum<br/>
+=> ["kiwi", "strawberry", "plum"]
+</b></code>
+</td></tr></table>
+
+!SLIDE
+
+## Conditionals
+
+### doing something only if a condition is met
+
+<pre><code>
+> fruits.each do |f|
+* puts f if f == "plum"
+> end
+plum
+=> ["kiwi", "strawberry", "plum"]
+</code></pre>
+
+!SLIDE
+
+## Now we've done some Ruby...
+## ...let's do some Rails!
+
+!SLIDE centereverything
+
+<img src="img/web-application.png">
+
+!SLIDE centereverything
+
+<img src="img/mvc.jpg">
+
View
3 styles.css
@@ -10,6 +10,9 @@
font-size: 150%;
}
+.table-code {
+ font-family: Bitstream Vera Sans Mono;
+}
li {
padding: 8;
}

0 comments on commit c6a47a6

Please sign in to comment.
Something went wrong with that request. Please try again.