Teknikfyran på Tumba gymnasium, 2014 → 2015

JavaScript

Lektion 1 - 2014-09-09

- grundläggande programmering

Lektion 2 - 2014-09-17

- tester och funktioner

Lektion 3 - 2014-09-24

- objekt och listor

Lektion 4 - 2014-10-01

- loopar, multipla canvas-element och sammanfattning

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

Lektion 5 - 2014-10-08

- 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 - 2014-10-15

- 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

- Designmönster och specifikt MVC

Denna lektion pratade vi om vad designmönster är, samt hur mönstret MVC (Model-View-Controller) fungerar. Det var en kombination av dessa presentationer: Designmonster.pdf, MVC.pdf

Miniprojektet: Lektion 12

- Säkerhet

Dokumentet om säkerhet: sakerhet.pdf
Den trasiga webbapplikationen "gastboken": gastboken.zip Fundera på följande frågor kring applikationen:

Hur gör man så att applikationen känns säkrare utåt sett (att man inte ska se lösenordet över axeln på någon som loggar in)?
Hur blir man av med XSS?
Hur blir man av med File injections?
Hur blir man av med SQL injections?
Hur gör man databasen säker att stjälas?

Miniprojektet: Lektion 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

Dokumentet om hela processen: handout.pdf
All programkod bakom testa-basic och testa-css: testa.zip

Miniprojektet: Lektion 14

- Gott och blandat

En sammanfattning av hela processen med projektet.

Lektion 15

- Historiken om allt och inget

Kontakt

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

ROBORO