Introduktion till programmering på Khan Academy: Skillnad mellan sidversioner
Hakan (diskussion | bidrag) |
Hakan (diskussion | bidrag) |
||
| (20 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 2: | Rad 2: | ||
Den här platsen är helt webbaserat och kräver inte några program på den egna datorn (utom en browsere). Dessutom ändrar man koden med menyer och ser resultatet direkt. | Den här platsen är helt webbaserat och kräver inte några program på den egna datorn (utom en browsere). Dessutom ändrar man koden med menyer och ser resultatet direkt. | ||
{{Malruta|Du ska få en känsla för hur program är uppbyggda av funktioner som har egenskaper vilka styr deras utsende}} | {{Malruta|Du ska få en känsla för hur program är uppbyggda av funktioner som har egenskaper vilka styr deras utsende | ||
# Variabler | |||
# Loppar | |||
# Vilkorssatser | |||
}} | |||
=== Börja koda själv! === | === Börja koda själv! === | ||
Logga in med Facebook eller skapa ett konto på Khan på denna [https://www.khanacademy.org/signup?continue=%2Fcs plats]. | |||
Figuren är uppgbyggd av rektanglar och ellipser. | Figuren är uppgbyggd av rektanglar och ellipser. | ||
| Rad 13: | Rad 20: | ||
Alla exempel nedan kommer från [http://www.khanacademy.org/cs Khan Academy] och avsnittet Tutorials. | Alla exempel nedan kommer från [http://www.khanacademy.org/cs Khan Academy] och avsnittet Tutorials. | ||
Alla program är i javascript. Det finns dokumentation, många förklaringar och du ka nspara dina program. | |||
''Här är ett exempel på hur det ser ut när man lär sig programmering på Khan.'' | ''Här är ett exempel på hur det ser ut när man lär sig programmering på Khan.'' | ||
<html> | <html> | ||
| Rad 21: | Rad 30: | ||
=== Animering === | === Animering === | ||
Lyssna och titta på instruktionen och testa sedan själv. | |||
''Tutorial: Intro to animation'' | |||
<html> | |||
<iframe src="http://www.khanacademy.org/cs/intro-to-animation/830742281/embedded?editor=yes&buttons=yes&author=yes" style="width:940px;height:440px;border:0px;" frameborder="0" scrolling="no"></iframe> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> | |||
</html> | |||
=== Interaktivitet === | |||
Interaktivitet är viktigt i spel och underhållning. | |||
<html> | |||
<iframe src="http://www.khanacademy.org/cs/mouse-interaction/836683206/embedded?editor=yes&buttons=yes&author=yes" style="width:940px;height:440px;border:0px;" frameborder="0" scrolling="no"></iframe> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> | |||
</html> | |||
=== Interaktiv animering === | === Interaktiv animering === | ||
| Rad 29: | Rad 50: | ||
Detta är ett av de relaterade exemplen på avsnittet om animering ovan. | Detta är ett av de relaterade exemplen på avsnittet om animering ovan. | ||
http://www.khanacademy.org/cs/moving-bouncing-ball/867896406 | <html> | ||
<iframe src="http://www.khanacademy.org/cs/moving-bouncing-ball/867896406/embedded?editor=yes&buttons=yes&author=yes" style="width:940px;height:440px;border:0px;" frameborder="0" scrolling="no"></iframe> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> | |||
</html> | |||
=== Komplexitet === | |||
Ett till synes enkelt spel kan behöva mycket kod. | |||
Detta spel går ut på att undvika kloten. Det är kul i sin enkelhet men det kräver en del av sin programmerare. | |||
[http://www.khanacademy.org/cs/keepaway-from-balls/1182006538 Keep Away From Balls] | |||
=== If-satser === | |||
<html> | |||
<iframe src="http://www.khanacademy.org/cs/if-statements/836708402/embedded?editor=yes&buttons=yes&author=yes" style="width:940px;height:440px;border:0px;" frameborder="0" scrolling="no"></iframe> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> | |||
</html> | |||
Enligt Terms of Use är Khan fritt att använda enligt: Creative Commons Attribution-NonCommercial-ShareAlike 3.0 | |||
Nuvarande version från 16 april 2013 kl. 15.18
Programmering på Khan Academy
Den här platsen är helt webbaserat och kräver inte några program på den egna datorn (utom en browsere). Dessutom ändrar man koden med menyer och ser resultatet direkt.
Börja koda själv!
Logga in med Facebook eller skapa ett konto på Khan på denna plats.
Figuren är uppgbyggd av rektanglar och ellipser.
De har position och storlek. Vi prövar att ändra litet i koden.
Klicka igång instruktionen med play-knappen under koden.
Alla exempel nedan kommer från Khan Academy och avsnittet Tutorials.
Alla program är i javascript. Det finns dokumentation, många förklaringar och du ka nspara dina program.
Här är ett exempel på hur det ser ut när man lär sig programmering på Khan.
Made using: Khan Academy Computer Science.
Animering
Lyssna och titta på instruktionen och testa sedan själv.
Tutorial: Intro to animation
Made using: Khan Academy Computer Science.
Interaktivitet
Interaktivitet är viktigt i spel och underhållning.
Made using: Khan Academy Computer Science.
Interaktiv animering
Detta är ett av de relaterade exemplen på avsnittet om animering ovan.
Made using: Khan Academy Computer Science.
Komplexitet
Ett till synes enkelt spel kan behöva mycket kod.
Detta spel går ut på att undvika kloten. Det är kul i sin enkelhet men det kräver en del av sin programmerare.
If-satser
Made using: Khan Academy Computer Science.
Enligt Terms of Use är Khan fritt att använda enligt: Creative Commons Attribution-NonCommercial-ShareAlike 3.0