(5 mellanliggande sidversioner av samma användare visas inte) Rad 49:
Rad 49: : A: Egna finesser eller utveckling
: A: Egna finesser eller utveckling
{{clear}}
De kommande sidorna är inbäddade övningar som även används på annat håll.
== Scratch som introduktion ==
[http://www.kodboken.se/ Kodboken.se]
== En första lektion med Turtle ==
{{:Intro till Turtle Logo programmering}}
== W3School ==
: HTML grunder
: [http://www.w3schools.com/html/html_css.asp CSS intro] och [http://www.w3schools.com/css/default.asp CSS tutorial]
: [http://www.w3schools.com/canvas/default.asp W3School om Canvas]
== Spelprogrammering.nu ==
{{:Spelprogrammering.nu - Intro}}
== Dags för en kort teoretisk genomgång ==
<html>
<iframe src="//www.slideshare.net/slideshow/embed_code/41430143" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/HkanElderstig/att-programmera-med-javascript-grunder" title="Att programmera med javascript grunder" target="_blank">Att programmera med javascript grunder</a> </strong> from <strong><a href="//www.slideshare.net/HkanElderstig" target="_blank">Håkan Elderstig</a></strong> </div>
</html>
Du får lära dig om variabler, loopar, villkorssatser och funktioner.
=== HowTo-filmer till spelprogrammering.nu ===
=== HowTo-filmer till spelprogrammering.nu ===
Rad 113:
Rad 87: </script>
</script>
</pre>
</pre>
== Ritprogrammet ==
{{:Spelprogrammering.nu - Ritprogram}}
== Programmera ett eget projekt ==
{{:Spelprogrammering.nu - Ditt egna projekt}}
=== Kul ide för Wordpress ===
Gör en fin liten animering som inte stör för mycket och lägg den i ett inlägg med lämpligt namn så man kan hitta det. Lägg scriptet i textläget. Det kommer då att dyka upp på hela sajten. Till exempel kan du görarn liten TIS-logga som vandrar runt tills man klickar bort den.
== Javascript lokalt på egna datorn ==
{{:Lite_javascript}}
{{:Javascript_med_animering}}
{{:Javascript:_Interaktion_med_användare}}
{{:Julkortet}}
{{:Räta_linjen}}
== Codecademy ==
Du kan lära dig massor om programmering på egen hand:
: [http://www.codecademy.com/learn Codecademy] är bara ett exempel.
Beskrivning av blockets innehåll Vi lär oss grunderna i javascript på spelprogrammering.nu.
Uppgifter i javascriptavsnittet Intro med Logo Turtle
En rörlig boll
Ett ritprogram att utveckla
Ett eget projekt Mål för introt till javascript
Mål för undervisningen när du är klar med avsnittet kan du:
Göra enkla program genom att använda
metoder
loopar
villkorssatser
variabler och du kan
återanvända andras kod
kommentera din kod
skriva strukturerade program
publicera dina exempel på spelprogrammering.nu
hämta hem en hemsida med ditt program
Bedömning - intro till javascript Du blir bedömd på ditt vidareutvecklade ritprogram
ditt egna projekt Ladda upp det på klassens wordpress Använd FileZilla
Logga in med användare javascript så hamnar du i mappen med samma namn
Döp din fil med ditt namn
Ladda upp filen
Kolla vad den har för adress och prova att du kan hitta den genom att skriva in adressen (URL:en) i din browser.
Tag den adressen och skapa en länk på din sida på Wordpressajten Bedömningskriterier - intro till javascript E: Du använder metoder, loopar, villkorssatser, variabler
C: Strukturerad kommenterad kod
A: Egna finesser eller utveckling
HowTo-filmer till spelprogrammering.nu Micke Tylmad har gjort en fin serie videogenomgångar. De är väl värda att se.
Av Micke Tylmad, CC By
Exempel med if-sats och användning av variabler. Intressant här är att vi ändra färg med en villkorssats och en variabel.
ball.y + 50, flyttar bollen nedåt från startläget.
<script src="http://spelprogrammering.nu/simple.js">
function start()
{
ball = {x: 0, y: 0};
color = "green";
}
function update()
{
clearScreen();
circle(ball.x, ball.y + 50, 30, color);
ball.x++;
if(ball.x>= 200){
color = "blue";
}
}
</script>
