JavaScript Project

JavaScript Group Final Project: A custom website using HTML/CSS along with JavaScript/jQuery (25% final grade) Due Date:

Intro: Create a custom website using the techniques of JavaScript and jQuery

Instructions: In groups of 2 or 3, create a custom website. The site should consist of a home page and a page that each in the group will create based on the functionality they want to add. Use examples from the book, the book exercises, or other online resources but the site should have a consistent, common message that you are trying to convey (Example: include sliders, image gallery, UI widgets like accordions, tabs, etc.). Consider the following requirements:

• Must include a home page and linking pages to your widget • Must include navigation • Use image sliders and gallery plugins • Use of jQuery UI widgets is required (include at least 2 of those) • Styles should be consistent across all pages

o Keep in mind font and colours o Don't forget to consider readability!

• No inline styles, must be in the external CSS file • Images and CSS files must be in their corresponding folders (ie: CSS files in CSS

folder; images in images folder) • Comments should include your name on pages that you helped create. • Feel free to add enhancements as you'd like, have fun with it!

Once you have completed the work, please zip up all your project files and folders then submit this to the attached dropbox.

Grading Criteria The project will be graded on the following criteria:

• Colour Contrast (Accessibility) o Ensure your foreground(text) colours contrast against your background

colours o Use the WebAIM colour checker to verify your colours meet accessibility

standards o http://webaim.org/resources/contrastchecker/

• Layout Design o Your text and graphical elements should 'work' together to create a unified

message (e.g. Colours, imagery, font should work together and not confuse the message)

o Make sure to not bunch your elements together; use spacing appropriately • Technical Elements

o HTML/JavaScript structure is complete and validated o Use of plugins o Use of widgets o Include functions, methods, properties and selectors to manipulate the DOM

• Requirements o Make sure to have the project files uploaded to the attached Dropbox by the

due date o Review the project requirements to make sure you have included all aspects

• Overall Appeal o The website displays the information appropriately o The site conveys a common message and common styling o The site is eye-catching, stylish, unique, and modern

Review the project rubric for an additional breakdown of the project’s requirements.

Submitting Your Project Once you have the site completed, please submit your project files to the attached dropbox. The files should be uploaded in zip format with the following syntax: YourName_GroupFinalProject.zip

Rubrics Rubrics can be found:

• Course Tools -> Rubrics • Click the drop down next to the rubric for the project and select Preview

Let your instructor know if you have any questions or concerns.