Menu
Live Chat
Contact Us
Scheduling Tool
888-843-8733
 

Home ❯ Mobile App Development

PDF Add to WishList









Preferred method of contact:

jQuery Best Practices for Legacy and Today

COURSE TYPE

Foundation

Course Number

1610

Duration

3 Days
Reserve Your Seat

PDF Add to WishList

jQuery simplifies the process of creating powerful Web 2.0 applications with dynamic content and visual effects. In this training course, you gain the knowledge and skills to apply jQuery as a tool for rapidly developing feature-rich websites — including how to build standards-compliant responsive web pages with Ajax, design easy-to-use forms, extend jQuery with plugins, and improve user experience. Utilize best practices for supporting legacy system and as well as new development.

You Will Learn How To

  • Rapidly develop dynamic Web 2.0 applications with jQuery, HTML, CSS, and Ajax
  • Create browser-independent, rich client interfaces
  • Enhance HTML forms to use jQuery validation and call web services
  • Develop and integrate plugins and incorporate UI components
  • Build touch-optimized, cross-device web pages with jQuery Mobile

Important Course Information

  • Requirements

    • Experience with HTML and CSS

  • Recommended Experience

    • JavaScript
    • Basic programming concepts

  • Software

    • This course provides Intel Core-2 Duo PCs running Windows 10
    • The latest versions of Internet Explorer, Firefox, Chrome, and Safari are loaded onto each PC
    • Exercises can be completed using either Eclipse, Notepad++, Sublime, or Visual Web Developer Express

Course Outline

  • 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
  • Manipulating the Document Object Model (DOM) for Cross-Browser DHTML

Adding and replacing content with jQuery

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

Dynamically assigning CSS properties

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

Creating accessible, unobtrusive JavaScript

  • Leveraging the .ready() method
  • Assigning event handlers programmatically
  • Animating Web Pages with jQuery Effects

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()
  • Building Responsive Pages with Ajax

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()

Converting serialized server data to HTML

  • Retrieving JSON with .getJSON()
  • Returning and parsing XML with .ajax()
  • Designing User-Friendly Forms

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
  • Extending jQuery with Plugins

Integrating popular plugins

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

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
  • Creating Sophisticated User Interfaces with jQuery UI

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

Implementing effects

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

Adding Web 2.0 functionality

  • Resizing HTML elements
  • Building drag-and-drop user interfaces
  • Building Cross-Platform Mobile Pages with jQuery Mobile

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
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

Hassle-Free Enrolment: No advance payment required to reserve your seat.
Tuition due 30 days after you attend your course.

In the Classroom

Live, Online

Private Team Training

888-843-8733

info@LearningTree.ca

Live Chat

In the Classroom — OR — Live, Online

Tuition — Standard: $2745   Government: $2415

Mar 18 - 20 ( 3 Days)
9:00 AM - 4:30 PM EDT New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

Apr 15 - 17 ( 3 Days)
9:00 AM - 4:30 PM EDT Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

May 20 - 22 ( 3 Days)
9:00 AM - 4:30 PM EDT Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time, location — will run. Guaranteed.

Private Team Training

Enrolling at least 3 people in this course? Consider bringing this (or any course that can be custom designed) to your preferred location as a private team training.

For details, call 1-888-843-8733 or Click here »

This event has been added to your cart.

Tuition

Standard

Government

In Classroom or
Online

Standard

$2745

Government

$2415

Private Team Training

Contact Us »

Course Tuition Includes:

After-Course Instructor Coaching
When you return to work, you are entitled to schedule a free coaching session with your instructor for help and guidance as you apply your new skills.

After-Course Computing Sandbox
You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Free Course Exam
You can take your Learning Tree course exam on the last day of your course or online any time after class.

Prev
Next

Training Hours

Standard Course Hours: 9:00 am – 4:30 pm
*Informal discussion with instructor about your projects or areas of special interest: 4:30 pm – 5:30 pm

“My jQuery course was excellent! The hands-on exercises were beneficial, and the supporting materials helped me complete them with speed and accuracy.”

- Y. Li, Web Developer
Blue Cross/Blue Shield

Prev
Next
Chat Now

Please Choose a Language

Canada - English

Canada - Français