Skip to content

Latest commit

 

History

History
391 lines (286 loc) · 6.55 KB

teaching-kids.md

File metadata and controls

391 lines (286 loc) · 6.55 KB
Raw

!SLIDE

Teaching Ruby To Kids

#####  #####Sarah Mei #####  #####@sarahmei #####[email protected]

!SLIDE

Expanding Young Minds With Ruby

#####  #####Sarah Mei #####  #####@sarahmei #####[email protected]

!SLIDE

About me

!SLIDE

GetSET

!SLIDE

!SLIDE

Philosophy

!SLIDE

Programming and Language

!SLIDE

Setup

!SLIDE


Shoes.app do

end

!SLIDE

!SLIDE


Shoes.app do
  para "Hello, world"
end

!SLIDE

!SLIDE


Shoes.app do
  para "Hello, world", :align => "center",
    :size => "xx-large"
end

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  para "Hello, world", :align => "center",
    :size => "xx-large"
end

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  background tomato
  para "Hello, world", :align => "center",
    :size => "xx-large"
end

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  background tomato
  para "Hello, world", :align => "center",
    :size => "xx-large",
    :stroke => saddlebrown
end

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  def periwinkle
    rgb(180,170,205)
  end
  background periwinkle
  para "Hello, world", :align => "center",
    :size => "xx-large", 
    :stroke => saddlebrown
end

!SLIDE

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  def periwinkle
    rgb(180,170,205)
  end
  background periwinkle

  button "Change the text" do
    @headline.text = "I'm changed!"
  end

  @headline = para "Hello, world",
    :align => "center", 
    :size => "xx-large", 
    :stroke => saddlebrown
end

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  def periwinkle
    rgb(180,170,205)
  end
  background periwinkle

  animate do 
    @button, @left, @top = self.mouse
    @headline.text =
      "#{@button} #{@left} #{@top}"
  end

  @headline = para "Hello, world",
    :align => "center", 
    :size => "xx-large", 
    :stroke => saddlebrown
end

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  def periwinkle
    rgb(180,170,205)
  end
  background periwinkle

  animate do 
    @button, @left, @top = self.mouse
    line 0, 0, @left, @top
  end

  @headline = para "Draw!",
    :align => "center", 
    :size => "xx-large", 
    :stroke => saddlebrown
end

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  def periwinkle
    rgb(180,170,205)
  end
  background periwinkle

  animate do 
    @button, @left, @top = self.mouse
    unless @button == 0
      line 0, 0, @left, @top
    end
  end

  @headline = para "Draw!",
    :align => "center", 
    :size => "xx-large", 
    :stroke => saddlebrown
end

!SLIDE

!SLIDE


Shoes.app :title => "My awesome application" do
  def periwinkle
    rgb(180,170,205)
  end
  background periwinkle

  animate do 
    previous_left = @left
    previous_top = @top
    @button, @left, @top = self.mouse
    unless @button == 0
      line previous_left, previous_top,
        @left, @top
    end
  end

  @headline = para "Draw!",
    :align => "center", 
    :size => "xx-large", 
    :stroke => saddlebrown
end

!SLIDE

!SLIDE


  # ...
  animate do 
    # ...
  end

  button "Clear" do
    background periwinkle
    @headline.remove
    @headline = para "Draw!",
      :align => "center", 
      :size => "xx-large", 
      :stroke => saddlebrown
  end

  @headline = para "Draw!",
    :align => "center", 
    :size => "xx-large", 
    :stroke => saddlebrown

end

!SLIDE

!SLIDE

Why was it successful?

  • ruby
  •  
  •  
  •  

!SLIDE

Why was it successful?

  • ruby - choose the right tools
  •  
  •  
  •  

!SLIDE

Why was it successful?

  • ruby - choose the right tools
  • visual
  •  
  •  

!SLIDE

Why was it successful?

  • ruby - choose the right tools
  • visual - frequent deployment
  •  
  •  

!SLIDE

Why was it successful?

  • ruby - choose the right tools
  • visual - frequent deployment
  • small steps
  •  

!SLIDE

Why was it successful?

  • ruby - choose the right tools
  • visual - frequent deployment
  • small steps - short iterations
  •  

!SLIDE

Why was it successful?

  • ruby - choose the right tools
  • visual - frequent deployment
  • small steps - short iterations
  • flexible

!SLIDE

Why was it successful?

  • ruby - choose the right tools
  • visual - frequent deployment
  • small steps - short iterations
  • flexible - constant customer interaction

!SLIDE

So...what about younger kids?

  • Sarah Allen's work - teachingkids.railsbridge.org
  • Scratch - scratch.mit.edu

!SLIDE

Acknowledgements

 
Screenshots - Satoshi Asakawa (@ashbb)
GetSET - www.getset.org
RailsBridge - teachingkids.railsbridge.org
Slidedown - Pat Nakajima (@nakajima)

!SLIDE

Thank you!

 
github.com/sarahmei/teaching-kids-presentation
 
[email protected]
@sarahmei