Lesson 6: jQuery 101, Zoom, search filters, sorting, ratings, improved contact form

This E-Commerce Developers Course 6th lesson covers the following:

1. jQuery 101
2. Enabling Product Image Zoom-In using JavaScript
3. Enabling Product Search & Filter using JavaScript
4. Enabling Ratings using JavaScript
5. Contact Form and Validation using JavaScript

This lesson is conducted in partnership with Rachel Jaro, founder of Koodi Systems (PHP / web development company).

(Should you encounter a “secure connection failed” message in any of the video embedded, just click on the “try again” button to load it.)

jQuery 101

Reference:

• Database of JavaScripting libraries
• Vanilla-JS
• jQuery Learning Center
• jQuery CDN
• Intro to jQuery
• jQuery tutorial

back to top

Enabling Product Image Zoom-In using JavaScript

Reference:

• Elevate Zoom – Jquery Image Zoom Plugin
• Demo files: Zoom image using JavaScript

back to top

Enabling Product Search & Filter using JavaScript

Reference:

• List.js
• Demo files: Search / filter using JavaScript

back to top

Enabling Ratings using JavaScript

Reference:

• jQuery Raty
• 10 jQuery Rating Plugins
• Demo files: Rating using JavaScript

back to top

Contact Form and Validation using JavaScript

Reference:

• jQuery Validation Plugin
• Demo files: Contact form & validation using JavaScript

back to top