Call:+91-8100538214 / 8585061991

Jquery

Jquery is great library for developing Ajax based application. The Jquery library is providing many easy to use functions and methods to make rich applications. These functions are very easy to learn and even a designer can learn it fast. Due to these features Jquery is very popular and in high demand among the developers. You can use Jquery in all the web based applications irrespective of the technology.

Eligibility Criteria

Basic knowledge in JavaScript.

Enroll Now

Course Outline (Module wise)

Module 1

  • Overview of jQuery
  • What’s jQuery and what’s so good about it?
  • Who is using it?
  • Cross-browser compatibility
  • jQuery UI and Plugins

Module 2

  • Getting Started with jQuery
  • Downloading and including jQuery
  • Google and Microsoft CDN
  • Developer vs. Production versions (compressed vs uncompressed)
  • jQuery namespace and jQuery ‘$’ alias
  • Revisiting HTML DOM
  • Debugging jQuery problems
  • Accessibility concerns

Module 3

  • Using jQuery
  • Making sure that the page is ready
  • Selections using CSS3
  • Filters
  • Multiple item selectors
  • Best practices
  • Decorating with CSS
  • Changing styles
  • Adding/removing classes
  • Effects with jQuery (e.g. hiding, revealing, and toggling elements)
  • Basic Animations
  • Callback functions
  • Event handlers
  • Adding and removing HTML elements
  • Modifying content

Module 4

  • Advanced Animations
  • Animating with CSS
  • Color animation
  • Easing
  • Bouncy Content Panes
  • Animation Queues
  • Chaining Actions
  • Animating Navigation
  • jQuery User Interface (UI) Library
  • The noConflict() Method

Module 5

  • Handling User Scrolling
  • The scroll event
  • Floating navigation
  • Scrolling the document
  • Customizing scroll bars
  • Handling Resizing
  • The resize event
  • Layout switcher
  • Resizable elements (textarea, plane splitter)

Module 6

  • Images and Slideshows
  • Building our own lightbox
  • Using ColorBox plugin
  • Cropping images with jCrop plugin
  • Slideshows
  • Faders (cross, rollover)
  • Timers
  • Using Cycle plugin
  • Scrolling
  • Thumbnails
  • Customizing events that trigger scrolling

Module 7

  • Menus
  • Expandable and collapsible menus
  • Open-closed indicators
  • Expand on hover
  • Hover intents
  • Drop-down menus
  • Accordion menus
  • Simple
  • Multi-level
  • jQuery UI Accordion

Module 8

  • Tabs
  • Basic tabs
  • jQuery UI tabs
  • Tab options and controls

Module 9

  • Panels and Panes
  • Slide-downs
  • Sliding overlay

Module 10

  • Tooltips
  • Simple
  • jQuery Traversing
  • jQuery Ancestors
  • jQuery Descendants
  • jQuery Siblings
  • jQuery Filtering

Module 11

  • Ajax with jQuery
  • Overview of Ajax
  • Loading content asynchronously
  • Fetching JSON data
  • jQuery’s .ajax facilities
  • Common settings
  • GET and POST requests
  • Ajax Events
  • Consuming XML
  • Sending HTML form data
  • Loading external scripts dynamically
  • Interactive Ajax
  • Spinners and progress indicators
  • Endless scrolling

Module 12

  • Forms
  • Simple form validation
  • The submit event
  • Validation plugin
  • Form hints
  • Checkbox checker
  • Inline editing
  • Autocomplete
  • Star rating input

Module 13

  • Controls
  • Date picker
  • Date validation
  • Sliders
  • Drag and drop
  • Sorting with jQuery UI’s sortable
  • Progress bar

Module 14

  • Dialogs and Notifications
  • Simple modal dialog
  • jQuery UI dialog
  • Growl-style notifications
  • 1-up notification

Module 15

  • jQuery Widgets
  • Lists
  • jQuery UI selectables
  • Sorting
  • Swapping list elements
  • Searching
  • Selecting
  • Trees
  • Expandable/collapsable trees
  • Event delegation
  • Tables
  • Fixed headers
  • Repeating headers
  • Data grids
  • Pagination
  • Row editing
  • DataTables plugin
  • Selecting rows and columns

Module 16

  • Advanced Concepts
  • Best Practices
  • Clean code
  • Comments
  • Map objects
  • Namespacing
  • Scoping
  • Client-side templating
  • Why browser-sniffing should be avoided
  • Feature detection
  • Plugins
  • Extending jQuery
  • Creating your own selectors
  • Events
  • The special event
  • Coexisting with other JavaScript libraries (like prototype.js)
  • Queing and dequeuing animations
  • Themes
  • Parting thoughts

Module 17

  • Real Life Project

Why choose us?

  • Course modules are prepared by Expert from our web development company.
  • Professional Faculty with boost able Experience in Development and Training.
  • All latest updated technologies as per real-time project requirements. (HTML 5 / CSS 3.0).
  • Guaranteed Real-time concepts for each topic.
  • Study material for all modules and practical real-time assignments.
  • Best Lab Facility with All software’s and Lab Assistance.
  • 100% Placements Assistance, till you get placed. We have good track record of placements.

The name and logo for Indus Net Academy are trademarks of Indus Net Technologies.
Copyright © 1997-2012 Indus Net Technologies. All rights reserved.