English French German Italian Portuguese Russian Spanish

logo_old

  • Web Design Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Design

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Design

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

jQuery Fundamentals Training

 PDF PrintEmail

Course duration

  • 3 Days

Course Outline

jQuery is fast becoming a must-have skill for front-end developers. The purpose of this jQuery training course is to provide an overview of the jQuery JavaScript library. When you're done with this jQuery training course, you will be able to complete basic tasks using jQuery, and you will have a solid basis from which to continue your learning.

  • Review JavaScript basics.
  • Get started with jQuery.
  • Learn to work with the jQuery Core.
  • Learn to handle events with jQuery.
  • Learn to create cool effects with jQuery.
  • Learn to build Ajax applications with jQuery.
  • Learn to write and use jQuery plugins.
  • Learn to write high-performing jQuery applications.
  • Learn to organize your jQuery code.
  • HTML
  • JavaScript
  • CSS
  1. JavaScript Basics
    1. Syntax Basics
    2. Reserved Words
    3. Operators
      1. Basic Operators
    4. Operations on Numbers and Strings
    5. Logical Operators
      1. Truthy and Falsy Values
    6. Comparison Operators
    7. Conditional Code
    8. Conditional Variable Assignment with the Ternary Operator
    9. Switch Statements
    10. Loops
      1. The while loop
      2. The do . while Loop
      3. The for Loop
      4. The for . in Loop
      5. Breaking and Continuing
    11. Arrays
    12. Objects
      1. Creating an Object Literal
      2. Accessing Elements of an Object
    13. Functions
      1. Using Functions
      2. Self-Executing Anonymous Functions
      3. Functions as Arguments
    14. Testing Type
    15. Scope
    16. Closures
  2. jQuery Basic Concepts
    1. Basic Flow of a jQuery Application
    2. Using $(document).ready()
    3. Selecting Elements
      1. Choosing Selectors
      2. Does My Selection Contain Any Elements?
      3. Saving Selections
    4. Operating on Selections
      1. The $.fn Methods
      2. Refining and Filtering Selections
      3. Chaining
    5. Working with Selections
      1. Getting and Setting Information About Elements
    6. CSS, Styling, and Dimensions
      1. Dimensions
      2. Attributes
      3. Showing and Hiding Elements
      4. Iterating Over a Selection
    7. Traversing
      1. Traversal Methods
    8. Manipulating the DOM
      1. Moving, Copying, and Removing Elements
      2. Cloning Elements
      3. Removing Elements
      4. Creating New Elements
  3. jQuery Core
    1. $ vs jQuery
    2. $ vs $()
    3. Utility Methods
      1. Checking Types
      2. Storing and Retrieving Data Related to an Element
      3. DOM-Related Utilities
      4. Feature and Browser Detection
      5. Avoiding Conflicts with Other Libraries
  4. Events and Event Handlers
    1. Connecting Events to Elements
      1. Connecting Events to Run Only Once
      2. Disconnecting Events
      3. Namespacing Events
      4. Using mouseenter/mouseleave Instead of mouseover/mouseout
    2. Inside the Event Handling Function
    3. Triggering Event Handlers
    4. Increasing Performance with Event Delegation
      1. Unbinding Delegated Events
    5. The on and off Functions
    6. Event Helpers
      1. $.fn.hover
      2. $.fn.toggle
  5. Effects
    1. Built-in Effects
      1. Basic Use of a Built-in Effects
      2. Changing the Duration of Built-in Effects
      3. jQuery.fx.speeds
    2. Limitations on Effects
    3. Queuing of Effects with Other Operations
    4. Callbacks - Doing Something When an Effect Is Done
      1. Running Code When an Effect is Complete
    5. Custom Effects with $.fn.animate
      1. Custom effects with $.fn.animate
      2. Easing
    6. Managing Effects
      1. jQuery.fx.off
  6. Ajax
    1. Key Concepts
      1. GET vs. POST
      2. The Same Origin Policy
      3. Data Types
      4. A is for Asynchronous
      5. Same-Origin Policy and JSONP
      6. Ajax and Firebug
    2. jQuery's Ajax-Related Methods
    3. $.ajax
    4. Convenience Methods
    5. $.fn.load
    6. Ajax and Forms
    7. Working with JSONP
    8. Ajax Events
  7. Plugins
    1. How to Create a Basic Plugin
      1. Testing Our Plugin
    2. Finding and Evaluating Plugins
    3. Writing Stateful Plugins with the jQuery UI Widget Factory
      1. A Simple, Stateful Plugin Using the jQuery UI Widget Factory (Optional)
      2. Adding Callbacks to a Plugin
      3. Adding Custom Event Callbacks
      4. The Widget Factory: Under the Hood
      5. Cleaning Up
      6. Conclusion
  8. Best Practices
    1. JavaScript Best Practices
      1. Namespacing Variables
      2. Cache Frequently Used Values
      3. Beware Anonymous Functions
    2. jQuery Best Practices
      1. Optimize Selectors
      2. Use "Safe" Selectors
      3. Use Event Delegation
      4. Detach Elements to Work with Them
      5. Use Stylesheets for Changing CSS on Many Elements
      6. Use $.data Instead of $.fn.data
      7. Don't Act on Absent Elements
    3. Code Organization
      1. Key Concepts
      2. Encapsulation
    4. Don't Treat jQuery as a Black Box
  9. Custom Events
    1. About Custom Events
      1. Examples Without Using Custom Events
      2. Examples Using Custom Events
      3. Recap: $.fn.bind, $.fn.trigger, and $.fn.triggerHandler
    2. In Summary

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).


InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)


For an overall view of our offerings, please visit us at www.intersource.ch.