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
e 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 & A
ays
ï‚· 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 & E
or Handling
You should choose 5 of the items above to include in your final project website.
«Focusing Your Learning
Final Project Ru
ic»
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 a
ay, what each if/else
statement does, etc.
HTML Comments: 5 pts
CSS Comments: 5 pts
JS Comments: 15 pts