Introduktion till programmering på Khan Academy: Skillnad mellan sidversioner

Från Wikiskola
Hoppa till navigering Hoppa till sök
 
(21 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 ===


[http://www.khanacademy.org/cs/intro-to-animation/830742281 Intro to animation]
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&amp;buttons=yes&amp;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&amp;buttons=yes&amp;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 ===


Lyssna och titta instruktionen och testa sedan själv.
Detta är ett av de relaterade exemplen avsnittet om animering ovan.
 
<html>
<iframe src="http://www.khanacademy.org/cs/moving-bouncing-ball/867896406/embedded?editor=yes&amp;buttons=yes&amp;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&amp;buttons=yes&amp;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.

Mål för undervisningen Du ska få en känsla för hur program är uppbyggda av funktioner som har egenskaper vilka styr deras utsende
  1. Variabler
  2. Loppar
  3. Vilkorssatser


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.

Keep Away From Balls

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