Teknikfyran på Tumba gymnasium, 2015 → 2016

JavaScript

Lektion 1 - 2015-09-02

- grundläggande programmering

Lektion 2 - 2015-09-16

- tester och funktioner

Lektion 3 - 2015-09-23

- objekt och listor

Lektion 4 - 2015-09-30

- 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/2015/lektion_5/exempel

Miniprojektet: Lektion 5 - 2015-10-07

- Versionshantering

Se presentationen här: Versionshantering.pdf

Lektion 6 - 2015-10-16

- 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 - 2015-11-04

- Datalagring

Se presentationen här: Datalagring.pdf

Miniprojektet: Lektion 8 - 2015-11-06

- Databasmotorer

Se presentationen här: Databasmotorer.pdf

Miniprojektet: Lektion 9 - 2015-11-11

- 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 10 - 2015-11-25

- 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 11 - 2015-12-02

- 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-css: testa.zip

Miniprojektet: Lektion 12 - 2015-12-10

- Säkerhet

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

1. 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)?
2. Hur blir man av med XSS?
3. Hur blir man av med File injections?
4. Hur blir man av med SQL injections?
5. Hur gör man databasen säker att stjälas?

Lektion 13 - 2016-01-13

- Jobba mot andras API:er

Lektion 14 - 2016-01-20

- Gott och blandat

Lektion 15 - 2016-01-27

- Back to basics, spel i JavaScript + backend i PHP

Kontakt

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