Overview jQuery is a fast, lightweight multi-browser JavaScript library. The Best part of jQuery is that Interacts with the DOM, makes Ajax requests and also creates effects even after javascript is been disabled in the browser. jQuery also allows functionality for developers to build plug-ins. Course Objectives:
Understand the JavaScript language & the Document Object Model.
Detect and respond to user actions.
Alter, show, hide and move objects on a web page.
Check information inputted into a form.
jQuery is an easy to learn JavaScript library, which makes JavaScript programming very easy.
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 also simplifies complicated tasks like AJAX calls and DOM manipulation.
jQuery will run the same and produce same output in all major browsers.
jQuery is free and very easy to include in your projects: just download its latest version from the jQuery website, or use an online Content Delivery Network.
jQuery is continuously upgraded, maintained and documented by a dedicated community of great developers. This ensures high quality and support on the internet. Pre-requisite / Target Audience:
This course is designed for individuals with an intermediate knowledge on HTML Module 1: Introduction
In this module, we will learn about what is the jQuery and benefits of the jQuery of the scripting language. We can also learn about How to use the jQuery using first jQuery example.
jQuery Introduction
Install and Use jQuery Library
Un-Obstructive JavaScript
First jQuery Example
jQuery Syntax
How to escape a special characters Module 2: Selectors
In this module, we will learn about jQuery selectors are used to find or select HTML elements based on their name, id, classes, types, attributes, values of attributes and much more jQuery Selector
Basic Selectors Module 3: Traversal
In this module, we will learn about jQuery traversing, traversing are used to find or select HTML elements based on their relation to other elements. Start with one selection and move through that selection until you reach the elements you desire.
Traversal Functions Module 4: HTML Manipulation
In this module, we will learn all of the methods in this section manipulate the DOM in some manner. A few of them simply change one of the attributes of an element, while others set an element’s style properties.
Getting Setting values from elements
Handling attributes
Inserting New elements
Deleting/Removing elements
CSS manipulations
Dimensions
Positioning Module 5: Effects
In this module, the jQuery library provides several techniques for adding animation to a web page. These include simple, standard animations that are frequently used, and the ability to craft sophisticated custom effects. Showing/Hiding elements
Sliding elements
Fading elements
Deleting animation elements
Custom animation Module 6: Events
In this module, we will learn about jQuery events, these methods are used to register behaviours to take effect when the user interacts with the browser, and to further manipulate those registered behaviours. Working with Events Module 7: Ajax and JSon
In this module, the jQuery library has a full suite of Ajax capabilities. The functions and methods therein allow us to load data from the server without a browser page refresh. Ajax with jQuery
Load method
jQuery get and getJson methods
jQuery POST request
Retrieving js file
Helper methods At the end of the course, participants will be able to get: Use JavaScript to write modern, reactive Websites
Understand how JavaScript works and how to use its many advantages
Dive into JavaScript Libraries like jQuery or Frameworks like Angular 2 or React
