Training: jQuery Essentials
duration: 6 hours |
Language: English (US) |
access duration: 90 days |
Details
In this course you will learn the basics of jQuery. You will learn how to integrate jQuery and learn how jQuery makes DOM manipulation easy. You will also learn about event handling, manipulating events, introduction AJAX. Finally you will learn about some of the most useful widgets as well how jQuery UI help animate the elements of your web page.
Result
After completing this course you are familiar with the basics and most useful functions of jQuery.
Prerequisites
You have basic experience with HTML, JavaScript and CSS.
Target audience
Web Developer
Content
jQuery Essentials
Introduction to jQuery
- start the course
- describe the differences between jQuery and jQuery UI and how they are used to create dynamic web sites
- create a web page that includes jQuery and use the console to confirm the library has loaded
- recognize how jQuery is referenced, how chaining works, and how to prevent conflicts with $
- use the Document Ready event and its shortcut
- recognize selectors and how they can be used
- bind an event to an element and trigger it
- use text(), html(), and val() to retrieve the contents of an element
- set the contents of an element using text(), html(), and val()
- use css() to get and set one or more CSS properties for an element
- insert an element using append(), prepend(), after(), and before()
- remove an element and describe the differences between remove() and empty()
- select and modify elements by their assigned classes
- describe how jQuery can traverse through the DOM to find or select elements
- use parent() and children() methods to move up and down the DOM tree
- walk the children of an element using siblings(), next(), and prev() methods
- filter the returned group of elements using first(), last(), not(), and eq()
- create a web page and manipulate elements using jQuery
Events, Manipulating Elements, and AJAX
- start the course
- distinguish and describe how to manipulate event types
- create click(), dblclick(), mouseenter(), mouseleave(), and hover() events for an element
- use and manipulate keyboard presses using the keypress(), keydown(), and keyup() events
- bind events dynamically to an element and trigger them
- work with the change(), submit(), focus(), and blur() event handlers
- create ready() document events
- use the resize(), and scroll() browser events
- describe the difference between prop() and attr() as well as identify and properly use prop() and attr() to get and set properties and attributes
- describe and use dimension methods like width() and height() to manipulate the inner, outer, and actual height and width of an element
- add, remove, and change elements and classes
- clone an element or set of elements
- use wrap() and unwrap() to add or remove parents to an element
- show and hide elements and start a web page with a hidden element
- describe AJAX and how AJAX has evolved
- describe the usage of the AJAX event handlers
- create an AJAX request
- create an error handler to display any AJAX communication errors
- create an AJAX request and display content from the requested data
- use AJAX to make a request and update an element on the web page based on the response
Common Widgets and Animation
- start the course
- create a dialog popup box
- add custom buttons to a dialog popup box
- create and use a modal dialog box
- use and configure a datepicker widget
- create a tabs widget with multiple tabs
- add tabs dynamically to a tabs widget
- open a specific tab on page refresh or load
- work with the autocomplete widget
- use AJAX to provide data for a dynamic autocomplete widget
- use fadeIn(), fadeOut(), fadeTo(), and fadeToggle() to fade elements
- add a sliding motion to an element using slideDown(), slideUp(), and slideToggle()
- use animate() to animate an element and set the speed of the animation
- stop an animation before it has completed
- determine when an animation has completed before taking additional action on the element
- use color animations to animate color properties of an element
- use the Drop, Explode, Puff, Pulsate, and Fold effects on elements
- use the Blind, Bounce, Clip, Scale, and Shake effects on elements
- transfer the outline of one element to another element to create a visual interaction between the elements
- work with queues to build a set of functions to run on an element
- create a web page containing a widget and use animation to make the web page more interactive
Course options
We offer several optional training products to enhance your learning experience. If you are planning to use our training course in preperation for an official exam then whe highly recommend using these optional training products to ensure an optimal learning experience. Sometimes there is only a practice exam or/and practice lab available.
Optional practice exam (trial exam)
To supplement this training course you may add a special practice exam. This practice exam comprises a number of trial exams which are very similar to the real exam, both in terms of form and content. This is the ultimate way to test whether you are ready for the exam.
Optional practice lab
To supplement this training course you may add a special practice lab. You perform the tasks on real hardware and/or software applicable to your Lab. The labs are fully hosted in our cloud. The only thing you need to use our practice labs is a web browser. In the LiveLab environment you will find exercises which you can start immediately. The lab enviromentconsist of complete networks containing for example, clients, servers,etc. This is the ultimate way to gain extensive hands-on experience.
Sign In
WHY_ICTTRAININGEN
Via ons opleidingsconcept bespaar je tot 80% op trainingen
Start met leren wanneer je wilt. Je bepaalt zelf het gewenste tempo
Spar met medecursisten en profileer je als autoriteit in je vakgebied.
Ontvang na succesvolle afronding van je cursus het officiële certificaat van deelname van Icttrainingen.nl
Krijg inzicht in uitgebreide voortgangsinformatie van jezelf of je medewerkers
Kennis opdoen met interactieve e-learning en uitgebreide praktijkopdrachten door gecertificeerde docenten
Orderproces
Once we have processed your order and payment, we will give you access to your courses. If you still have any questions about our ordering process, please refer to the button below.
read more about the order process
Een zakelijk account aanmaken
Wanneer u besteld namens uw bedrijf doet u er goed aan om aan zakelijk account bij ons aan te maken. Tijdens het registratieproces kunt u hiervoor kiezen. U heeft vervolgens de mogelijkheden om de bedrijfsgegevens in te voeren, een referentie en een afwijkend factuuradres toe te voegen.
Betaalmogelijkheden
U heeft bij ons diverse betaalmogelijkheden. Bij alle betaalopties ontvangt u sowieso een factuur na de bestelling. Gaat uw werkgever betalen, dan kiest u voor betaling per factuur.
Cursisten aanmaken
Als u een zakelijk account heeft aangemaakt dan heeft u de optie om cursisten/medewerkers aan te maken onder uw account. Als u dus meerdere trainingen koopt, kunt u cursisten aanmaken en deze vervolgens uitdelen aan uw collega’s. De cursisten krijgen een e-mail met inloggegevens wanneer zij worden aangemaakt en wanneer zij een training hebben gekregen.
Voortgangsinformatie
Met een zakelijk account bent u automatisch beheerder van uw organisatie en kunt u naast cursisten ook managers aanmaken. Beheerders en managers kunnen tevens voortgang inzien van alle cursisten binnen uw organisatie.
What is included?
Certificate of participation | Yes |
Monitor Progress | Yes |
Award Winning E-learning | Yes |
Mobile ready | Yes |
Sharing knowledge | Unlimited access to our IT professionals community |
Study advice | Our consultants are here for you to advice about your study career and options |
Study materials | Certified teachers with in depth knowledge about the subject. |
Service | World's best service |
Platform
Na bestelling van je training krijg je toegang tot ons innovatieve leerplatform. Hier vind je al je gekochte (of gevolgde) trainingen, kan je eventueel cursisten aanmaken en krijg je toegang tot uitgebreide voortgangsinformatie.
FAQ
Niet gevonden wat je zocht? Bekijk alle vragen of neem contact op.