Description

Description

The course offers a comprehensive guide to learning the popular JavaScript library, jQuery. Designed for both beginners and experienced web developers, this course covers essential jQuery concepts, such as selectors, manipulation, forms, events, effects, and Ajax. Through practical examples and hands-on exercises, students will learn how to effectively use jQuery to create dynamic and interactive web applications. Additionally, the course provides insights into converting code between jQuery and vanilla JavaScript, ensuring a well-rounded understanding of the library and its applications.

Training Objectives

• Comprehensive Coverage: The course covers a wide range of jQuery topics ensuring students develop a deep understanding of the library and its applications.
• Practical Examples: Real-world examples are provided throughout the course demonstrating how jQuery can be applied in various situations to enhance web development projects.
• Hands-on Learning: The course includes numerous exercises that encourage students to practice their newly acquired skills reinforcing the material and promoting retention.
• Engaging Content: The course is designed to be interactive and engaging keeping students interested and motivated to learn.
• Experienced Authors: The course is created by industry experts who have years of experience working with JavaScript and jQuery
• ensuring the content is relevant and up-to-date.

Course Outline

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