10. jQuery

jQuery Crash Course [1] - Intro & Selectors by Traversy Media

jQuery Crash Course [2] - Events by Traversy Media

jQuery Crash Course [3] - DOM Manipulation by Traversy Media

jQuery Crash Course [4] - Effects and Animation by Traversy Media

Simplify JS DOM Traversal & Manipulation

jQuery is a lightweight, "write less, do more", JavaScript library. The purpose of jQuery is to make it much easier to use JavaScript on your website. It’s getting deprecated but is still a practical skill that’s easy to pick up. Add it to your resume skillset.

Course Content

  • 0:15 - What is jQuery?
    0:39 - What you should know
    1:26 - What you’ll learn
    2:25 - jQuery & JavaScript Course

  • 0:07 - Events
    6:38 - Hover
    8:34 - Mouse Move
    9:00 - Mouse Up and Mouse Down
    9:50 - Pass an Optional Parameter for the Event
    10:47 - Current Target
    13:04 - Mousemove
    15:23 - Form Events
    16:17 - Focus Event
    18:22 - Blur Event
    19:06 - Key Up and Key down Event
    21:48 - Submit Event

  • 2:00 - add multiple css properties
    4:00 - add an event here for that button
    5:30 - add html tags
    6:26 - set up a list
    12:59 - wrap specific elements in other elements
    15:18 - get the key code
    15:49 - append a list item
    17:01 - loop through an array

  • 0:00 - Intro
    0:20 - Starter Interface
    2:30 - Fade Effects
    5:25 - Slide Effects
    8:03 - Animation
    12:46 - Multiple Animation

Resources

▶️ Traversy Media
📁 Course Project Files
🔗 jQuery Tutorial by W3Schools

Previous
Previous

9. JavaScript DOM

Next
Next

11. AJAX