Product image media
Product image media

JavaScript/jQuery grundlæggende kursus

11.400,00 kr

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.

Målgruppe

Målrettet dig, der skal forstå og anvende programmeringssproget JavaScript og jQuery.

Forudsætninger

Vi anbefaler, at du allerede har erfaring med at oprette HTML-sider og anvende CSS til at præsentere indholdet eller har været på Grundlæggende HTML og CSS.

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