K9112 JQuery Udvikling Grundlæggende

Det er nemt at copy/paste JQuery fra internettet. Men lærer du JQuery rigtigt og får styr på selectors, arrays og parametre-i-parametre, kan du udvikle på egen hånd…

Om JQuery

JQuery er et bibliotek, som revolutionerer brugen af JavaScript. JQuery kom frem for nogle år siden, men benyttes stadig – og med fordel – på mange hjemmesider. JQuery virker i alle browsere og gør livet nemmere for webudviklere.

På dette kursus lærer du at benytte JQuery fra bunden. Har du behov, kan vi også køre et udvidet kursus.

Med mindre andet aftales, afholdes kursus i nyeste JQuery version

Målgruppe for JQuery Kursus

Webudviklere, der ønsker at booste deres website med avanceret JavaScript. JQuery gør det nemt at udvikle avancerede websites, der virker på tværs af browsere. Programmering, der før var enten umulig eller krævede mange linjer kode og virkelig ekspertviden i JavaScript, kan nu gøres på 1 eller få linjer kode. Performance er oven i købet i top

Forudsætninger for kurset

Du skal have en rimelig erfaring med JavaScript uden dog at være olympisk mester. Du behøver ikke at kende JavaScript ud i alle hjørner. Endvidere bør du have erfaring med HTML, CSS og måske også AJAX. Sidstnævnte er dog ikke et ultimativt krav

Efter kurset kan du

Kurset giver et fantastisk godt overblik over JQuery. Vi kommer vidt omkring, og du får en god all-round viden om JQuery. Naturligvis vil du ikke kunne alle parametre uden ad efter kurset, men du kan finde disse.

Det vigtigste er, at du får overblikket samt rutinen, hvilket sikres gennem hands-on øvelser på holdet – samt mulighed for at kontakte instruktøren efter kurset

Indhold af JQuery Udvikling kurset

1 | Introduktion til JQuery

  • Hvad er JQuery?
  • Installation af JQuery
  • Hello World

2 | Selection og Filtrering

  • Eksempel: Redbox
  • Metoden Find
  • Samlet eksempel
  • Andre Selectors
  • DOM elementer og søgning i DOM-træ

3 | Events

  • Events på 2 måder – med og uden bind()
  • Hvornår bind() – hvornår event-metoder direkte
  • Dokumentation

4 | JQuery Core-funktioner

  • $ (dollar tegn)
  • Ready()-funktion
  • sub()

5 | Indhold og attributter

  • Manipulation af attributter
  • Attr()-metoden
  • Mange attributter på én gang
  • removeAttr()
  • Ændring af class-names
  • Ændring af tekst m.m.
  • Indsæt værdier før og efter eksisterende
  • insertAfter(), insertBefore(), replaceWith(), remove()
  • CSS-funktioner
  • Wrap()

6 | Arrays og Iterations

  • Each()-funktionen
  • Return true – return false (continue/false)
  • Benyt each() på en selection
  • Filtrering af arrays med filter() og grep()
  • Map()-funktion (nyt array ud fra gammelt)
  • Dokumentation

7 | CSS

  • Manipulation med style sheet on-the-fly
  • Ændring af en CSS-parameter
  • Ændring af flere samtidige CSS-parametre
  • Et lille sidespring – Et lille guldkorn

8 | Effekter

  • Animate()-funktionen
  • Jquery.easing
  • Sammenkædning af animationer
  • Slide-metoder
  • Fade()-metoder
  • Dokumentation

9 | Dialogbokse

  • Hello World – brug af plug-ins
  • Flere samtidige parametre
  • Modal()
  • Skyggeeffekter

10 | Træk-og-slip effekter

  • Plug-ins
  • Draggable()-metoden
  • Draggable og Droppable
  • Events knyttet til træk-funktion

11 | Sortering af træk-og-slip

  • Sortable

12 | AJAX

  • Hvad er AJAX ? – Hello World !
  • Eksempel med og uden JQuery
  • AJAX med JQuery
  • Type-ahead felt med plug-in

13 | Accordion UI

  • Parameter til Accordion-metoden()

14 | DataPicker

  • Opret din egen kalender

15 | Faneblade og andre effekter

  • Fleksible Faneblade
  • Dialog bokse

16 | Plug-ins og diverse

  • 3.parts udvidelser af JQuery
  • Egne Metoder
  • plug02-fil
  • Debugging JQuery
  • Cheat Sheet

JQuery med hands-on

Kurset er i den grad bygget på hands-on øvelser. Du får en masse eksempler med hjem, og vi arbejder undervejs med rigtige hjemmesider.

Kursus i JQuery plugins

Har du behov for kursus i nogle af de utallige plugins/ekstra moduler, der findes til JQuery, så kontakts os

Praktisk Information

Hvordan bestilles et kursus?

Udfyld formularen nedenfor eller til højre. Alternativt kan du blot skrive en mail på info@zoomtek.dk eller ringe 4250 5040.

Hvordan finder jeg prisen på kurset?

Forespørg på kurset ved at kontakte ZoomTek. Så finder vi det bedste kursus til dig. Du betaler ikke for formidlingen.

Hvornår afholdes kurset?

ZoomTek kan oftest skaffe et kursus inden for 30 dage. Enten vil vi finde et åbent kursus til dig. Alternativt får du et lukket firmakursus, hvor du og dine kolleger aftaler datoen direkte med kursusinstruktøren.

Få et skræddersyet kursus uden merpris

Kursusbeskrivelserne på ZoomTek.dk er vejledende. For et lukket firmakursus vil kurser altid blive skræddersyet gennem dialog med instruktøren. For åbne kurser har du mulighed for at tale med instruktøren før kurset.