Jag har själv inte skrivit några större rena Javascriptapplikationer och min tanke är att försöka följa kursen och dess steg i mån av tid. Även om jag är kursansvarig för kursen så är det David Waller som är den som tagit fram material och som sitter inne på stora kunskaper inom området. Mitt mål är jag personligen kan lyfta mina kunskaper inom området, någon som kommer att bära frukt i grundkurserna.

Kursen bygger på ett antal steg och till varje steg ska studenterna skriva relaterade blogginlägg som behandlar stegets innehåll. Jag hoppas att även jag kommer att kunna ta mig tid att skriva en bloggpost per steg. Steg 1 behandlar förarbete och resursinventering.

Min relation till Javascript

Jag har från och till sedan 2005 hållit kurser i Javascript, både serversidescriptande i gamla ASP, OS-skriptande i WHS men kanske främst kurser inom Javascript för webbläsarimplementationer. Jag har dock alltid känt att jag inte fått tillfälle att sätta tänderna djupt i språket för att förstår det från grunden. Tyvärr har undervisningen i många fall blivit lidande av den bitvis dåliga litteratur som funnits på området, och då främst litteratur från början av decenniet, och även min personliga kodstil har blivit delvis ”förstörd” av litteraturen och dess i många fall rent felaktiga antaganden. Jag ser med tillförsikt fram emot att få en större förståelse för prototypbaserade språk och framför allt dess arvsmodell då man ibland känner sig bortsnurrad med en bakgrund från c och c++. Tid till källkritik har i många fall varit bristfällig och jag hoppas därför att inom ramen för denna kurs ha möjlighet att verkligen kunna gå på djupet och få en större förståelse för, det i många fall, missförstådda språket javascript.

Förutom att undervisa inom området har mina personliga äventyr och utforskningar av språket ofta begränsats till mindre implementationer och då ofta till funktionalitet som att till exempel validera formulärdata, minimering/maximering av element, asynkrona anrop till servern, bekräftelse rutor, modala popuper, lightboxar et cetera. Detta är ju ett vanligt användningsområde för javascript och också något de flesta webutvecklare är relativt bekväma med. Här jag haft fokus på att göra min applikationer så ”unobtrusive” som möjligt, det vill säga separera innehåll (html) från presentation (css) och uppförande (javascript) samt skriva applikationer som fungerar oavsett webbläsare och som även fungerar utan att javascript är aktiverat.

Att skapa rena, större javascriptapplikationer är något som jag länge varit intresserad av, men aldrig tagit mig tid att göra och det ser jag som en intressant utmaning de kommande tio veckorna.

I bokhyllan

Inför kursen har jag beställt ett antal böcker som förhoppningsvis kommer att ta mig dit jag vill. Nytt i bokhyllan är:

• JavaScript, the Good Parts av Douglas Crockford
• jQuery Cookbook av jQuery Community Experts
• Even Faster Web Sites av Steve Sounders
• Professional JavaScript for Web Developers 2nd edition av Nicholas C. Zakas

och sedan tidigare finns även:

• Javascript The Definitive Guide av David Flanagan
• Pro Javascript Design Patterns avRoss Harmes och Dustin Diaz
• Pro Javascript Techniques av John Resig
• med flera

som säkerligen kan komma till användning. (jag vill även efterlysa min bok ”ppk on Javascript” som jag tror att jag lånat ut till någon student). Dessutom har David gjort ett gediget arbete med att leta upp webbreferenser och föreläsningar som det ska bli ett nöje att ta del av. Jag hoppas även kunna gräva fram lite passande vetenskapliga artiklar inom området.

Applikationen

Under åtta års tid har jag sporadiskt arbetat på den utbildningsplattform som huvudsakligen används inom undervisningen vid våra IT-utbildningar och något som saknas på detta system är ett bra administrationsgränssnitt. Min tanke är därför att skapa en smidig och utbyggbart administrationsfunktion för detta system. Fördelen här är att jag kan kräva att lärare som administrerar sina kurser har JavaScript aktiverat, något som jag inte vill kräva på studentsidorna. Omfattningen kommer jag försöka hålla tillbaka då min tid kommer att vara begränsad på grund utav att jag har mycket undervisning denna period.

Vad tror ni om denna Sonygrunka? Verkar lovande….

function myFunction() {
   var n = 0;
   var m = 0;
}

gentemot följande kod:

function myFunction() {
   var n = m = 0;
}

I många andra språk är ovanstående helt synonyma men inte i javascript. Anledningen är skillnaden mellan att deklarera variabler med eller utan nyckelordet var.

Om vi i en funktion deklarerar en variabel genom att skriva:

function myFunction() {
   var n = 0;
}

så kommer n att skapas inuti funktionen myFunction (som är ett objekt när den exekveras) . Detta innebär i praktiken att vi inte kan komma åt variabeln n utanför funktionen myFunction.

Deklarerar vi istället lite slarvigt vår variabel på följande sätt (vilket man inte ser allt för sällan):

function myFunction() {
   n = 0;
}

så kommer nu variabeln n inte att skapas i vår funktion myFunction utan som en ”global variabel”. Globala variabler i javascript innebär att de egentligen blir egenskaper på window-objektet. Vi kan nu alltså komma åt vår variabel n utanför vår funktion genom att skriva window.n alternativt enbart n.

Att på detta sätt lägga våra tänkta funktionsvariabler direkt på windowobjektet är inte snygg kodpraxis och något vi definitivt vill undvika. Problem kan annars lätt uppstå om flera funktioner använder samma variabelnamn.

Åter till problemet med att deklarera variabler som var n = m = 0;. När man gör på detta sätt så innebär det i praktiken att följande kod exekveras:

function myFunction() {
   m = 0;
   var n = m;
}

Vi ser nu att n kommer att skapas på funktionen medan m skapas på window-objektet. Troligtvis var detta inte det som kodens skapare hade som intention.

Personligen så undviker jag rent allmänt att skapa flera variabler på samma rad, men jag har i några olika färdiga javascriptbibliotek sett detta angreppssätt, troligtvis för att minimera koden, men jag vill alltså varna för detta.

Hoppas att du lärt dig något nytt i och med denna artikel och troligtvis så kanske artikeln gav dig andra funderingar. ”Är funktioner objekt???” . Dessa är i så fall något jag får anledning att återkomma till.