jQuery Best Practices for Legacy and Today

Course 1610

  • Duration: 3 days
  • Labs: Yes
  • Language: English
  • Level: Foundation
Get This Course £2,095
  • Bring this or any training to your organisation
  • Full - scale program development
  • Delivered when, where, and how you want it
  • Blended learning models
  • Tailored content
  • Expert team coaching
#1610

jQuery simplifies the process of creating powerful Web 2.0 applications with dynamic content and visual effects. In this jQuery 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. You will learn how to use jQuery best practises for supporting legacy system and as well as new development.

  • Experience at the level of:
    • Course 470, Developing a Website, or equivalent experience with HTML and CSS

  • JavaScript
  • Basic programming concepts

  • 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

jQuery Best Practices for Legacy and Today Delivery Methods

  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included

jQuery Best Practices for Legacy and Today Course Benefits

  • 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-optimised, cross-device web pages with jQuery Mobile

jQuery Course Outline

  • Traversing HTML with the jQuery() function
  • Utilise CSS selector engine
  • Matching nodes by element name, ID, class, position, content, behaviour and context
  • Chaining calls to the jQuery() function
  • Best Practises
  • Supporting Legacy applications

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

  • Assigning event handlers programmatically

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

Updating page components asynchronously

  • Downloading HTML with the .load() method
  • Calling web services with .get() and .post()
  • Replacing callbacks with chained deferred objects

Converting serialized server data to HTML

  • Retrieving JSON with .getJSON()

Exploring jQuery tools for forms manipulation

  • Selecting and setting focus on the first element
  • Utilising focus and blur events/li>
  • Providing real-time feedback via keyboard events
  • Integrating a validation plugin

Integrating popular plugins

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

Developing jQuery plugins

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

Integrating widgets for highly interactive web applications

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

Implementing effects

  • Creating colour animations with .animate()
  • Leveraging complex animation easings and effects
  • Building drag-and-drop user interfaces

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

Course FAQs

Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.