ROBORO
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.
Miniprojektet: Lektion 13, gott och blandat
En sammanfattning av hela processen med projektet.
Lektion 14, Scheme
Lektion 15, Slutord
Kontakt
Du når oss lättast via e-post: kontakt@roboro.se.