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
