JavaScript/jQuery grundlæggende kursus

Det lærer du

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.

Det får du

Før kurset

  • Mulighed for at tale med en instruktør, der kan hjælpe dig med at finde det helt rigtige kursus.

På kurset

  • Undervisning af Danmarks mest erfarne instruktørteam i hyggelige og fuldt opdaterede kursuslokaler i centrum af København.
  • Et kursus bestående af en vekslen mellem teori og praktiske øvelser. Vi ved, hvor vigtigt det er, at du får tid til at arbejde med opgaverne i praksis, og derfor har vi altid fokus på hands-on i undervisningen.
  • Et kursusmateriale, som du efterfølgende kan bruge som opslagsværk samt et opgavesæt, der understøtter kurset.
  • Fuld forplejning, som inkluderer morgenmad, friskbrygget kaffe, te, frugt, sodavand, frokost på en italiensk restaurant på Gråbrødretorv, kage, slik, og naturligvis Wi-Fi til dine devices.
  • Et kursuscertifikat med bevis på dine nye kvalifikationer.

Efter kurset

  • Adgang til vores gratis hotline, som betyder, at du op til et år efter kurset kan ringe eller skrive til os, hvis du har spørgsmål til de emner, der er blevet gennemgået på kurset.
  • Vores unikke tilfredshedsgaranti, som er din tryghed for at få fuldt udbytte af dit kursus.

Få det optimale ud af kurset

Kurset henvender sig til dig, der vil kunne forstå og anvende programmeringssproget JavaScript og jQuery. 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å 4D’s kursus "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

Kontaktoplysninger

Adresse
Amagertorv 21
1160 København K