Fluent Essays

I need a  functional website with 5 pages  which developed in Javascript and jquery. Please find the attached documents for project requirements. It has to be finished by 17th August. 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 Dont 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 youd 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 http://webaim.org/resources/contrastchecker/ • 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.   Technique/Technology Grade\%    Technique/Technology  Grade\%  A custom function 2 Use an If statement 5 A custom function using parameters 5 Use an If … Else statement 5 Use an array 2 Use an If … Else If statement 5 Use a jQuery plug in 10 Use a switch statement with at least 3 cases and 1 default 10 Use an AngularJS nested form 15 Use a For loop 5 Use a global variable 2 Use a While loop 5 Use a locally scoped variable 2 Use a Do While loop 5 Use comments throughout 5 Use getElementsByTagName() 2 Use an Immediately Invoked Function Expression (IFFE) 10 Use getElementsByClassName() 2 Use an object 2 Use querySelectorAll() 2 Use an object with a method (function property) 5 Use the createElement() method 2 Use an object with an array for a property value 5 Use the createTextNode() method 2 Access an objects property using dot notation 2 Use the  appendChild() method 2 Access an objects method using dot notation 2 Use the removeChild() method 2 Create an object literal 2 Use the document.write() method 2 Create an object using a constructor 5 Use the innerHTML property 2 Create a Date object 5 Use the getAttribute() method 2 Use the this keyword effectively 5 Use the removeAttribute() method 2 Use a built‐in method for the window object 2 Use the addEventListener() method 2 Use a built‐in method for the document object 2 Use the event Target property 5 Use a built‐in method for the string object 2 Use the event stopPropagation() method 10 Use a built‐in method for the number object 2 Use a Focus event 2 Use a built‐in method for the Math object 2 Use a Blur event 2 Use a built‐in method for the Date object 2 Use a Click event 2 Access a built‐in property for the window object 2 Use screenX/screenY to determine the mouse position 5 Access a built‐in property for the document object 2 Use a keydown/keyup/keypress event 2 Access a built‐in property for the string object 2 Use 5 jQuery methods 10 Use a logical AND operator 5 Use 10 jQuery methods 15 Use a logical OR operator 5 Create an XMLHttpRequest object 15 Use a logical NOT operator 5 Use the XMLHttpRequest object to get XML/JSON data 15 Use a 3rd party API 10 Use jQuery UI 10 Use local/session storage 5 Use a Try … Catch statement 5 Use the History object 10 Use form validation on 2 inputs 10