Visa källa för Grundskoleprogrammeringskurs

Förra årets kurs:

[[Programmeringskursen 2013]]

= Lektion 1 =
== Dagens lektion ==

=== Förberedelse ===

* Ställ i ordning salen
* Högtalare
* Lånedatorer

=== Agenda ===

# Vi presenterar oss kort för varandra
# Varför denna kurs
## Mina första datorer
## Producera inte bara konsumera
## Så mycket lättare att lära idag
# Skolans nätverk
# Wikiskola har informationen
# Kursens innehåll
## Fem tillfällen om 60 minuter
## Mest javascript
## Kom gärna med förslag!

==== Datorer jag kommit i kontakt med ====

''Expandera rutan nedan så ser du ett galleri med några av de datorer --[[Användare:Hakan|Håkan Elderstig]] 20 oktober 2012 kl. 09.11 (UTC) kommit i kontakt med genom åren.''
{{transclude|{{:Datorer jag kommit i kontakt med}}}}

== Presentation av kursinnehållet ==

=== 1 Program - vad är det ===

* Presentation, berätta vad ni kan
* Närvaro
* Turtle på skärm
* Visa ping-pong-kod
* Quintus

=== 2 Loopar och villkorssatser ===
Loopar
* Teori
* Kahn

Villkorssatser
* Teori
* Code Academy

=== 3 Lego demo skärm? ===
* Ryan 
* Ev3 via bluetooth och egna loopar 
* Kollisionssensor 

=== 4 Elever demonstrerar ===
* Räta linjen Andreas
* Viktor gymnasiearbetet

=== 5 Javascript, CSS och html5 ===

==Dagens innehåll: Program - vad är det ==

{{malruta | Du kommer att lär dig 
: vad ett program är
: hur man gör grafik i en hemsida
}}

* Turtle på skärm

: http://logo.twentygototen.org

:: repeat 8 [ fw 100 rt 90 fw 50 rt 90 fw 30 rt 45 fw 60 ]

: Fler exempel på [[Logoprogrammering]]

* [http://virp-gaming.se/diabetes.html Jonathans diabetsspel]
* [http://html5quintus.com Quintus]


== Startlänkar till Khan Academy ==

=== Grunder i programmering med javascript ===
[[File:Khan academy leaf.jpg|Khan academy leaf] | right]

: [http://www.khanacademy.org/cs/programming/drawing-basics/p/intro-to-drawing Intro to drawing]
: [http://www.khanacademy.org/cs/programming/coloring/p/intro-to-coloring Intro to coloring]
:: Titta även på fliken documentation under rutan.
: [http://www.khanacademy.org/cs/programming/variables/p/intro-to-variables Intro to variables]

'''Om du vill lära dig mer:'''  Vi har hoppat in på några ställen i den här omfattande kursen. Det är absolut en bra idé att gå tillbaks till början och gå igenom hela materialet.

{{Läxa | [http://www.khanacademy.org/cs/programming/intro-to-programming/p/sneak-peek-making-an-awesome-program Gör åtminstone Sneak Peek] }}

= Lektion 2 =
{{malruta | Du kommer att lära dig om
: loopar
: villkorssatser
}}

=== Loopar ===

: [http://www.khanacademy.org/cs/programming/animation-basics/p/intro-to-animation Animation basics] En funktion som uppdateras.
: [http://www.khanacademy.org/cs/programming/looping/p/intro-to-while-loops Intro to While Loops]

=== Funktioner ===

: [http://www.khanacademy.org/cs/programming/functions/p/functions Functions]

=== Villkorssatser ===

: [http://www.khanacademy.org/cs/programming/logic-if-statements/p/if-statements If statements]

_____

En alternativ sajt...

{{:Programmering på Code Academy}}

= Lektion 4 - Elevdemonstrationer=

= Lektion 5 - javascript, CSS och html5 =

'''Avsluta med diplomutdelning.'''

=== Javascript och spel ===

Sajten som följer med boken Spelprogrammering med Javascript heter: http://spelprogrammering.nu

Coolt exempel: http://browserquest.mozilla.org

=== Javascriptövningar ===

{{:lite javascript}}

{{:Javascript med animering}}

{{:Javascript: Interaktion med användare}}

= Fortsätt pröva och lär! =

== Bibliotek ==

* jQuery enligt Wikipedia: "Det används av nästan 35% av de 1 000 000 mest besökta hemsidorna och är just nu det populäraste JavaScript-biblioteket.". 
** ladda ner från:  http://jquery.com
* [http://www.processing.org Processing] är ett eget språk och ett program där man skapar grafik. men det finns också en vriant i javaScript: http://processingjs.org . Processing är avancerat och tar ett tag att lära sig. Programmet upptar drygt 10 000 rader kod.
* [https://github.com/mrdoob/three.js/ Three - ett 3D-bibliotek]

== Ställen som liknar Code Academy ==

* [http://www.codeavengers.com Code Avengers]
* [http://www.learnjavaonline.org en interaktiv javakurs]

== Tutorials ==

* [https://developer.mozilla.org/en-US/docs/JavaScript/Guide Mozilla Javascrip Guide]
* [http://www.w3schools.com/js/ W3schools]
* [http://www.webteacher.com/javascript/ Web teacher]

== HTML5 och CSS ==

: [http://pragmatisk.se Pragmatisk] En webbplats med pragmatisk inriktning mot html och CSS. Med stöd från internetfonden.
: [http://getbootstrap.com Twitter, Bootstrap]

== Böcker mm ==

* http://eloquentjavascript.net

== Kanske i framtiden ==

: [https://www.dartlang.org Google Dart]

== En förbättrad Pacman med funktioner ==

Dels i samma fil och dels i en annan fil. Ladda ner dem och prova.

* http://www.wikiskola.se/javascript/function_test.html
* http://www.wikiskola.se/javascript/function_test.js
* http://www.wikiskola.se/javascript/my_own_library.js

== Utveckla Pac Man-exemplet ==

Vi jobbar med olika förbättringar och avslutar med att kombinera dem till ett spel. Gör dem som functions.

* Genomskinlig bakgrund på bilderna. Och Pacman med stängd mun.
* Kanter och gränser som man inte kan köra igenom.  (svår)
* Flera saker att äta
* Två spelare
* gamla svarta bollar ska inte ligga kvar och skräpa.
* Bollarna läggs ut automatiskt
* Bollarna flyttar på sig efter en slumpmässig tid.