HRDF Course-jQuery Essential Training

Looking to add dynamic content, third-party data, or animation to your websites and apps? Look no further, jQuery is an open-source JavaScript library that simplifies the process of adding advanced functionality to web projects. In this course, first learn how to use jQuery to extract page content and manipulate that content with jQuery and some simple CSS. Next, learn to build new, dynamic page content on the fly, and use jQuery events to respond to user actions. Finally, discover how to add animation and effects from jQuery's built-in library and external jQuery plugins. 
Topics include:

• Using selectors and filters to extract information
• Creating, inserting, and manipulating webpage content
• Understanding jQuery statement chaining
• Using CSS to position content
• Building event handlers
• Showing, hiding, and fading page elements with jQuery
• Uisng jQuery plugins
• Creating custom animations

Module 1 Get Ready

• What is jQuery?
• Setup jQuery
• Install Sublime Text
• jQuery Syntax Structure
• Your first jQuery code
• Comparing jQuery vs Javascript

Module 2: Basic jQuery Concepts

• Selecting Elements
• Filter Selection
• Chaining
• Changing Content
• Changing CSS Class
• jQuery API
• Reading and Changing Values
• Changing Attributes

Module 3 Events

• On Click
• On Key Up
• On Change
• On Submit
• Mouse Over

Module 4 Plugin

• jQuery plugin
• Install ColorBox Plugin
• Install Tooltip Plugin

Module 5: Animation

• Hide/Show
• Animate
• Easing