Today’s Goals:
- Finish your jQuery events page
- Your choice: complete jQuery tutorials on Codecademy OR create a new page that uses the jQuery we’ve learned
Today’s featured website:
- https://www.cabletv.com/the-walking-dead– jQuery makes this website creepily interactive with scrolling and animations
jQuery Events
- Like JavaScript, jQuery can do things to the content on your page when someone scrolls, clicks, hovers the mouse, etc.
- First, let’s review jQuery syntax
- Let’s also review jQuery selectors
- Now let’s look at jQuery events
- Practice on your own: download this code, copy and paste it into Notepad++, and save it as jqueryevents.html
- Follow the instructions inside the comments
Your Choice
- jQuery tutorials: These tutorials will review some of the things we’ve learned and will also show you some new things. You will work at your own pace and complete as many as you can during class today. Start here.
- Create your own page: Create a single webpage on a topic of your choice and use some of the jQuery we’ve learned so far. Consider using jQuery animations and events (click, dblclick, hover, scroll, etc.). Use the code you have as a model.