Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

JQuery

( Duration: 4 Days )

This jQuery training course taps into the power of jQuery to build extremely rich, yet elegant web UIs using one of the most simple and popular cross-browser JavaScript libraries.

    By attending jQuery workshop, delegates will:

  • Understand what’s so good about jQuery – Google, IBM, Netflix, and even Microsoft are all using it
  • Be able to add support for jQuery into your own UIs – and let Google host it for you
  • Get how jQuery works: DOM selection, decoration, enchancing
  • Be able to use jQuery’s effects, animation, scrolling, and resizing capabilities
  • Build lightboxes, slideshows, and manipulate images – all in JavaScript
  • Be able to render pro-looking panels, menus (including drop-down), accordions, tabs, tooltips UI widgets in your apps
  • Learn about jQuery’s AJAX facilities and create amazing interactive applications
  • Be able to enhance your forms with hints, autosuggestions, client – side validation, star ratings, and more
  • Learn about jQuery’s controls, including date pickers, sliders, progress bar, sorting, and drag’n’drop
  • Be able to create/manage lists, trees, and tables – again all in JavaScript
  • Understand jQuery’s plugins, themes, and other advanced concepts, including best-practices

  • Basic knowledge of JavaScript, HTML, and CSS
  • Familiarity with XML, and basic server-side programming (e.g. PHP, Java, Perl, Python) is recommended, but not required

This Web Development with jQuery training course is meant for web developers who wants to build best-of-breed web UIs with the simplicity and elegance of jQuery.

COURSE AGENDA

1

jQuery Fundamentals

  • Traversing HTML with the jQuery() function
  • Introducing the Sizzle CSS selector engine
  • Matching nodes by element name, ID, class, position, content, behavior and context
  • Chaining calls to the jQuery() function
2

Adding and replacing content with jQuery

  • Updating, adding and deleting element content
  • Inserting nodes into the DOM and manipulating parents and siblings
3

Dynamically assigning CSS properties

  • Adding and removing CSS rules and classes
  • Controlling element size and position
4

Creating accessible, unobtrusive JavaScript

  • Leveraging the .ready() method
  • Assigning event handlers programmatically
5

Enhancing pages with animations

  • Controlling visibility with .hide(), .show() and .toggle()
  • Combining animations and responding to callbacks
  • Leveraging object literals to control animations
  • Developing custom animations with .animate()
6

Updating page components asynchronously

  • Downloading HTML with the .load() method
  • Calling web services with .get() and .post()
  • Replacing callbacks with chained deferred objects
  • Combining Ajax calls with .when() and .then()
7

Converting serialized server data to HTML

  • Retrieving JSON with .getJSON()
  • Returning and parsing XML with .ajax()
8

Exploring jQuery tools for forms manipulation

  • Selecting and setting focus on the first element
  • Responding to focus and blur events
  • Providing real-time feedback via keyboard events
  • Integrating a validation plugin
9

Integrating popular plugins

  • Leveraging contributions from the jQuery community
  • Extracting embedded data from semantic HTML
  • Manipulating images with slideshows and carousels
10

Developing jQuery plugins

  • Conforming to best practices and naming conventions
  • Handling multiple elements
  • Enabling method chaining
  • Aliasing $ to avoid namespace conflicts
  • Consuming object literals to override defaults
11

Integrating widgets for highly interactive web applications

  • Optimizing screen real estate with accordions and tabs
  • Adding resizable, floating windows with dialog
  • Providing input assistance with autocomplete
12

Implementing effects

  • Creating color animations with .animate()
  • Leveraging complex animation easings and effects
13

Adding Web 2.0 functionality

  • Resizing HTML elements
  • Building drag-and-drop user interfaces
14

Working with mobile pages and controls

  • Structuring pages with HTML5 data-* attributes
  • Saving space with listviews and collapsible blocks
  • Initializing pages and handling touch events

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X