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

Syllabus:

• 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
• 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 a 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
• And more.