jQuery Technology

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software using the permissive MIT License. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin.

jQuery is a JavaScript library file developed with the motto of “write less, do more”. It is a fast and feature-rich library that helps to use JavaScript much easier. That is, it reduces the coding task as it simplifies the most complicated tasks of JavaScript. Hence jQuery become the most popular and extendable JavaScript framework. It is compatible with all browsers and makes common tasks like event handling, animation and HTML document traversing easier.

Course Objectives

• Design interactive web applications
• Get hands on experience with various tools to create animations and to communicate with the server without reloading the page.
• Learn to work with binding events to the controls in JavaScript
• Handle different events for different controls
• Learn to make Ajax request using jQuery.

Advantages of using jQuery

• Makes coding simpler and clear
• Have compatibility with different browsers
• It is an open source library and hence doesn’t need any licensing.
• Supports animations and effects
• Webpages load faster
• JQuery is an enhancement of JavaScript and hence no need to learn new syntax
• Have more functions compared to JavaScript
• Ease of use

Career after this course

jQuery is an important module in web development. It is using everywhere nowadays. Most popular websites like Google, yahoo, Facebook, twitter etc., works on this library. It means that a professional with a good knowledge in jQuery along with proficiency in standard web development, have better job opportunities. Top MNCs prefer talented web developers with knowledge in different modules.

There are many job positions available for a web developer who has proficiency in jQuery. Some of them are listed below:

Section 1

Fundamentals of JavaScript Code

JavaScript methods (such as alerts)

Variables

The importance of quotes

Numbers vs. strings

Concatenation

Reusing Code with Functions

Defining functions

Calling functions

Defining parameters & passing arguments

Simple Accordion with JavaScript

Targeting elements by ID

Hiding & showing elements with JavaScript

If Statements: Clearing Form Fields

Testing code in the JavaScript Console

Getting & setting properties

Using if statements

Reshowing text hints in empty form fields

Section 2

Introduction to JavaScript Objects & the DOM

Intro to objects

The global object

Breaking open & manipulating objects

DynamicallyChangingContentwithCustomObjects

Checking the functionality of the select menu

Getting the chosen value

Dynamically changing the state name value

Dynamically changing the rest of the values

Introduction to Arrays the Math Object

Creating An Array

Editing An Array

Creating An Array Of Welcome Headings

TheMathobject

UsingtheMathobjecttopickrandomheadlines

IntroductiontoForLoops

Creating For loop

Using The For loop to set dropdown menus

Clearing the menu

Optional bonus: refiningthemenuselection experience

Section4

Showing/HidingContentwithjQueryAnimation

GettingstartedwithjQuery

Running Code When The Document is ready

Clickevents

Using jQuery slideToggle()method

SupportingJavaScriptdisabledusers

SharingJavaScriptAcrossPages

ExternalizingJavaScript

Linking a JavaScript file

jQueryHoverAnimation

AddinganoutlinewithCSS

Using jQuery hover()method

Using jQuery's animate()method

MoreAdvancedjQueryShowing/Hiding

Adding Animation To Reveal hidden content

Targeting The Proper Div: traversing the document

Swapping The Button imagewithjQuery

Section5

jQueryLightbox:APop-upImageViewer

Linking The Plugin Files

Initializing the pop-up

Grouping the photos into gallery

Adding Captions

Removing The Counter

Customizing The Appearance

jQueryCycle:ASimpleSlideshow

Initial setup

Defining what content gets cycled

Adding more cycles & exploring options

Reversing The Animation

jQueryCycle:AddingSlideshowControls

Preventing Possible“flash of unstyled content”

Enabling the slideshow

Adding & customizing the controls

Section 6

jQuery Cycle: Adding a Pause Button

Adding a pause/play button

Styling the pause/play button

Checking to see if the cycle is paused

Making the pause/play button work

jQuery Form Validation

Initializing the plugin & setting options

Customizing the error messages

Changing the location of the error messages

Styling the error messages

jQuery Image Carousel

Linking to the plugin files

Creating the carousel

Styling the carousel

An easy way to add prev & next buttons

Adding custom prev & next buttons

Setting how many items are shown