jQuery

Francesco Ciannavei

jQuery

jQuery was my everyday JavaScript at TUN2U: on the agency's WordPress, Magento and PrestaShop sites I wrote almost everything with it and almost nothing in vanilla JavaScript. Many CMSs and e-commerce platforms already ship it as a dependency, so it stays the most direct tool for working on those projects.

DOM manipulation and interfaces

With jQuery I built plenty of interactive interfaces: sliders, responsive menus with animations, dynamic filter systems for product catalogues, and forms with real-time validation. I use advanced CSS selectors to move through the DOM and event delegation to keep performance up on dynamic lists. With jQuery UI I worked with widgets like Datepicker, Autocomplete, Dialog, Tabs and Accordion, customising them per project, and implemented drag-and-drop where content needed reordering.

A catalogue with no database export

A client wanted to move to WordPress, but the data lived in an old PHP app whose database couldn't be exported. The products and categories, though, were all online, one page each.

I started from the sitemap. A Node.js script took every URL starting with /product/ and read each one with Cheerio, the library that brings jQuery's selector syntax to the server. Then I did the same for the categories. The script wrote everything to a CSV, which I imported into WordPress with a plugin: the catalogue moved to the new site without needing the old database.

jQuery inside Magento

On Magento 2 my jQuery worked alongside RequireJS and the Knockout components I describe on the JavaScript page. Despite frameworks like React and Vue, jQuery stays relevant exactly in the enterprise and legacy projects where knowing it well is a concrete advantage.

Rating
7/10

Where i've used it: