Grundskoleprogrammeringskurs

Lektion 1

Dagens lektion

Material

• Ställ i ordning Datortekniken
• Högtalare
• Mackor

Agenda

1. Fika. choklad mm i personalrummet. Mackor Datortekniken.
2. Vi presenterar oss kort för varandra
3. Varför denna kurs
   1. Mina första datorer
4. Skolans nätverk
5. Wikiskola har informationen
6. Kursens innehåll
   1. Fem tillfällen om 90 minuter
   2. Mest javascript
   3. Kom gärna med förslag!

Kursinnehåll

1. Intro. Kahn Academy
   1. Variabler
   2. Loppar
   3. Vilkorssatser
2. js i CodeAcademy
3. Spelprogrammering med js
4. Arduino
5. html, css javascript

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.

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

Lektion 2

Code Academy

Hur funkar Code Academy?

CodeAcademy är en sajt med interaktiva övningar där du kan lära dig flera olika programmeringsspråk. Det finns kurser i html, CSS, Python, Ruby, Javascript, APIS, mm.. Code Academy är annorlunda än Khan Academy. Den är mindre grafisk och mer inriktad på att du skriver kod.

Du loggar in på Code Academy med Facebook, Google eller Twitter. Sedan kommer CA ihåg vilka övningar du gjort så du kan fortsätta där du slutade gången innan.

I första html-övningen får man förklarat för sig hur man gör när man använder Code Academys sajt. Testa här.

Om du klickar på Me uppe till höger och My Profile kan du se vilka övningar du påbörjat och hur långt du kommit.

Vi ska lära oss javascript

Vi ska göra övningar på CodeAcademys grundkurs i javascript: Du kan börja här. Tanken är inte att hinna hela kursen på en lektion men vi kommer att göra så mycket att du förhoppningsvis vill fortsätta på egen hand.

Javascript och html

Om man vill se direkt hur koden fungerar behöver den finnas i en html-sida. Det kan man göra här. Och fler exempel här.

För lärare

• Tips om hur man som lärare lägger upp kurser. Tips om hur man startar en datorklubb på skolan.