Webdesign with JavaScript and Document Object Model

Kursen avser att ge förståelse för, och praktisk kunskap i, hur webbsidors dynamiska beteende kan formas med hjälp av JavaScript och Document Object Model. Utformningen av webbsidor kan delas in i tre aspekter: (1) innehåll och struktur, (2) presentation och (3) beteende. I modern, standarddriven webbutveckling strävar vi mot en separation av dessa tre aspekter. HTML används i regel enbart för innehåll och struktur, medan presentationsaspekten hanteras med hjälp av stilmallar, Cascading Stylesheets (CSS). Beteendeaspekten avser t ex hur en webbsida beter sig i förhållande till vad en användare gör med sidan, men också hur innehållet kan förändras dynamiskt beroende på innehållet i en databas. Kursen rymmer en introduktion till webbsidors dynamiska, interaktiva egenskaper. Två framträdande begrepp i kursinnehållet är Document Object Model (DOM) och JavaScript. DOM kan förstås som ett standardiserat sätt för webbläsare att bygga upp en modell av en webbsida. Genom att förändra denna modell utifrån t ex användarens beteende kan också webbsidans innehåll och utseende förändras på ett genomgripande sätt. Ett centralt inslag i kursen är programmeringsspråket JavaScript som används som ett verktyg för att skapa dynamiska webbsidor genom att manipulera och förändra en webbsidas DOM-modell. Kursen presenterar en introduktion till JavaScript men fordrar ingen tidigare programmeringserfarenhet. Kursen introducerar också användningen av moderna webbutvecklingstekniker och hur sådan utveckling kan stödjas och underlättas med hjälp av färdigutvecklade scriptbibliotek.