Code: T-INT608
Doelgroep
Deze cursus is bestemd voor ervaren Web ontwikkelaars die jQuery willen inzetten voor de toepassing van Javascript in Web Applicaties.
Korte inhoud
In deze cursus leert u programmeren met een van de meest gebruikte JavaScript libraries, jQuery. Aandacht wordt besteed aan de mogelijkheden van jQuery en de relatie met JavaScript. Na een introductie over de download en installatie van jQuery en een overzicht van de library worden scripts gemaakt met de document ready function. Vervolgens komt aan de orde hoe de inhoud van een pagina kan worden aangesproken via jQuery script, waarbij gebruik gemaakt wordt van identificatie door middel van HTML tags en attributen en styling door middel van CSS. Ook de relatie met het DOM model van de pagina wordt daarbij besproken. Verder komen de jQuery methoden aan bod voor het filteren van content en staat het optimaliseren van code door gebruik te maken van geavanceerde jQuery statement chaining op het programma van de cursus. Na de bespreking van de manipulatie van content in een pagina, komt het afhandelen van events via jQuery aan de orde. De jQuery methoden die event handling vergemakkelijken komen daarbij aan bod en ook is er aandacht voor namespacing en event delegation. Ook de creatie van effecten met jQuery en de simpele en geavanceerde animatie functies van jQuery passeren de revu. Hiermee worden dan image rotators, geanimeerde menu's en tooltips, slideshows en modale windows gebouwd waarmee Web pagina's tot leven komen. Vervolgens is er aandacht voor de Ajax functionaliteit van jQuery voor het dynamisch verversen van pagina's en gedeeltelijke updates van pagina's. Zowel de eenvoudige $load functie voor het ophalen van data als de meer geavanceerde $ajax functie worden daarbij besproken en ook is er aandacht voor data overdracht via JSON, JavaScript Object Notation. Tenslotte komt het gebruik van plugins in jQuery en het zelf schrijven van plugins aan de orde en wordt aandacht besteed aan een aantal gavanceerde onderwerpen zoals performance optimalisatie en caching.
Voorkennis
Voor deelname aan deze cursus is kennis en ervaring met het ontwikkelen van Web Applicaties en een script taal zoals Javascript vereist.
Invulling
De cursus heeft een hands-on karakter. De theorie wordt behandeld aan de hand van presentatie slides en wordt afgewisseld met praktische oefeningen. Er wordt gebruik gemaakt van een moderne JavaScript ontwikkelomgeving met debugging mogelijkheden.
Duur
2 dagen. De trainingsdagen duren van 09.30 uur tot 16.30 uur.
Programma
Module : Intro jQuery
What is jQuery?
jQuery versus Custom JavaScript
jQuery versus other Libraries
jQuery on Google Trends
Getting Started with jQuery
Including jQuery
Google Content Delivery Network
Document Ready?
Script Execution order
onLoad versus document.ready
jQuery Function Object
Where to run scripts?
Module : DOM and Dynamic HTML
What is Dynamic HTML?
DHTML Technologies
What is the DOM?
HTML and XML DOM
Building a DOM tree
DOM Node Types
Node properties and methods
DOM data structures
Element Access
Important properties and methods
Event Handlers
CSS - Style Sheet of HTML
Rendering with CSS
CSS Properties
Module : Selections and DOM Traversing
jQuery Selection
Basic Selectors
Hierarchy Selectors
Selection by Attribute
Position Filters
Form Selectors
Other Selection Filters
jQuery Method Chaining
DOM traversal
Filter Methods
Advanced Method Chaining
Module : DOM Manipulation
Why DOM Manipulation?
Creating Elements
Inserting Elements before
Inserting Elements after
Inserting Elements as First Child
Inserting Elements as last Child
Mass Insertion
Moving Elements
Cloning Elements
Removing Elements
Replacing Elements
Element Content
Element Attributes
Module : CSS Styling
Browser Inconsistencies
Reading CSS Properties
Modifying CSS Properties
Shorthand CSS Properties
Removing CSS Properties
CSS Classes
Element Dimensions
Position Changes
Element Positions
Module : Events
Events Overview
jQuery Event Model
Binding an Event Handler
Binding Multiple Handlers
Binding Shortcut Methods
Event Object
Properties Event Object
Methods Event Object
Unbinding Handlers
One Shot Handlers
Repeating Event Binding
Event Delegation
.live versus .delegate
Module : Effects and Animations
JQuery Builtin Effects
Showing Elements
Hiding Elements
Fading Effects
Sliding Effects
Creating Animations
Animation Notes
Animation Queues
Stopping Animations
Animation Controls
Module : Ajax Fundamentals
What is Ajax?
Classic Web Application Model
Ajax Web Application Model
Typical Ajax Interactions
How Ajax Works
Creating the XMLHttpRequest
Object Methods
Sending the Request
Object Properties
XMLHttpRequest readyState
Listening for Response
Processing the Response
Sequence diagram
Ajax Pitfalls
Module : jQuery Ajax
Ajax in jQuery
Ajax Options
Loading Page Fragments
getJSON
Ajax Limitations
Ajax Global Settings
Global Ajax Event Handlers
Error Handling
Ajax Request Completion
Select what to load
Module : Plugins
Plugins
Easing Plugin
ColorBox Plugin
Using ColorBox
Options ColorBox
Cycle Plugin
Validation Plugin
DataTable Plugin
Creating Plugins
Module : jQuery UI
What is jQuery UI
Getting Started
jQuery Widgets
Accordion
Tabbed Dialog
Dialogs
Date Picker
Slider
Animations
Module : Advanced Topics
Append new content outside of a loop
Anonymous Functions
Optimizing Selectors
Utility methods
Avoiding Conflicts
Cache length during loops
ID-Based Selectors
Use Event Delegation
Detach Elements to Work With Them
Use Stylesheets for Changing CSS on Many Elements
Use $data Instead of $fn.data
Kosten
Inschrijfgeld: € 25,-
Trainingskosten: €830,-
Studiemateriaal: € 80,-
Certificaatkosten: €25,-
Locatie- en arrangementskosten: Zie onderstaande toelichting
Locatie- en arrangementen
Twice regelt voor de dagopleidingen van maandag tot en met zaterdag een arrangement à € 50 per dag. Een dagarrangement bestaat uit zaalhuur, gebruik van ICT-middelen, onbeperkt koffie, thee, frisdrank, ijswater en een lunch. De kosten van de arrangementen worden direct aan u doorberekend.
Btw
Op alle opleidingen en trainingen is 19% btw van toepassing en voor het studiemateriaal 6%. Met uitzondering van volledige MBO niveau 2, 3 en 4 opleidingen en de volledige HBO Bacheloropleidingen. Voor organisaties die geen btw kunnen terugvorderen, bestaat de mogelijkheid het volledige aanbod op deze website btw vrij gefactureerd te krijgen. In dit geval wordt een btw correctie van 10% toegepast. Dit betekent een voordeel van 7,5% op de inclusief btw prijs. De hoogte van btw is onder voorbehoud van eventuele wetswijzigingen.
Code: T-INT608