Assignment #12: Javascript and jQuery - J4502-SS19/class GitHub Wiki

Overview

This assignment will show us that you can use Javascript (either vanilla JS or jQuery) to make your site's navigation menu work on mobile and desktop sizes, and expand or collapse on tap/click. That is, make a hamburger menu.

Due date

This is due by 5 p.m. on Friday, April 13

Points possible

20

Steps to take:

You'll build a collapsing menu for your site. If you follow along in class during the JS lecture, this should be extremely straightforward.

You may need to add extra menu items for this assignment to work. They don't actually have to go anywhere 😸

Your site should have:

  • A large number of menu items (these can all be in a single layer if you don't want to mess with menus inside menus)

  • a desktop menu that spreads them out across the top and/or bottom of your site

  • a mobile menu that compresses them into a small area that expands on tap

Note: you don't actually have to use the hamburger icon if you don't want to; you can use "menu" or some other similar word.

Grading:

All required content there (5 points)

Coded correctly — use of JS or jQuery to accomplish the tasks listed above (15 points)

Total: 20 points

Turning it in

Send your link from Github Pages to Rob via DM on Slack.

Note: Assignments not turned in by deadline will drop a letter grade for each day late.

If you have any questions at all, feel free to ask. :+1:

tl;dr:

Add a collapsing menu, push it to GH-Pages, send us a link. Worth 20 points, 2 percent of your semester grade.