Cursus jQuery Core en jQuery UI

In deze cursus jQuery Core en jQuery UI leert u websites en applicaties verrijken met het open source JavaScript-framework jQuery. Steeds vaker worden interactiviteit en een rijke gebruikerservaring gevraagd van een website, terwijl tegelijkertijd het gebruik van plug-ins als Flash en Silverlight niet meer als acceptabel wordt beschouwd. jQuery is een eenvoudig te leren, maar buitengewoon krachtig framework waarmee u dergelijke interactiviteit, animaties, validaties en meer kunt toevoegen aan websites. Na afloop van de cursus kunt u met jQuery menu's, tabs, animaties, slideshows en formulieren maken en weet u hoe u delen van de pagina kunt bijwerken via AJAX-aanroepen, waardoor de gebruikerservaring van uw websites verbeterd wordt en de opbrengsten worden verhoogd.

Wat leert u in deze cursus?

U leert ten eerste hoe jQuery is ontstaan en wat de plaats en taak van jQuery is in het webdesignlandschap. U ziet hoe complex JavaScript eenvoudig wordt gemaakt via jQuery en hoe u onderdelen van een webpagina kunt selecteren, bewerken en het resultaat kunt tonen in de website. U maakt kennis met eenvoudige en complexe jQuery selectors, events, het Document Object Model (DOM) en het principe van chaining. Uitgebreide aandacht is er voor de opbouw van jQuery en de componenten die in scripts te herkennen zijn. Hierdoor leert u snel scripts van anderen ontleden en aanpassen voor eigen gebruik. Als de basis van het framework bekend is, gaat u verder met AJAX-toepassingen van jQuery en leert u de principes toepassen op andere onderdelen, waardoor u snel aan de slag kunt met de talloze jQuery plug-ins en visuele verbeteringen voor de site (widgets) snel kunt invoegen met jQuery UI.

Voor wie is deze cursus bedoeld?

Deze cursus jQuery Core en jQuery UI is bedoeld voor iedereen die nieuwe of bestaande websites wil uitbreiden met visuele effecten, formuliervalidaties en interactiviteit volgens de laatste webstandaarden.

Wat is een logisch vervolg op de cursus?

Als u jQuery wilt toepassen in combinatie met Dreamweaver, of zich wilt specialiseren in het ontwikkelen van websites en apps voor mobiele apparaten, dan zijn de cursussen Websites ontwikkelen voor mobiele apparaten met jQuery Mobile en Mobiele applicaties ontwikkelen met Dreamweaver, jQuery Mobile en PhoneGap zeer geschikt.

Hoe wordt de cursus gegeven?

U volgt deze cursus klassikaal in groepen van maximaal 8 personen.
U kunt dus rekenen op maximale persoonlijke aandacht.
Na theoretische uitleg werkt u aan praktijkoefeningen.

Wat krijgt u van ons?

U krijgt les van een professional uit de praktijk met ruime leservaring.
U ontvangt in de meeste gevallen (een door Opatel ontwikkeld) naslagwerk.
U ontvangt een aantekenblok en ballpoint voor uw aantekeningen.
U krijgt in de middagpauze een lunch.
U ontvangt na afloop van de cursus een certificaat.

U krijgt les in kleine groepen van maximaal 8 personen, maar door een hoge planningsfrequentie vaak veel kleiner. We gaan al met 3 cursisten van start! In onze trainingsruimten beschikt iedere cursist over een eigen werkplek, naar keuze een Mac of windows, met de benodigde software geïnstalleerd.

U hebt tijdens de cursus toegang tot de online lesomgeving van Opatel, het E-lokaal. U hebt toegang tot alle relevante online extra's en tutorials op Opatel TV.

Korte inhoud (puntsgewijs)

• Kennismaking
• Wat is jQuery?
• Mogelijkheden van jQuery
• JQuery installeren en toevoegen aan een website
• Welke tools gebruiken we? Editor, browser, debugger
• Elementen selecteren en bewerken
• Wat is het DOM?
• Basis jQuery-selectors en -filters gebruiken
• jQuery-functies voor geselecteerde elementen
• Inhoud aan de pagina toevoegen en er uit verwijderen
• Werken met events
• Wat zijn events
• Event binding en un-binding
• Callback-functies.
• JQuery Core
• Kernfuncties van jQuery
• Browser detection en jQuery-conflicten voorkomen
• Visuele effecten
• Onderdelen tonen en verbergen
• Eenvoudige animaties
• Alles combineren: elementen selecteren, events afvangen en er effecten op toepassen
• JQuery AJAX
• Wat is AJAX?
• GET vs. POST-requests
• JSON
• De functie $.Ajax()
• De rol van callbackfuncties
• Voorbeelden
• Werken met plug-ins
• Wat is een plug-in?
• JQuery-plug-ins toevoegen en gebruiken
• Plug-ins configureren
• Voorbeelden: slideshow, animaties, formuliervalidatie
• JQuery UI
• JQuery UI is een plug-in!
• JQuery UI-widgets
• Uitgebreide animaties, interactie met de sitebezoeker
• Werken met thema?s, ThemeRoller Application
• Alles combineren
• Een eigen site maken met validatie, interactiviteit, AJAX-calls en visuele effecten

Wat vragen wij van u?

De cursus jQuery Core en jQuery UI richt zich op de meer ervaren webdesigner. Er wordt voorkennis verondersteld van de basiswerking van HTML, CSS en JavaScript, ofschoon diepgaande kennis niet nodig is. In de cursus leert u vanaf de grond af aan jQuery in te zetten voor nieuwe projecten of toe te voegen aan bestaande websites. U gaat veel met de code aan de slag en het is daarom belangrijk dat u enigszins op de hoogte bent van programmeerprincipes als functies, variabelen en lussen. Als u een visuele achtergrond hebt, of bekend bent met het maken van Flash-animaties, leert u hoe u vergelijkbare effecten kunt bereiken met jQuery en jQuery UI.