English French German Italian Portuguese Russian Spanish

logo_old

  • Web Development 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 Development

    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 Development

    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.

Undoing jQuery: How to Convert jQuery to Vanilla JavaScript

PDF Print Email

Course duration

  • 2 days

Course Benefits

  • A little history.
  • jQuery in the 2020s.
  • Our project.
  • Your first jQuery code.
  • The document is ready.
  • Selectors.
  • Caching jQuery Objects.
  • Utility Functions.
  • Adding elements.
  • Removing elements.
  • Replacing elements.
  • CSS
  • Listening for events.
  • Responding to events.
  • Triggering events.
  • on(), off(), and trigger()
  • Event delegation.
  • Display effects.
  • Fading effects.
  • Sliding effects.
  • Animating.
  • Ajax and JSON Basics.
  • The Problems and Solutions with Ajax.
  • Getting data with Ajax.
  • Sending data with Ajax.
  • Why convert from jQuery to JavaScript?
  • Practice, practice, practice!

Course Outline

  1. Getting Started with jQuery
    1. Why jQuery in the 2020s?
    2. Our Approach
    3. Exercise: Getting Bootstrap
    4. Exercise: Reviewing the Vanilla JavaScript Code
    5. Exercise: Getting Started with jQuery
  2. The jQuery Function and Selectors
    1. The Document is Ready
    2. Exercise: Waiting for the Load Event
    3. jQuery Selectors
    4. Converting HTML Elements to jQuery Elements
    5. Filtering
    6. Tree Traversal
    7. Caching jQuery Objects
    8. Exercise: Playing with Selectors
    9. Chaining
    10. Utility Functions
  3. jQuery Manipulation
    1. Getter and Setter Methods
    2. Exercise: Getter and Setter Methods Practice
    3. Setting and Adding Content
    4. Exercise: Setting and Adding Content
    5. Copying and Removing Content
    6. Exercise: Copying and Removing Content: Practice
    7. event.target
    8. Properties vs. Attributes
    9. Shopping List Application
    10. Exercise: Logging
    11. Exercise: Adding EventListeners
    12. Exercise: Adding Items to the List
    13. Exercise: Dynamically Adding Remove Buttons to the List Items
    14. Exercise: Removing List Items
    15. Exercise: Preventing Duplicates and Zero-length Product Names
  4. jQuery Forms and Events
    1. Listening for Events
    2. Triggering Events
    3. Delegating Events
    4. Exercise: Event Delegation
  5. jQuery Effects
    1. Display Effects
    2. Fading Effects
    3. Exercise: Waiting for Fading to Finish
    4. Sliding Effects
    5. Other Animations
  6. Ajax and jQuery
    1. Ajax
    2. Using Ajax
    3. Exercise: Form Validation with Ajax
  7. Converting from jQuery to JavaScript
    1. Why Convert jQuery to JavaScript?
    2. Exercise: Getting Ready
    3. Exercise: Converting the Common Functions
    4. Exercise: Converting the Config View Functions
    5. Exercise: Convert the Game View Functions

Class Materials

Each student will receive a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this jQuery class:

  • HTML
  • JavaScript

Experience in the following would be useful for this jQuery class:

  • CSS
Prerequisite Courses
Since its founding in 1995, InterSource has been providing high quality and highly customized training solutions to clients worldwide. With over 500 course titles constantly updated and numerous course customization and creation possibilities, we have the capability to meet your I.T. training needs.
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.
Facebook TwitterGoogle BookmarksLinkedin