SASS is to CSS
In this lesson, you’ll get comfortable with the basic structure of jQuery. By the end of the lesson, you will be implementing jQuery in your class website and another website.
- Take this interactive course on codeacademy.com. Codeacademy is free – sign up on it so that you can come back to your lesson at a later point in time if needed.
- Take the lynda.com course on jQuery Essentials
jQuery Final Project
Part 1: Menus
If you have not done so already, add a responsive menu to your site using some jQuery. If you’re feeling adventurous, you can code it on your own based on what you’ve learned. Otherwise you can follow one of these guidelines:
Don’t forget to include jQuery in your project or your menu won’t work!
Upload your site via FTP and submit a link in Blackboard.
Part 2: Other Functionality
Create or redesign a website from scratch. You may choose any site, and the site may also be a client site. The site must have at least 3 pages. You can implement any jQuery plugin you choose for the site (with the exception of no carousels/slideshows): a lightbox, scrollspy, masonry, or anything else you choose. Here are some suggestions:
- Magnific Popup Lighbox
- ScrollSpy (Bootstrap)
- Responsive Accordions
- Masonry (great for a portfolio)
- Single page with scrolling navigation
Don’t forget to include jQuery in your project or your fancy plugin won’t work!
Upload your site (Business Website) via FTP and submit a link on Blackboard.