
Explore the essentials of jQuery with a Hello World example, using document ready, the id selector, and append to show current time and date in the page.
Watch this essential information to maximize your jQuery crash course, including downloadable instructor files and steps to unzip them, plus guidance on video-based delivery, high-definition viewing, and adjustable speed.
Learn jQuery selectors and content manipulation by building a page, using the $ shorthand and document ready to target elements by type, class, and id, then update text or HTML.
Learn to use jQuery's html and text functions to render HTML as HTML or as plain text, update a pre tag, and handle escaped versus rendered tags.
Explore jQuery selectors and their alignment with CSS selectors, including CSS3 and DOM. Learn to target groups, use first and last selectors, and understand zero-based indexing.
Learn how to bind jQuery events to user actions like click and blur, manipulate the DOM with document.ready, and use closures to track counts across clicks.
Explore jQuery effects, including hide and show, by clicking shapes labeled with the shape class, manipulating display none and animated show with duration and linear easing.
Learn to build a dynamic jQuery shape drawer by combining events with selectors, selecting shapes and colors, and appending styled outputs to the page.
Learn to traverse and filter the dom with jQuery by selecting checkboxes, handling change events, and updating an output area with copied labels using next, clone, and append.
Explore advanced features of jQuery and deepen your understanding beyond basics. Learn to edit with Notepad++ and use Chrome developer tools to inspect elements and view network traffic.
Capture canvas clicks with jQuery to draw squares. Track two clicks as start and end coordinates; compute x, y, width, and height; render blue bordered divs on the canvas.
Learn to record and playback mouse movements in jQuery by building a recording object with a data array and methods to capture coordinates and replay them with timed playback.
Explore how to integrate jQuery UI to add drag-and-drop interactions, using draggable and droppable elements, with a drop callback that swaps a black-and-white image for a colorful version.
Learn to implement jQuery UI's dialog widget to show a modal login form from a login button, with a title, close button, and draggable behavior.
Learn to implement the jQuery UI datepicker on a text input, customize the date format, set min and max dates, and enable multi-month views with a button panel.
Explore the jQuery UI effects library and learn to implement animated feedback with yes and no actions using bounce, shake, and a dialogue look.
Explore jQuery and jQuery UI plugins, from file upload components to image galleries and form field enhancers, and learn how to find, download, and run demos from GitHub.
Discover how generative ai transforms coding with code generation, completion, debugging, and optimization, enabling non-programmers to build software from natural language prompts.
Learn the essentials you'll need to get started with jQuery, the most popular JavaScript library in use today.
During this two-hour crash course, your instructor will introduce you to the basics of the jQuery syntax.
Learn about jQuery selectors, one of the most important parts of the jQuery library, and how to manipulate the Document Object Model (DOM). Discover how jQuery events can be used to register behaviors that take effect when the user interacts with the web browser.
You will also learn how to use jQuery to traverse and filter the DOM, which is used to help find HTML elements.
Learn advanced topics, including how to capture mouse events using the jQuery UI framework and some of the popular jQuery plugins used to extend the power of jQuery.
By the end of this course, you will be confident in your knowledge of the fundamentals needed to effectively use jQuery.
This course includes:
All of our videos are high-definition videos, therefore, they are best viewed with the HD setting on, and the videos enlarged.
What People Are Saying:
★★★★★ “This course is very good. the explanation is very clear and easy to understand” –Justin Rogers
★★★★★ “Very easy to follow course, extremely informative, very well done. Thank you so much!” -Mike Webster
★★★★★ “Excellent accelerated intro to jQuery. Clearly spoken and the videos are crisp and easily viewed.” -Leslie Milburn
★★★★★ “Instructor did a fantastic job explaining what we were doing. This course is one of the best on the subject that I've done. I especially appreciate the project based approach of learning jQuery, but the instructor does a good job walking us through the HTML, CSS, and jQuery of building these examples. I'd definitely take more Simon Sez IT courses from this teacher.” -Daniel Maldonado