jQuery is a lightweight multi-browser JavaScript library designed to "write less, do more". The purpose of jQuery training course is to make it much easier to use JavaScript in web applications. jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code. jQuery tutorial also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation etc.
jQuery and JSON Training Objectives
The objectives of this course are to:
- To get hands-on experience on JavaScript and jQuery.
- To learn how to work with binding events to the controls in JavaScript.
- To learn how to download jQuery library and refer it to the Html page.
- To learn the importance of $(document).ready(function(){ });
- To learn selecting the Html elements by name, attribute name, id or by content.
- To Learn Traversing of Html elements.
- To learn handling different events for different Controls.
- To learn how to provide effects to the elements or sections in the Html page.
- To learn manipulating elements by adding CSS classes dynamically, by inserting elements etc.
- To learn how to make an Ajax request using jQuery.
- To learn what is JSON, what is the use of it and what are its advantages.
Prerequisites
Participants are required to have basic knowledge of Html and JavaScript.
In case you do not have knowledge on Html and JavaScript, we suggest you to go through with Html and JavaScript Course and then get back with jQuery Course to have in-depth knowledge.
jQuery and JSON Training Duration
- Regular classroom based training: 8 hours (1 week) of total training with 1 hour session per day.
- Fast Track(1-1): 8 hours (2 days) of total training with 4 hours of training per day.
- Pre-Recorded video based online trainingoption is available for now
Introduction
What You Should Already Know
What is jQuery ?
Adding the jQuery Library to Your Pages
Basic jQuery Example
Downloading jQuery
Alternatives to Downloading
jQuery Syntax
The Document Ready Function
How to use Custom Scripts?
Using Multiple Libraries
jQuery – noConflict() Method
jQuery – Basics
String:Numbers:
Boolean:
Objects:
Arrays:
Functions:
Arguments:
Scope:
Built-in Functions:
jQuery – Selectors
How to use Selectors?
jQuery – CSS Element SelectorjQuery – CSS Element ID Selector
jQuery – CSS Element Class Selector
jQuery – CSS Universal Selector
jQuery – CSS Multiple Elements E, F, G Selector
jQuery Callback Functions
jQuery – DOM Attributes
Get Attribute Value:Set Attribute Value:
jQuery – DOM Traversing
Find Elements by index:Filtering out Elements:
Locating Descendent Elements :
JQuery DOM Traversing Methods:
jQuery – CSS Methods
Apply CSS Properties:Apply Multiple CSS Properties:
Setting Element Width & Height:
JQuery CSS Methods:
jQuery – DOM Manipulation Methods
Content Manipulation:DOM Element Replacement:
Removing DOM Elements:
Inserting DOM elements:
DOM Manipulation Methods:
jQuery – Events Handling
Binding event handlers:Removing event handlers:
Event Types:
The Event Object:
The Event Attributes:
jQuery – Effects
JQuery Effect Methods:jQuery Hide and Show
jQuery Toggle
jQuery Slide – slideDown, slideUp, slideToggle
jQuery Fade – fadeIn, fadeOut, fadeTo
jQuery Custom Animations
jQuery – AJAX
load()get()
post()
ajax()
jQuery – JSON
getJSON()
