JavaScript/jQuery grundlæggende kursus

JavaScript er et populært programmeringssprog, der bliver brugt i mange forskellige sammenhænge og på de fleste platforme. Hvor det førhen hovedsageligt blev brugt i forbindelse med websider, er det i dag et sprog, der bliver anvendt til bl.a. websider, udviklingsværktøjer og konfiguration af serverbaserede programmer. I dag samarbejder og/eller anvender de store udviklingsværktøjer ofte JavaScript-baserede værktøjer (Node.js), hvorfor et godt kendskab til programmeringssproget kan være en nødvendig investering.

På dette kursus lærer du, hvordan JavaScript er opbygget. Du lærer at forstå og anvende sprogets grundlæggende syntaks til brug for websider og til definering af konfigurationsfiler (JSON).

Vi gennemgår JavaScript grundlæggende opbygning (bl.a. datatyper, funktioner, variabler, scopes), og du bliver præsenteret for forskellige måder at anvende JavaScript til at programmere i en mere objektorienteret stil. Som det sidste store emne gennemgår vi, hvordan du anvender jQuery til at håndtere/manipulere elementer på din HTML-side.

Da de fleste programmører anvender JavaScript og jQuery i forbindelse med en browser, vil dette være kursets udgangspunkt. Vi indleder derfor med en kort gennemgang af, hvordan en HTML5-side er opbygget (DOM), samt gennemgår hvordan du skriver og anvender Cascading Style Sheets (CSS3).

Efter at have gennemgået materialet, vil du have den forståelse af JavaScript/jQuery, som gør dig klar til at anvende sproget til mere avancerede opgaver.

Kursusindhold

Introduktion til HTML5 (Document Object Model / DOM)

• HTML-sidens opbygning
• DocType-definitioner
• HTML-elementets opbygning
• Syntaks
• Attributter (prædefinerede/egne)
• Navngivning
• Strukturering af sidens indhold
• Section
• Article
• Div
• Form
• Form-elementets opbygning
• Elementer
• DOM-events

Introduktion til CSS3

• Hvorfor CSS?
• Syntaks
• Kommentarer
• Selectors
• Elementtyper
• Klasser
• Objekter
• Attributtyper

Introduktion til JavaScript

• Hvorfor JavaScript?
• Versioner
• Syntaks
• Typer
• Operatorer
• Arrays
• Indexbaserede arrays
• Associative arrays
• Betingelser og løkker
• Sammenligning af datatyper
• Kommentarer
• Funktioner
• Arguments
• Return
• Scopes
• Hoisting
• Funktioner som "first-class objects"
• Error handling

Håndtering/manipulering af DOM elementer ved hjælp af JavaScript

• GetElementById(), getElementByName(), querySelector()
• Ændring af style-angivelse ved hjælp af JavaScript

Objekt Orienteret Programmering med JavaScript

• Er JavaScript et objektorienteret sprog?
• Indbyggede objekter
• Forskellige måder at oprette egne objekter
• Klasse-lignende funktioner
• Prototyping
• JavaScript Object Literal Notation
• Closures
• Anonyme funktioner
• Self-Executing Anonymous Functions
• Simulering af namespaces i JavaScript

Introduktion til jQuery

• Hvorfor jQuery
• Versioner
• Syntaks
• jQuery Libraries

Anvendelse af jQuery

• Udvælgelse ved hjælp af "selectors"
• Manipulering af DOM
• Events
• Anvendelse af anonyme funktioner
• Ændring af style-angivelse ved hjælp af jQuery
• Validering af formularer
• Valideringsfunktioner
• Kombination af JavaScript og jQuery
• Oprettelse nye elementer i DOM

Introduktion til jQuery Libraries

• Eksempel på anvendelse af jQuery-UI

Print kursus

Tilmelding til JavaScript/jQuery grundlæggende kursus