Interaktiva, dynamiska webbsidor med klientbaserad teknik
Denna webbplats ger en introduktion till språket JavaScript och hur det används i kombination med HTML och CSS, för att skapa interaktiva, dynamiska webbsidor. Detta tas upp stegvis genom ett antal exempel. I alla språk kan man uttrycka samma sak på flera olika sätt. Det kan man göra i svenska och andra naturliga språk, men även i programspråk och speciellt i JavaScript. Det som tas upp på denna webbplats är ett sätt att skriva koden, men inte det enda sättet. Ibland ges några olika alternativ och jämförelser mellan dem, men alla detaljer och finesser i JavaScript tas inte upp, utan vi håller oss till det som krävs för exemplen. Detta ger dig dock en god grund i programmering med JavaScript.
Varje exempel ges på var sin sida, som du kommer till genom navigeringsmenyn. Du bör gå igenom exemplen i den ordning de finns i menyn, så att du stegvis bygger upp din kunskap. Exemplen förutsätter ofta att du har lärt dig det som föregående exempel tar upp.
Exempelsidorna innehåller en kort introduktion, en film med demo och genomgång av exemplet samt en länk till en zip-fil med exempelkoden. Exemplen består ofta av flera delar, som ger olika exempel på samma teknik. Det finns också några egna övningar, där du övar på det som tagits upp i exemplen.
Öva mycket på egen hand
Ska man lära sig ett språk är det viktigt att öva mycket. Detta gäller oavsett om man ska lära sig ett nytt naturligt språk, såsom franska, eller ett programmeringsspråk. Det är därför viktigt att du efter varje exempel experimenterar med koden, både de exempel som demonstreras och det som föreslås i övningarna. Skriv också egna liknande program, om du känner att du behöver öva mer.
Förkunskapskrav
Det förutsätts inga tidigare kunskaper i programmering, utan både JavaScript och programmering tas upp från grunden. Däremot förutsätts du ha ganska goda kunskaper i HTML och CSS.
Utvecklingsmiljö
I demonstrationerna i filmerna används Visual Studio Code (VSC) och webbläsaren Firefox. Du rekommenderas att använda samma program, så att du känner igen dig i miljön.