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…

Toome teile siia näite mängust, mida paar õpilast on teinud meie programmeerimisringis pandeemia ajal.

See on kirjutatud, kasutades pygame teeke. Vasakul pool saab näha videot mängust, kuid võite ka ise proovida seda alla laadides allolevast nupust.

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

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: