1jZ7iKR
1jZ7iKR
1jZ7iKR
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Koodi2016 | Miten ohjelmointia opetetaan?<br />
Koodi2016 | Miten ohjelmointia opetetaan?<br />
Esimerkki: Väritysharjoitus JavaScriptillä<br />
2. Selostuksen jälkeen on haasteen vuoro. Tässä kohden oppilas pääsee kokeilemaan taitojaan.<br />
Oheisessa kuvassa esitetyssä haasteessa muutetaan ensin koodin avulla kirsikka<br />
punaiseksi ja sen jälkeen askel askeleelta koko jäätelö. Kaikki komennot löytyvät näkymän<br />
alareunasta, ja tarvittaessa haasteisiin löytyy myös vinkkejä.<br />
Khan Academyn väritysharjoitus JavaScript-kielellä.<br />
Tältä näyttää harjoitus, joka liittyy JavaScriptillä värittämiseen Khan Academyssä. Vasemmalla näkyy<br />
koodia ja oikealla se, mitä koodi tekee (piirtää näytölle palloista, suorakaiteista ja viivoista koostuvan<br />
ukkelihahmon).<br />
Play-nappia painamalla voi seurata videota, jossa naisääni selittää koodin toiminnallisuutta ja tekee<br />
muutoksia koodiriveihin. Selostus on englanniksi, mutta hammasratasta klikkaamalla saa näkyville<br />
tekstitykset. Tekstityksiä ei vielä tätä kirjoittaessa ole suomennettu.<br />
1. Harjoitus kannattaa aloittaa kuuntelemalla ohjeistus. Selostuksen voi pysäyttää milloin tahansa.<br />
Näkymän alareunasta voi myös tarkistaa, minkälaisia kysymyksiä muilla on ollut aiheeseen liittyen,<br />
minkälaisia versioita samasta ohjelmasta on tehty, ja mitä dokumentaatiota on tarjolla.<br />
Toinen väritysharjoitus JavaScript-kielellä. Vasemmalla olevaa koodia muuttamalla väritetään oikealla<br />
olevan kakun osien värejä.<br />
3. Niin kutsutun projektin ideana on soveltaa aiemmin opittua ja tarjota ympäristö kokeilemiseen.<br />
Projektin voi tallentaa. Seuraavan sivun kuvassa esitetyn projektin tarkoituksena<br />
on piirtää koodia käyttämällä lautaselle erilaisia yksinkertaisista geometrisista muodoista<br />
koostuvia ruokia.<br />
102| |103