Nettbasert undervisning levert fra HiST - itfag

AJAX

Hva handler dette faget om?

Ajax gjør det mulig å programmere funksjonsrike websider - på klienten. Ajax bygger på JavaScript, HTML og CSS, og benytter såkalt asynkron overføring av data mellom klient og tjener. Dette faget skal gi en forståelse av hvilke muligheter webprogrammering med Ajax åpner for. Du vil få en grundig innføring i bruk av AJAX og øve praktisk programmering av tidsriktige webapplikasjoner.

Temaoversikt

Leksjonene kommer ut hver uke. Du kan få et inntrykk av noe av innholdet i faget i listen under:

• Leksjon 1: Introduksjon til Ajax og Web 2.0
• Leksjon 2: Arkitektur og underliggende teknologier
• Leksjon 3: Asynkron kommunikasjon med XMLHttpRequest
• Leksjon 4: Utvekslingsformater (tekst, XML, JSON, HTML)
• Leksjon 5: Forbedring gjennom omstrukturering av koden
• Leksjon 6: Tjenerens rolle
• Leksjon 7: Rammeverk (Frameworks)
• Leksjon 8: Grensesnitt og design 1
• Leksjon 9: Grensesnitt og design 2
• Leksjon 10: Sikkerhet med Ajax
• Leksjon 11: MVC
• Leksjon 12: Avanserte tema

Pedagogisk opplegg

Undervisningsopplegget har flere elementer som viktig kilde for læring. Dette faget har 12 leksjoner med lærestoff i form av tekst og video. Til hver leksjon er det tilknyttet en øving, hvorav 6 må være godkjente. Øvingene er viktige for å øve inn fagstoffet og stimulere til videre utforsking av temaet som tas opp. Øvingene skal rettes i løpet av noen få dager. Du vil få tilbakemelding på en form som gjør at du som student kan vite hva som var bra og hva som var mindre bra, hvor forbedringspotensialet ligger, men ikke retting av feil. Kommentarene vil altså være veiledende i formen. Du vil få mulighet til å teste din kunnskap underveis gjennom å ta digitale tester (flervalgstester). Disse kan du ta når du vil for å få en pekepinn på hvor du ligger rent faglig. Faget har også et diskusjonsforum for spørsmål, svar og erfaringsutveksling.

Gjennom et obligatorisk prosjekt vil du trolig lære veldig mye og får sette tingene du har lært tidligere inn i en større sammenheng. Prosjektet skal fortrinnsvis gjøres individuelt (men samarbeid er lov om en ønsker det). Etter innlevering blir det en såkalt medstudentvurdering, som innebærer at noen andre studenter ser på det du har laget, og du ser på det andre har laget. Tidligere studenter oppgir at medstudentvurdering er veldig lærerikt.

Lærebøker/Pensum

Det vil ikke bli brukt lærebok i dette faget. Leksjonene og videoene i faget utgjør det primære pensumstoffet. Noen artikler og andre kilder på web skal/kan leses, og dette oppgis i så fall sammen med hver leksjon. Hvis du vil ha støttelitteratur i dette faget, så prøv å finne den boken som passer best med dine behov. Søk gjerne også opp bøkene på Amazon og les reviews der. Bøker som kan være nyttig som støttelitteratur, er blant annet:

• Ajax in 10 minutes: fra SAMS. Veldig lettlest bok som har gode eksempler og gjør det lett å komme i gang med Ajax. Tynn, bare 230 sider. Passer godt som oppsummering av mange av leksjonene i faget
• Ajax Hacks: fra O´Reilly, er i kokebokstil og forutsetter at en er god fra før i programmering, men har mange gode tips og triks. En fin bok å lese mer i etter at faget er ferdig. Dette er en oppslagsbok mer enn noe en leser fra A-Å.
• The elements of User Experience, User-centered design for the web: Skrevet av Jesse James Garrett som er mannen bak begrepet Ajax. Ikke noe programmering, men en god teoribok om design med Ajax
• Ajax for Dummies: ikke så dum som en skulle tro :-) Har flere gode eksempler, men mye plass i boka går med til å gjenta kode som allerede er skrevet, så den er ikke så tykk som den ser ut til. Likevel en velskrevet bok som passer godt for nybegynneren. Kan støtte opp under de fleste tema fra kurset og gi en ny innfallsvinkel og forklaring til stoffet.
• Ajax in Action" av Dave Crane, Manning forlag: Litt avansert, krever god forståelse for programmering og OOP fra før av. Har du det, vil du trolig synes at boka er veldig god. Den har noen veldig gode teknikker for å kode JavaScript og Ajax på en god måte. Boka var pensum høsten 2006, men ble rett og slett for tung for faget.

Om faglærerne
Førstelektor Mildrid Ljosland har skrevet bok om programmering (C++) og Algoritmer og datastrukturer

Høgskolelektor Svend Andreas Horgen har skrevet bok om Webprogrammering i PHP

Kontaktinformasjon

Anbefalte forkunnskaper

Det er en fordel om du har basis-kunnskaper i HTML og programmering før du tar dette faget. Av programmering bør du vite hva en variabel er, hvordan tabeller (matrise/array) og funksjoner fungerer, og hva en løkke og kontrollstruktur er. Du vil lære det du trenger om JavaScript. Det er ikke nødvendig med noen særlig kunnskaper i CSS. Dersom du mangler nødvendig forkunnskap i HTML kan du gjennomgå noen grunnleggende "tutorials" for deg selv først. Disse eksisterer i utallige varianter på web (ta gjerne flere som er nesten like for å få forskjellig vinkling på stoffet), men du kan også benytte lærebøker

Programvare/Utstyr

Du kan bruke både PC og Mac, Windows og Linux/Unix i dette faget. Ajax fungerer på alle plattformer. Ajax er i praksis en kombinasjon av JavaScript, CSS, XHTML og XML. JavaScript er meget sentralt, og det kreves derfor at du har en nettleser som støtter JavaScript. Ajax fungerer utmerket med vanlige nettlesere som Internet Explorer, Opera, FireFox og Safari. Det fins ulike verktøy for å debugge en Ajax-løsning på. Et veldig fint tillegg til FireFox, er Firebug.

For å gjøre øvingene trenger du en teksteditor for å programmere i. Du kan velge for eksempel notisblokk (anbefales ikke), Textpad (anbefales sterkere) eller liknende. Større utviklingsmiljø som Macromedia Dreamweaver forhåndsviser resultatet av HTML-kodingen, men dette er overhodet ingen nødvendighet da du kan forhåndsvise koden i et vanlig web-vindu like godt. Verktøy som Textpad og Dreamweaver viser fargekoder når du programmerer. Dette er en nyttig funksjon. Textpad er ideelt grunnet dets kraftige funksjonalitet og at det er gratis å bruke. Vi anbefaler derfor Textpad for Windows-brukere, og TextWrangler for Mac-brukere. Det fins også en rekke andre miljø som er spesielt beregnet på webutvikling generelt. Hvis du leter, bør du se etter en editor som har fargekoding, viser muligheter med CSS og gjerne også JavaScript-funksjoner.