I need the 4 pages of HTML / CSS and Javascript completed with the basic functions listed in the attachment. I will provide the folder with the pages setup and basic interaction needed using the javascript language.
Microsoft Word - Rio Salado CIS166AA Javascript Lesson 14: At-Home Final Exam Final Project Requirements View Glossary Your final project is ultimately a website. This should be a simple website that is going to be more about the functionality you build in with various JS features than anything else. Select a topic for your site. The site should be related to something you enjoy personally (your major, a personal business idea, a fake product, etc.) Your site will have 5 pages, plus one page that discusses the JS you used throughout the site. All pages should have a single common layout and navigation. The code must be commented throughout, but not over-commented. A responsive layout should be used. Assistance on this will be provided, and your grade will not be dependent on this, however, since responsive sites are critical in web development these days, it's not something that can be overlooked. | How to... The layout should be done with your own HTML/CSS/JS. No front-end or back-end frameworks please (Bootstrap, Bulma, Wordpress, Drupal, etc.) All styles should be in an external stylesheet. The homepage should be index.html, then create your page structure. One of the links in your navigation should be labeled "My Projects" (or something along those lines). o That page will have 5 different paragraphs. Each paragraph will give a 3-5 sentence description of something you did in JS. At the end of the paragraph, you'll put a link to the page on your site. o Below is an example: On the Services page, I created a simple random character generator that creates a coupon code. The user can use the code at checkout for discounts from our online store. You can view the page at the following link: LINK TO PAGE. To promote your weekly use of JavaScript, you'll complete regular exercises related to the following: Lesson 1: JavaScript Basics Lesson 2: Operators & Data Types Lesson 3: Variables & Arrays Lesson 4: Functions Lesson 5: Objects, Properties & Methods Lesson 6: If, Else & Switch Statements Lesson 7: Loops Lesson 8: Document Object Model (DOM) Lesson 9: Events Lesson 10: Forms & Form Validation Lesson 11: jQuery Lesson 12: AJAX, JSON & APIs Lesson 13: Debugging & Error Handling You should choose 5 of the items above to include in your final project website. «Focusing Your Learning Final Project Rubric» 100% Completed Website Structure & Layout Final project site contains at least 5 completed pages including: A home page saved as index.html At least 4 other HTML pages Consistent working navigation on all pages Consistent layout used on all pages, including color scheme, navbar placement, etc. 5 Site Pages: 5 pts/page Consistent Layout: 5 pts/page (50 pts possible) © 202 Website is Responsive Final project site is responsive, meaning that the site appears to fit as a balanced User Interface (UI) on a phone, tablet, and desktop. At least 3 media queries are present (portrait phone, portrait tablet, or landscape tablet) Media queries must function based on CSS in the query One Media Query: 5 pts Two Media Queries: 5 pts Three Media Queries: 10 pts 0, Rio Salado College. All Rights Reserved. Code Comments Code comments are present within HTML, CSS, and JS. All JS Deliverables must include comments that clearly state what each function does, what type of data is contained in each array, what each if/else statement does, etc. HTML Comments: 5 pts CSS Comments: 5 pts JS Comments: 15 pts