https://peda.net/id/1d354e5e8 2015-11-11T22:43:35+02:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/fb556f168 2015-11-11T23:31:21+02:00 <b>Koodaustunti</b> (<a href="http://koodaustunti.fi/" target="_blank" rel="nofollow ugc noopener">http://koodaustunti.fi/) </a>on pelinomainen visuaalinen ohjelmointisivusto, jossa on kymmeniä taso tasolta vaikeutuvia ohjelmointitehtäviä. Koodaustunnin (<a href="http://hourofcode.org" rel="nofollow ugc noopener">Hour of Code</a>) idea on peräisin Yhdysvalloista ja se on alunperin kehitetty tutustumisympäristöksi ohjelmoinnista kiinnostuneille. Sivuston nimi tulee siitä, että periaattessa sivuston perustehtävät on mahdollista suorittaa yhden tunnin aikana.<br/> <br/> Koodaustunti sopii kaikille visuaalista ohjelmointia aloittaville. <a href="http://koodaustunti.fi/miten-aloitan-koodaamaan/" target="_blank" rel="nofollow ugc noopener">Perustehtävissä</a> on kolme pelinomaista teemaa: Angry Birds, Frozen ja Flappy Bird.<br/> <br/> <span class="medium"><a href="https://peda.net/jyu/it/koulutusteknologia/op/ov3/koodaustunti/ks/k#top" title="Koodaustunti-AngryBirds.png"><img src="https://peda.net/jyu/it/koulutusteknologia/op/ov3/koodaustunti/ks/k:file/photo/a65c5168d576d71383b9d97c37d0a120cc583537/Koodaustunti-AngryBirds.png" alt="" title="Koodaustunti-AngryBirds.png" class="inline" loading="lazy"/></a></span><br/> <br/> Ensimmäisten tehtävien ideana on liikuttaa Angry Bird -hahmo possun luo käyttäen &quot;liiku eteenpäin-&quot; ja &quot;käänny&quot; käskyjä ... tai auttaa Frozen-elokuvan Elsaa piirtämään kuvioita ...<br/> <br/> <span class="medium"><a href="https://peda.net/jyu/it/koulutusteknologia/op/ov3/koodaustunti/ks/k2#top" title="Koodaustunti-Frozen.png"><img src="https://peda.net/jyu/it/koulutusteknologia/op/ov3/koodaustunti/ks/k2:file/photo/af2c9018e18cc9ffdeacec4128281d3340523a0c/Koodaustunti-Frozen.png" alt="" title="Koodaustunti-Frozen.png" class="inline" loading="lazy"/></a></span><br/> <br/> ... tai liikuttaa lintua esteradan läpi.<br/> <br/> <span class="medium"><a href="https://peda.net/jyu/it/koulutusteknologia/op/ov3/koodaustunti/ks/k3#top" title="Koodaustunti-FlappyBird.png"><img src="https://peda.net/jyu/it/koulutusteknologia/op/ov3/koodaustunti/ks/k3:file/photo/309df600299fa5c51c14fcccdfb0ce7e51400a93/Koodaustunti-FlappyBird.png" alt="" title="Koodaustunti-FlappyBird.png" class="inline" loading="lazy"/></a></span><br/> <br/> Perustehtävien lisäksi sivustolta löytyy noin 20 tunniksi lisätehtäviä. Sivusto on toteutettu JavaScript-ohjelmointikielellä ja halutessaan eri tasoista saa tehtävässä luodun JavaScript-koodin tutkailtavaksi. Lähtökohtaisesti käyttäjän ei tarvitse osata ohjelmontia, sillä sivusto on toteutettu juuri sillä periaatteella, että sivuston kautta käyttäjä pääsee kokeilemaan visuaalista ohjelmointia.<br/> <br/> Koodaustunnin tehtävien jälkeen on helppo siirtyä jatkamaan ohjelmoinnn opettelua samankaltaiseen <b>Scratch</b>-ympäristöön. 2015-11-11T21:32:44+02:00