Intro to JQuery: Event Based Programming (Modals and Mobile Menus)

Maya Noelle, Web Dev, GA Instructor, TV Obsessed

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (45m)
    • 1. INTRO

      0:17
    • 2. INTRO TO JQUERY

      1:58
    • 3. WHAT'S JQUERY ?

      7:06
    • 4. JQUERY FUNCTIONS

      4:34
    • 5. ADDING THE JQUERY CDN

      5:04
    • 6. LET'S CODE! PART 1 (Making a Modal/Popup)

      11:44
    • 7. LET'S CODE! PART 2 (Making a Moibile Menu)

      6:46
    • 8. LET'S CODE! PART 3 (Visual Effects)

      6:25
    • 9. CONCLUSION

      1:21

Project Description

Using our starter code & class directions, add event-based code to:

  • Make a hamburger navigation menu interactive for mobile
  • Add popups and other modals with a call of action or piece of info for the user
  • Explore visual effects like changing colors, dynamic text, etc.

Click This Link to See a Demo of the Finished Project

Student Projects