Teknikfyran på Tumba gymnasium, 2012 → 2013

Lektion 1-4, JavaScript

Under dessa lektioner pratar vi om grundläggande programmering med JavaScript, delvis inriktat mot spelprogrammering. Vi lär oss använda HTML5 för att programmera grafik.

Filer gällande dessa lektioner finns här:
http://teknikfyran.roboro.se/2012/lektion_1-4/

Miniprojektet

För att illustrera olika delar i den process som man genomgår när en applikation byggs upp, har vi skapat ett miniprojekt. Detta projekt löper över nio lektioner där varje lektion har ett eget område.

Miniprojektet är en webbapplikation som ska göra det lättare för människor att skapa online-test. Dessa tester kan vara allt från glosprov till mer avancerade tester. Man ska kunna skapa tester online, man ska kunna skicka ut tester till andra personer, och man ska kunna ändra på tester efter att de skapats. Det ska vara säkert så att ingen annan ska kunna ändra på just dina tester. Hela miniprojektet finns online i tre versioner.

En som är helt fullfjädrad:
http://testa.roboro.se/

En som har allt utom fancy canvas-grafik och AJAX:
http://testa-css.roboro.se/

En som har alla funktioner men saknar CSS, fancy canvas-grafik och AJAX:
http://testa-basic.roboro.se/

Notera att all HTML-kod är identisk mellan dessa tre versioner. Detta har vi gjort för att illustrera hur man kan separera intelligensen i en applikation från designen.

Miniprojektet: Lektion 5, versionshantering

Se presentationen här: Versionshantering.pdf

Miniprojektet: Lektion 6, datalagring

Se presentationen här: Datalagring.pdf

Miniprojektet: Lektion 7, databasmotorer

Se presentationen här: Databasmotorer.pdf

Miniprojektet: Lektion 8, regular expressions

Se presentationen här: Regular_expressions.pdf
Här finns en regexp-lathund: regexp_lathund.pdf
Intressant sätt att visualisera regexpar: http://www.regexper.com/

Miniprojektet: Lektion 9, säkerhet

Dokumentet om säkerhet som delades ut under lektionen: sakerhet.pdf
Den trasiga webbapplikationen "gastboken": gastboken.zip

Miniprojektet: Lektion 10, designmönster

Se presentationen här: Designmonster.pdf

Miniprojektet: Lektion 11, MVC

Under denna lektion refererar vi ofta mot webbapplikationen Testa, som du kan se här:

http://testa-basic.roboro.se - Applikationen helt utan CSS
http://testa-css.roboro.se - Applikationen med CSS

Se presentationen här: MVC.pdf
Dokumentet om hela processen: handout.pdf
All programkod bakom testa-basic och testa-css: testa.zip

Miniprojektet: Lektion 12, klientsidesprogrammering

Här pratar vi om att köra kod direkt i browsern, istället för på servern.

Exempelkod från lektionen

Miniprojektet: Lektion 13, gott och blandat

En sammanfattning av hela processen med projektet.

Sammanfattning.pdf

Lektion 14, Scheme

Lektion 15, Slutord

Kontakt

Du når oss lättast via e-post: kontakt@roboro.se.