Teknikfyran på Tumba gymnasium, 2013 → 2014

JavaScript

Lektion 1 - 2013-09-08

- grundläggande programmering

Lektion 2 - 2013-09-12

- tester och funktioner

Lektion 3 - 2013-10-03

- loopar och objekt

Lektion 4 - 2013-10-10

- multipla canvas-element och sammanfattning

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

Lektion 5 - 2013-10-17

- klassisk klientsidesprogrammering

Vad menas egentligen med klientsidesprogrammering, och hur jobbar man mot DOM-trädet? Vi tittar på de klassiska metoderna och ser sedan hur man kan jobba med JQuery.

Filer gällande denna lektion finns här:
http://teknikfyran.roboro.se/2013/lektion_5/exempel

Lektion 6 - 2013-11-07

- JQuery och AJAX

Nu fokuserar vi på JQuery och JQueryUI, och ser precis hur kraftfullt det kan vara när man använder ett färdigt bibliotek på rätt sätt. Vi lär oss också om AJAX.

Filer gällande denna lektion finns här:
http://teknikfyran.roboro.se/2013/lektion_6/

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 7

- Versionshantering

Se presentationen här: Versionshantering.pdf

Miniprojektet: Lektion 8

- Datalagring

Se presentationen här: Datalagring.pdf

Miniprojektet: Lektion 9

- Databasmotorer

Se presentationen här: Databasmotorer.pdf

Miniprojektet: Lektion 10

- 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 11 - 2014-01-30

- Säkerhet

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

Miniprojektet: Lektion 12 - 2014-02-06

- Designmönster

Se presentationen här: Designmonster.pdf

Miniprojektet: Lektion 13 - 2014-02-13

- 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 14 - 2014-02-20

- Gott och blandat

En sammanfattning av hela processen med projektet.

Lektion 15 - 2014-02-27

- Scheme

Kontakt

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