1 hour jQuery

Learn to reference the jQuery library in HTML, selecting the right version and minimal files, using the script tag and keeping JavaScript in separate files.

Learn to initialize jQuery by using the dollar sign and wait for the document to be ready. Then run a function with proper curly braces and semicolon syntax.

Explore jQuery environments and how to add them, including using the dollar sign with a function, and compare a more secure approach to standard methods in JavaScript.

Add header elements and a button, then use a jQuery click handler to fade out header1 and header2, showcasing basic dom manipulation and event-driven animation.

Learn the jQuery syntax by setting up the aquaria environment, using document ready, and wiring a button click to a function, with examples like fade out or show and hide.

Explore how to attach actions to HTML elements with jQuery events, including click, double click, mouse enter, and mouse leave, and learn to call functions in response.

Add a second button with distinct IDs (button one and button two), bind click handlers in jQuery, and fade out button one while fading in button two.

Differentiate id and class in HTML, assigning an id to a single tag and a class to many elements. Use a period in the selector to target a class.

Learn how to apply the same class to multiple HTML tags with jQuery, using the dot notation, and prototype fade out and fade in effects with labeled buttons.

Explore how the fadeout function uses brackets to accept timing values, from milliseconds to seconds, and how fade out synchronizes with fade in.

Learn to toggle elements with jQuery by wiring a toggle button to fade out and back in, using id selectors with the $ function.

Explore toggle parameters in jQuery, observe how values affect fade behavior, and see why JavaScript's forgiving syntax helps beginners compared with hard-to-learn languages like Objective-C.

Learn how to select HTML elements with jQuery, experiment with the star selector, and apply fade out effects to paragraphs, buttons, and headers.

Learn how to hide and show elements with jQuery by wiring up buttons, using classes or IDs, and writing simple show and hide logic for interactive web pages.

Embed and run JavaScript using script tags within HTML, focusing on inline scripts. Compare pasting code into the script tag with using an external file for cleaner organization.

Explore basic jQuery animation by creating a div box, styling it with orange background, setting size and absolute positioning, and animating its left position to move across the page.

Learn to implement sliding back effects with jQuery by changing height, copying and pasting code, and handling absolute positioning to slide 100 pixels back and forth.

Explore jQuery sliding effects by using slow and fast speeds to control slide back movements, and see how padding affects the slide behavior; numeric values may not influence the animation.

Grow a div tag by animating its height and width to 200 pixels with a button, and learn how multiple commands and proper syntax (curly brackets and comma) resolve warnings.

Add a shrink button in a jQuery demo, duplicate it to button four, and adjust size parameters to grow and shrink a div, slide it back and forth.

Explore incremental growth in web interfaces by adjusting elements in 20 pixels at a time using plus equals and minus equals, noting how elements grow, shrink, and disappear with interaction.

Learn to manipulate divs with jQuery by assigning IDs, animating height, and fading elements, using orange and blue div examples.

Practice what you learned to become a good web developer or programmer; the more you program, the better you get, and discounts on future courses are offered.