Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
Lessons
Make elements draggable and define drop targets.
Draggable & Droppable is easiest to learn by reading the example, changing it, and observing the result.
// Requires jQuery UI (jquery-ui.min.js + CSS)
$('#date').datepicker({ dateFormat: 'yy-mm-dd' });
$('#search').autocomplete({
source: ['HTML', 'CSS', 'JavaScript', 'jQuery', 'PHP']
});Practice the Draggable & Droppable example in a small scratch file, then explain what changed and why.