Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
Lessons
Measure width, height, offset, and scroll position.
Dimensions & Positions is easiest to learn by reading the example, changing it, and observing the result.
$('#box').css({ color: 'white', backgroundColor: '#0d6efd', padding: '1rem' });
console.log('Width:', $('#box').width());
console.log('Height:', $('#box').height());
console.log('Offset:', $('#box').offset());
console.log('Scroll top:', $(window).scrollTop());Practice the Dimensions & Positions example in a small scratch file, then explain what changed and why.