Programmeerimisring

Programmeerimisring toimub esmaspäeviti Alfa Klubis peale koolipäeva lõppu.

Igal poisil on oma projekt ja igaüks edeneb omas rütmis.

Alguses programmeerime MIT-is arendatud Scratch-keele abil, mis põhineb omamoodi ehitusplokkidel, mis teeb esimesed sammud programmeerimisloogikaga tutvumisel lihtsamaks: tingimused, muutujad, kordused…

Programmeerimisring

Siin näide ühest huviringis tehtud HTML-projektist:

My Story

It was a rainy day... Meelis was walking down the street. When suddenly he heard a robotic voice. Then he saw a robot. The robot said:'Give me your lunch money!' Meelis replied:'definitely not, I worked hard for that.' 'Do not resist human, my technology is far superior compared to yours.' Meelis pulled out a gun and said: 'How about you give me your lunch money instead.' Robot pulled out an alien blaster and said:'you give me money and it will be over' Meelis gave up because he knew he had no chance against these powerful weapons.

HTML kood

<html>
 
  <head>
    <link rel=”stylesheet” href=”style.css”>
  </head>
 
  <body>
  
    <h2>My Story</h2>
    
    <div>
      <img src=”buildings.png”>
      <p>It was a rainy day…</p>
    </div>
 
    <div>
      <p>Meelis was walking down the street.</p>
      <img src=’boy.png’>
    </div>
    <div>
      <p>When suddenly he heard a robotic voice.</p>
      <img src=”buildings.png”>
    </div>
    
    <div>
      <p>Then he saw a robot.</p>
      <img src=’robot.png’>
    </div>
    
    <div>
      <p>The robot said:’Give me your lunch money!'</p>
      <img src=’robot.png’>
    </div>
    
    <div>
      <p>Meelis replied:’definitely not, I worked hard for that.'</p>
      <img src=’boy.png’>
    </div>
    
    <div>
      <p>’Do not resist human, my technology is far superior compared to yours.'</p>
      <img src=’robot.png’>
    </div>
    <div>
      <p>Meelis pulled out a gun and said: ‘How about you give me your lunch money instead.'</p>
      <img src=’2-cari1805n.jpg’>
      
    </div>
    <div>
      <p>Robot pulled out an alien blaster and said:’you give me money and it will be over'</p>
      <img src=’Allalaaditud fail.jpg’>
    </div>
    <div>
      <p>Meelis gave up because he knew he had no chance against these powerful weapons.</p>
      <img src=’boy.png’>
    </div>
    
  </body>
 
</html>

CSS kood

body {
background-color: white;
font-family: Comic Sans MS;
}
div {
display: inline-block;
position: relative;
overflow: hidden;
margin: 2px;
background-color: RoyalBlue;
width: 200px;
height: 200px;
border: 2px solid black;
}
p {
position: absolute;
background: white;
bottom: -1em;
border-top: 2px solid black;
border-right: 2px solid black;
padding: 5px;
margin-right: -2px;
font-size: 10pt;
}
img {
max-height: 100%;
display: block;
margin: 0 auto;
}

Projektid, mis me teeme programmeerimisringis, on arenenud Raspberry Pi Foundation‘i poolt. Need projektid saab leida siit: