Grundskoleprogrammeringskurs
- Vi presenterar oss kort för varandra
- Skolans nätverk
- Wikiskola har informationen
- Kursens innehåll
- Fem tillfällen om 90 minuter
- Mest javascript
Kursinnehåll
- Intro. Kahn Academy, Turtle,
- js i CodeAcademy
- Spelprogrammering med js
- Arduino
- html, css javascript
Lektion 1
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
Turtle
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.